"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { CheckCircle } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            { name: "About", id: "/about" },
            { name: "Focus Areas", id: "/focus" },
            { name: "Team", id: "/team" },
            { name: "FAQ", id: "/faq" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Apply Now", href: "/contact" }}
          brandName="Pitchdrive"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Who We Are"
          description={[
            "Pitchdrive is a forward-thinking venture capital firm based in Antwerp, Belgium. Founded by experienced entrepreneurs and investors, we understand the unique challenges and opportunities facing early-stage startups across Europe.",
            "We partner with visionary founders who are solving real problems and building sustainable businesses. Our hands-on approach combines strategic capital with mentorship, network access, and operational expertise to accelerate your path to scale.",
            "We believe Antwerp and the Benelux region are home to exceptional talent and innovation. Our mission is to empower local founders to think globally and build world-class companies."
          ]}
          buttons={[
            { text: "View Our Portfolio", href: "#" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose Pitchdrive"
          description="We're not just capital. We're a strategic partner committed to your long-term success."
          tag="Competitive Advantage"
          tagIcon={CheckCircle}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          negativeCard={{
            items: [
              "Generic advice from distant investors",
              "Limited network access in your market",
              "Hands-off approach after funding",
              "Misaligned incentives and timelines"
            ]
          }}
          positiveCard={{
            items: [
              "Founder-led team with startup experience",
              "Active network across Benelux and Europe",
              "Ongoing strategic support and mentorship",
              "Aligned long-term partnership approach"
            ]
          }}
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-coffee-cup_23-2148780609.jpg"
        imageAlt="Pitchdrive team in strategic meeting"
        logoText="Pitchdrive"
        copyrightText="© 2025 Pitchdrive VC. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Portfolio", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Founder Guide", href: "#" },
              { label: "Investment Thesis", href: "#" },
              { label: "Blog", href: "#" },
              { label: "Newsletter", href: "#" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "LinkedIn", href: "https://linkedin.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "Email", href: "mailto:hello@pitchdrive.be" },
              { label: "Antwerp, Belgium", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}