"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
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 TeamPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Pitchdrive"
          navItems={[
            { 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="team" data-section="team">
        <TeamCardFive
          title="Meet Our Investment Team"
          description="Experienced founders, investors, and operators who have built and scaled companies across Europe. We bring real-world experience to every investment decision and portfolio company partnership."
          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="about" data-section="about">
        <TextSplitAbout
          title="Our Philosophy"
          description={[
            "We believe the best investors are former founders who understand the unique challenges of building a company from the ground up. Our team combines decades of operational experience with deep industry expertise across our focus sectors.",
            "Every member of our investment team has either founded, scaled, or successfully exited technology companies. This experience shapes how we evaluate opportunities, support our portfolio, and add strategic value beyond capital."
          ]}
          useInvertedBackground="invertDefault"
          showBorder={true}
          buttons={[
            { text: "View Investment Focus", href: "/portfolio" },
            { text: "Get in Touch", href: "/contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Our collective experience building and scaling technology companies across Europe and beyond."
          tag="Team Experience"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",
              value: "4",
              description: "Successful exits across the founding team's entrepreneurial journey"
            },
            {
              id: "2",
              value: "25+",
              description: "Years of combined operating experience in European tech markets"
            }
          ]}
        />
      </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>
  );
}