"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Users } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="PitchDrive"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "Blog", id: "https://blog.pitchdrive.com" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Antwerp, Belgium"
          bottomRightText="hello@pitchdrive.vc"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story and Mission"
          description="PitchDrive was founded by a team of serial entrepreneurs who have experienced both the challenges of building companies and the complexities of raising capital. Having successfully built and exited multiple ventures across fintech, SaaS, and deep tech, we understand the founder journey intimately. Our mission is to bridge the gap between exceptional founders and the capital they need to scale their vision. We believe that the best investors are those who have walked in the founder's shoes."
          tag="Our Foundation"
          tagIcon={Sparkles}
          buttons={[{ text: "Meet Our Team", href: "/team" }]}
          imageSrc="https://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg"
          imageAlt="PitchDrive founding team working together"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="values" data-section="values">
        <MediaAbout
          title="Our Investment Philosophy"
          description="We invest in people first, technology second. The best technology means nothing without exceptional founders who can execute, adapt, and inspire others to join their mission. We look for founders who demonstrate resilience, vision, and the ability to build high-performing teams. Our investment process is founder-friendly, transparent, and designed to move quickly when we identify exceptional opportunities. We're not just writing checks—we're becoming long-term partners in your success."
          tag="Our Values"
          tagIcon={Sparkles}
          buttons={[{ text: "View Our Process", href: "/contact" }]}
          imageSrc="https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg"
          imageAlt="Strategic partnership discussion"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Leadership Team"
          description="Meet the founders and partners who bring decades of entrepreneurial experience and investment expertise to PitchDrive."
          tag="Our Leaders"
          tagIcon={Users}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          groups={[
            {
              id: "founders",              groupTitle: "Founding Partners",              members: [
                {
                  id: "1",                  title: "Mihai Toma",                  subtitle: "Co-Founder & General Partner",                  detail: "mihai@pitchdrive.vc",                  imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",                  imageAlt: "Mihai Toma"
                },
                {
                  id: "2",                  title: "Sarah Van de Velde",                  subtitle: "Co-Founder & General Partner",                  detail: "sarah@pitchdrive.vc",                  imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",                  imageAlt: "Sarah Van de Velde"
                },
                {
                  id: "3",                  title: "Erik Blomqvist",                  subtitle: "Co-Founder & General Partner",                  detail: "erik@pitchdrive.vc",                  imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",                  imageAlt: "Erik Blomqvist"
                },
                {
                  id: "4",                  title: "Anna Kowalski",                  subtitle: "Investment Manager",                  detail: "anna@pitchdrive.vc",                  imageSrc: "https://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",                  imageAlt: "Anna Kowalski"
                }
              ]
            }
          ]}
        />
      </div>

      <FooterBase
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive. All rights reserved."
        columns={[
          {
            title: "Company",            items: [
              { label: "About", href: "/about" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "Team", href: "/team" },
              { label: "Blog", href: "https://blog.pitchdrive.vc" }
            ]
          },
          {
            title: "Resources",            items: [
              { label: "Founder Resources", href: "https://pitchdrive.vc/resources" },
              { label: "Investment Process", href: "https://pitchdrive.vc/how-we-invest" },
              { label: "FAQ", href: "/faq" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "Email", href: "mailto:hello@pitchdrive.vc" },
              { label: "LinkedIn", href: "https://linkedin.com/company/pitchdrive" },
              { label: "Twitter", href: "https://twitter.com/pitchdrive" },
              { label: "Office", href: "https://maps.google.com/?q=Antwerp+Belgium" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}