"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Lightbulb, Target, Globe, Linkedin, Twitter } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "About", id: "/about" },
            { name: "Investment Focus", id: "/services" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "FAQ", id: "/contact" }
          ]}
          brandName="PitchDrive"
          button={{ text: "Get in Touch", href: "/contact" }}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Story & Mission"
          description="PitchDrive was founded by serial entrepreneurs who understand the challenges of building transformative companies. We combine deep operational experience with strategic capital to support Europe's most ambitious founders."
          tag="About PitchDrive"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
          imageAlt="PitchDrive team collaboration"
          bulletPoints={[
            {
              title: "Founder DNA",
              description: "Our partners have built and scaled multiple startups, giving us unique insight into the founder journey and what it takes to succeed.",
              icon: Lightbulb
            },
            {
              title: "Sector Focus",
              description: "We concentrate on SaaS, fintech, and deeptech where we have deep domain expertise and can add the most value beyond capital.",
              icon: Target
            },
            {
              title: "European Expertise",
              description: "Based in Antwerp with reach across Europe, we understand local markets while thinking globally about scaling opportunities.",
              icon: Globe
            }
          ]}
          buttons={[
            { text: "Meet Our Team", href: "/team" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Leadership Team"
          description="Our team combines founder experience, investment expertise, and deep industry knowledge to support exceptional entrepreneurs."
          tag="Our Leaders"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          members={[
            {
              id: "1",
              name: "Jan Vermeulen",
              role: "Founder & Managing Partner",
              description: "Former CTO at multiple Series B startups. 15+ years in fintech and SaaS scaling. Serial entrepreneur with 2 successful exits.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",
              name: "Sophie Dubois",
              role: "Investment Partner",
              description: "Previously headed product at a €200M SaaS unicorn. Deep expertise in enterprise software and go-to-market strategies.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="values" data-section="values">
        <MetricCardTwo
          title="Our Values in Action"
          description="These principles guide how we work with founders and build lasting partnerships."
          tag="Core Values"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            { id: "1", value: "Founder-First", description: "Always prioritizing founder success" },
            { id: "2", value: "Long-Term", description: "Patient capital for sustainable growth" },
            { id: "3", value: "Hands-On", description: "Active partnership beyond investment" },
            { id: "4", value: "European", description: "Deep local market expertise" }
          ]}
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/cityscape-frankfurt-downtown-germany_1268-20913.jpg"
        imageAlt="Antwerp skyline"
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive VC. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/team" },
              { label: "Portfolio", href: "/portfolio" }
            ]
          },
          {
            title: "Investors",
            items: [
              { label: "Investment Focus", href: "/services" },
              { label: "How We Work", href: "/about" },
              { label: "FAQ", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Get in Touch", href: "/contact" },
              { label: "Email Us", href: "mailto:team@pitchdrive.com" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}