"use client";
import Link from "next/link";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { TrendingUp, Users, Award, Zap } from "lucide-react";

export default function PortfolioPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      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: "Insights", id: "/insights" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="PitchDrive"
          bottomLeftText="Venture Capital Innovation"
          bottomRightText="hello@pitchdrive.vc"
        />
      </div>

      <div id="portfolio-showcase" data-section="portfolio-showcase">
        <ProductCardThree
          products={[
            { id: "1", name: "CloudScale AI", price: "Series B", imageSrc: "https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg", imageAlt: "CloudScale AI enterprise platform", initialQuantity: 1 },
            { id: "2", name: "FinFlow Technologies", price: "Series A+", imageSrc: "https://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103555.jpg", imageAlt: "FinFlow fintech platform", initialQuantity: 1 },
            { id: "3", name: "DataVault Systems", price: "Series B", imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg", imageAlt: "DataVault security infrastructure", initialQuantity: 1 },
            { id: "4", name: "NexGen Analytics", price: "Series A", imageSrc: "https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg", imageAlt: "NexGen predictive analytics", initialQuantity: 1 },
            { id: "5", name: "Innovate Health", price: "Series B", imageSrc: "https://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103555.jpg", imageAlt: "Innovate Health platform", initialQuantity: 1 },
            { id: "6", name: "StreamLabs Media", price: "Series A+", imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg", imageAlt: "StreamLabs content platform", initialQuantity: 1 },
            { id: "7", name: "SecureNet", price: "Seed", imageSrc: "https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg", imageAlt: "SecureNet cybersecurity", initialQuantity: 1 },
            { id: "8", name: "GreenTech Solutions", price: "Series A", imageSrc: "https://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103555.jpg", imageAlt: "GreenTech sustainable technology", initialQuantity: 1 }
          ]}
          title="Portfolio Companies"
          description="A comprehensive view of the exceptional companies we've partnered with across various industries and stages"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
        />
      </div>

      <div id="portfolio-testimonials" data-section="portfolio-testimonials">
        <TestimonialCardThirteen
          testimonials={[
            { id: "1", name: "Sarah Chen", handle: "@sarahchen_founder", testimonial: "PitchDrive didn't just write a check—they became strategic partners in our journey. Their network and operational expertise were instrumental in scaling CloudScale AI from series A to B.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "Sarah Chen, founder of CloudScale AI" },
            { id: "2", name: "Marcus Williams", handle: "@marcus_finflow", testimonial: "The team at PitchDrive understands fintech deeply. They connected us with strategic partners and provided guidance that helped us achieve product-market fit faster than we anticipated.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "Marcus Williams, founder of FinFlow Technologies" },
            { id: "3", name: "Priya Patel", handle: "@priya_datavault", testimonial: "Working with PitchDrive Capital was transformational. They challenged us to think bigger about our TAM and helped us build the leadership team needed to execute our vision.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Priya Patel, founder of DataVault Systems" },
            { id: "4", name: "James Thompson", handle: "@james_nexgen", testimonial: "Beyond capital, PitchDrive provided introductions to enterprise customers who became our anchor clients. Their founder network is invaluable for scaling operations.", rating: 5, 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", imageAlt: "James Thompson, founder of NexGen Analytics" }
          ]}
          showRating={true}
          title="Founder Success Stories"
          description="What exceptional founders say about partnering with PitchDrive Capital"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
        />
      </div>

      <div id="portfolio-metrics" data-section="portfolio-metrics">
        <MetricCardThree
          title="Portfolio Performance"
          description="Demonstrating the success and growth of our portfolio companies across key metrics"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            { id: "1", icon: TrendingUp, title: "Avg. Revenue Growth", value: "350%" },
            { id: "2", icon: Users, title: "Jobs Created", value: "2,500+" },
            { id: "3", icon: Award, title: "Follow-on Funding", value: "$450M+" },
            { id: "4", icon: Zap, title: "Active Companies", value: "38" }
          ]}
        />
      </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: "Team", href: "/team" }, { label: "Insights", href: "/insights" }] },
            { 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>
  );
}