"use client";

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

export default function AboutPage() {
  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="about" data-section="about">
        <MediaAbout
          title="Founded by Entrepreneurs, Fueled by Passion"
          description="PitchDrive was born from firsthand experience building successful startups. Our team understands the challenges founders face—we've lived them. We bring operational expertise, strategic networks, and genuine commitment to help you navigate growth, overcome obstacles, and achieve your vision. We're not just investors; we're partners in your success."
          tag="Our Mission"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/business-colleagues-banner-concept-with-copy-space_23-2149601494.jpg"
          imageAlt="Collaborative investment and growth"
          buttons={[
            { text: "Meet Our Team", href: "/team" }
          ]}
        />
      </div>

      <div id="thesis" data-section="thesis">
        <FeatureCardTwentyTwo
          title="Our Investment Philosophy"
          description="We invest with conviction in the founders and technologies shaping Europe's future."
          textboxLayout="default"
          tag="Investment Approach"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              id: "1",              category: ["Founder-Led", "Operational"],
              title: "Hands-On Partnership Beyond Capital",              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991374.jpg",              imageAlt: "Strategic partnership and collaboration"
            },
            {
              id: "2",              category: ["Network", "Ecosystem"],
              title: "Access to Europe's Leading Tech Networks",              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991374.jpg",              imageAlt: "European technology ecosystem"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet the founders who understand your journey because they've lived it themselves"
          tag="Leadership Team"
          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>

      <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>
  );
}