"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function TeamPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PitchDrive"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Team", id: "/team" },
            { name: "FAQ", id: "/faq" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get Started",
            href: "/contact"
          }}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet the Team Leading PitchDrive"
          tag="Founder-Led"
          memberVariant="card"
          useInvertedBackground="noInvert"
          members={[
            {
              id: "1",
              name: "Johan van der Poel",
              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
              imageAlt: "Johan van der Poel, Co-founder"
            },
            {
              id: "2",
              name: "Saagar Mehta",
              imageSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
              imageAlt: "Saagar Mehta, Co-founder"
            }
          ]}
        />
      </div>

      <div id="team-story" data-section="team-story">
        <MediaAbout
          title="Why We Started PitchDrive"
          description="Having built and scaled startups ourselves, we know the unique challenges European founders face. Our mission is simple: provide the strategic guidance, operational support, and network access that we wish we'd had on our own entrepreneurial journeys. We're not just writing checks—we're rolling up our sleeves."
          tag="Our Story"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/business-colleagues-banner-concept-with-copy-space_23-2149601494.jpg"
          imageAlt: "Founders working together"
          buttons={[
            { text: "See Our Portfolio", href: "/about" }
          ]}
        />
      </div>

      <div id="founder-testimonials" data-section="founder-testimonials">
        <TestimonialCardFive
          title="What Founders Say About Working With Us"
          description="Hear directly from the entrepreneurs we've partnered with on their journey."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Elena Rodriguez, CEO of CloudSync",
              date: "Date: 15 November 2024",
              title: "They truly understand the founder mindset",
              quote: "Johan and Saagar don't just provide capital—they provide perspective that only comes from having been in the founder's seat themselves. Their operational insights have been game-changing.",
              tag: "Series A",
              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg"
            },
            {
              id: "2",
              name: "Marcus Thompson, Founder of DataFlow",
              date: "Date: 20 October 2024",
              title: "More than investors—true strategic partners",
              quote: "The PitchDrive team brings a founder-first approach that's rare in the VC world. They've helped us navigate critical decisions with the wisdom that only comes from experience.",
              tag: "Seed",
              avatarSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg"
            },
            {
              id: "3",
              name: "Sofia Bergström, Head of AiVenture Labs",
              date: "Date: 05 September 2024",
              title: "They get it because they've lived it",
              quote: "Working with fellow founders who understand the entrepreneurial journey has made all the difference. PitchDrive provides the kind of support you can only get from those who've walked the path.",
              tag: "Pre-Seed",
              avatarSrc: "https://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg"
            }
          ]}
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/young-colleagues-sitting-while-work-with-laptops-desk_171337-16969.jpg"
        imageAlt="PitchDrive office in Antwerp"
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive Venture Capital. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Investment Thesis", href: "/thesis" },
              { label: "FAQ", href: "/faq" },
              { label: "Apply for Funding", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "LinkedIn", href: "https://linkedin.com/company/pitchdrive" },
              { label: "Twitter", href: "https://twitter.com/pitchdrive" },
              { label: "Email", href: "mailto:hello@pitchdrive.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}