"use client";
import Link from "next/link";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Target, Rocket, TrendingUp, Users, Award, Zap, Lightbulb } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="PitchDrive"
          bottomLeftText="Venture Capital Innovation"
          bottomRightText="hello@pitchdrive.vc"
        />
      </div>

      <div id="about-story" data-section="about-story">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Target}
          title="Founded by experienced operators who understand the challenges of building transformative companies from the ground up."
          description="PitchDrive Capital"
          subdescription="Investment Philosophy"
          icon={Rocket}
          imageSrc="https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg"
          imageAlt="PitchDrive founding team"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="values" data-section="values">
        <FeatureCardNine
          features={[
            {
              id: 1,
              title: "Founder Empathy",              description: "Our team includes experienced founders who have navigated the challenges of scaling companies. We bring firsthand understanding to every partnership.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103555.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg" }
            },
            {
              id: 2,
              title: "Long-term Partnership",              description: "We invest not just capital but our reputation, network, and operational expertise. Our success is measured by the long-term impact of our portfolio companies.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103555.jpg" }
            }
          ]}
          showStepNumbers={true}
          title="Our Values"
          description="The principles that guide our investment approach and founder partnerships"
          tag="Core Beliefs"
          tagIcon={Lightbulb}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team-metrics" data-section="team-metrics">
        <MetricCardThree
          title="Team Expertise"
          description="Combined decades of experience in building, scaling, and investing in category-defining companies"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            { id: "1", icon: TrendingUp, title: "Combined Exits", value: "$2.5B+" },
            { id: "2", icon: Users, title: "Years Experience", value: "80+" },
            { id: "3", icon: Award, title: "Previous Funds", value: "12" },
            { id: "4", icon: Zap, title: "Board Seats", value: "25+" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="PitchDrive"
          copyrightText="© 2025 PitchDrive Capital. All rights reserved."
          columns={[
            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] },
            { title: "Resources", items: [{ label: "Portfolio", href: "/portfolio" }, { label: "Blog", href: "https://blog.pitchdrive.vc" }, { label: "Founder Resources", href: "https://resources.pitchdrive.vc" }] },
            { title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "hello@pitchdrive.vc", href: "mailto:hello@pitchdrive.vc" }, { label: "Twitter", href: "https://twitter.com/pitchdrive" }] }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}