"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Star, Target } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function PortfolioPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PitchDrive"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "FAQ", id: "/faq" }
          ]}
          button={{
            text: "Get in Touch",
            href: "/contact"
          }}
        />
      </div>

      <div id="portfolio-showcase" data-section="portfolio-showcase">
        <ProductCardOne
          title="Portfolio Companies"
          description="Meet the exceptional founders and companies we've backed across deep tech, climate solutions, and financial innovation"
          tag="Our Investments"
          tagIcon={Star}
          products={[
            {
              id: "1",
              name: "QuantumFlow",
              price: "Series A",
              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg",
              imageAlt: "QuantumFlow quantum computing platform"
            },
            {
              id: "2",
              name: "EcoSync",
              price: "Seed",
              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg",
              imageAlt: "EcoSync sustainability platform"
            },
            {
              id: "3",
              name: "VaultChain",
              price: "Series A",
              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg",
              imageAlt: "VaultChain blockchain infrastructure"
            },
            {
              id: "4",
              name: "NeuralIA",
              price: "Seed",
              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg",
              imageAlt: "NeuralIA AI research platform"
            },
            {
              id: "5",
              name: "GreenTrace",
              price: "Series A",
              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg",
              imageAlt: "GreenTrace carbon tracking platform"
            },
            {
              id: "6",
              name: "DataVault",
              price: "Seed",
              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg",
              imageAlt: "DataVault secure data platform"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="success-stories" data-section="success-stories">
        <FeatureCardTwentyFour
          title="Success Stories"
          description="Behind every great company is a founder with an extraordinary vision. Here are some of their journeys."
          tag="Case Studies"
          tagIcon={Target}
          features={[
            {
              id: "1",
              title: "QuantumFlow: Breaking Quantum Barriers",
              author: "Dr. Elena Vasquez, CEO",
              description: "From university research lab to Series A in 18 months. QuantumFlow is making quantum computing accessible to Fortune 500 companies.",
              tags: ["Deep Tech", "Enterprise", "Quantum"],
              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg",
              imageAlt: "QuantumFlow quantum computing breakthrough"
            },
            {
              id: "2",
              title: "EcoSync: Carbon Intelligence at Scale",
              author: "Markus Schmidt, Founder",
              description: "Helping 200+ companies track and reduce their carbon footprint using AI-powered environmental intelligence.",
              tags: ["Climate Tech", "AI", "B2B"],
              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg",
              imageAlt: "EcoSync carbon tracking technology"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="investment-approach" data-section="investment-approach">
        <TestimonialAboutCard
          tag="Our Approach"
          tagIcon={Target}
          title="We don't just write checks. We roll up our sleeves and help founders navigate the challenges of building category-defining companies."
          description="Partnership Beyond Capital"
          subdescription="PitchDrive Investment Philosophy"
          icon={Target}
          imageSrc="https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg"
          imageAlt="partnership collaboration investment approach"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-vector/dark-technology-abstract-background_23-2148173906.jpg"
        imageAlt="abstract gradient technology innovation modern"
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive VC. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "News", href: "/news" }
            ]
          },
          {
            title: "For Founders",
            items: [
              { label: "How We Invest", href: "/invest" },
              { label: "Application", href: "/apply" },
              { label: "FAQ", href: "/faq" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "/privacy" },
              { label: "Terms of Service", href: "/terms" },
              { label: "Impressum", href: "/impressum" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}