"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Users } from 'lucide-react';

export default function TeamPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Strategy", id: "/strategy" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="PitchDrive"
          bottomLeftText="Based in Belgium"
          bottomRightText="hello@pitchdrive.io"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet the Team"
          description="Experienced investors and entrepreneurs with deep expertise across technology sectors, guiding our portfolio companies from seed to scale"
          tag="Leadership"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          groups={[
            {
              id: "partners",
              groupTitle: "Partners",
              members: [
                {
                  id: "1",
                  title: "Thomas Devos",
                  subtitle: "Founding Partner",
                  detail: "thomas@pitchdrive.io",
                  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",
                  imageAlt: "Thomas Devos, Founding Partner"
                },
                {
                  id: "2",
                  title: "Elena Schmidt",
                  subtitle: "Partner, Deep Tech",
                  detail: "elena@pitchdrive.io",
                  imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
                  imageAlt: "Elena Schmidt, Partner specializing in Deep Tech"
                }
              ]
            },
            {
              id: "investors",
              groupTitle: "Investment Team",
              members: [
                {
                  id: "3",
                  title: "Marc Leblanc",
                  subtitle: "Senior Investment Manager",
                  detail: "marc@pitchdrive.io",
                  imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
                  imageAlt: "Marc Leblanc, Senior Investment Manager"
                },
                {
                  id: "4",
                  title: "Sophie Andrén",
                  subtitle: "Investment Associate",
                  detail: "sophie@pitchdrive.io",
                  imageSrc: "https://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg",
                  imageAlt: "Sophie Andrén, Investment Associate"
                }
              ]
            }
          ]}
        />
      </div>

      <FooterBase
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive VC | Belgium"
        columns={[
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Portfolio", href: "#" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Pitch Guide", href: "#" },
              { label: "FAQ", href: "#" },
              { label: "Investment Criteria", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "LinkedIn", href: "https://linkedin.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "Email", href: "mailto:hello@pitchdrive.io" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}