"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Target, Lightbulb, Users, Star } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Pitchdrive"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Investments", id: "/investments" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get in Touch",
            href: "/contact"
          }}
        />
      </div>

      <div id="mission" data-section="mission">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Target}
          title="Founded by entrepreneurs who understand the journey from idea to billion-dollar companies."
          description="Alex Chen & Sarah Mitchell"
          subdescription="Co-Founders, Pitchdrive Partners"
          icon={Lightbulb}
          imageSrc="https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg"
          imageAlt="Pitchdrive founders in their office"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet the Partners"
          description="Experienced operators with proven track records building and scaling billion-dollar companies"
          tag="Leadership Team"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          team={[
            {
              id: "1",
              name: "Alex Chen",
              role: "Managing Partner & Co-Founder",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "2",
              name: "Sarah Mitchell",
              role: "Partner & Head of Operations",
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg"
            },
            {
              id: "3",
              name: "Marcus Johnson",
              role: "Partner & Chief Investment Officer",
              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: "4",
              name: "Elena Rodriguez",
              role: "Partner & Chief Technology Officer",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Founders Say"
          description="Hear from our portfolio companies about their experience partnering with Pitchdrive"
          tag="Portfolio Feedback"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "James Park",
              role: "CEO & Founder",
              testimonial: "Pitchdrive didn't just fund us—they became true partners. Their network and operational expertise accelerated our roadmap by 18 months.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"
            },
            {
              id: "2",
              name: "Victoria Chen",
              role: "Founder & CEO",
              testimonial: "What impressed me most was Alex's willingness to roll up his sleeves. He's been instrumental in our go-to-market strategy.",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"
            },
            {
              id: "3",
              name: "David Patel",
              role: "Founder & CTO",
              testimonial: "The technical depth of their team is exceptional. They understood our architecture challenges immediately and connected us with the right people.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"
            }
          ]}
        />
      </div>

      <FooterLogoReveal
        logoText="Pitchdrive"
        ariaLabel="Pitchdrive VC footer"
      />
    </ThemeProvider>
  );
}