"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Users } from 'lucide-react';
import Link from 'next/link';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Pitchdrive"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Apply for Funding",            href: "/contact"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story & Vision"
          description={[
            "Founded by experienced entrepreneurs and investors, Pitchdrive was born from a simple belief: the best founders deserve more than just capital—they deserve strategic partnership. Our founding team has built, scaled, and successfully exited multiple companies across Europe, giving us unique insights into what it takes to navigate the startup journey.",            "We understand the challenges founders face because we've lived them. From securing initial funding to scaling teams, navigating product-market fit to preparing for acquisition—we've been there. This experience informs every investment decision we make and every piece of guidance we provide to our portfolio companies."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            { text: "View Our Portfolio", href: "/portfolio" },
            { text: "Meet the Team", href: "/team" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Leadership Team"
          description="Meet the founders, investors, and operators who guide Pitchdrive's investment strategy and support our portfolio companies with hands-on expertise."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          team={[
            {
              id: "1",              name: "Marc Vanderhaeghe",              role: "Founder & Managing Partner",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "2",              name: "Sophie De Ridder",              role: "Partner, Growth & Operations",              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"
            },
            {
              id: "3",              name: "Thomas Claes",              role: "Partner, Deep Tech",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg"
            },
            {
              id: "4",              name: "Lena Schmidt",              role: "Investment Director",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"
            }
          ]}
          tag="Leadership"
          tagIcon={Users}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Our track record speaks to our commitment to founder success and strategic capital deployment across the European technology ecosystem."
          tag="Our Impact"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "€150M+",              description: "Cumulative capital deployed across 45+ portfolio companies since inception"
            },
            {
              id: "2",              value: "12",              description: "Portfolio companies valued at over €50M (and growing)"
            },
            {
              id: "3",              value: "8",              description: "Successful exits and acquisitions by tier-1 tech companies"
            },
            {
              id: "4",              value: "95%",              description: "Portfolio founder satisfaction rating and repeat investment interest"
            }
          ]}
        />
      </div>

      <FooterLogoEmphasis
        logoText="Pitchdrive"
        columns={[
          {
            items: [
              { label: "About", href: "/about" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "Team", href: "/team" }
            ]
          },
          {
            items: [
              { label: "Investment Thesis", href: "/portfolio" },
              { label: "Submit Your Pitch", href: "/contact" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            items: [
              { label: "Antwerp, Belgium", href: "#" },
              { label: "hello@pitchdrive.eu", href: "mailto:hello@pitchdrive.eu" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}