"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Briefcase, CheckCircle, Users, Zap, Globe } from 'lucide-react';

export default function PortfolioPage() {
  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: "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="portfolio" data-section="portfolio">
        <ProductCardTwo
          title="Our Portfolio Companies"
          description="We've invested in exceptional founders building transformative companies across multiple sectors. Each investment represents our commitment to supporting innovative solutions that address real market needs."
          tag="Portfolio Highlights"
          tagIcon={Briefcase}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          products={[
            {
              id: "1",              brand: "TechFlow",              name: "AI-Powered Workflow Automation",              price: "Series B - $50M",              rating: 5,
              reviewCount: "200+ users",              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg",              imageAlt: "TechFlow AI automation platform"
            },
            {
              id: "2",              brand: "PaymentX",              name: "Cross-Border Payment Infrastructure",              price: "Series A - $15M",              rating: 5,
              reviewCount: "5000+ customers",              imageSrc: "https://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346609.jpg",              imageAlt: "PaymentX fintech platform"
            },
            {
              id: "3",              brand: "BioVenture",              name: "Precision Medicine Diagnostics",              price: "Seed - $8M",              rating: 5,
              reviewCount: "50+ hospitals",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-people-having-office-meeting_23-2148908803.jpg",              imageAlt: "BioVenture medical diagnostics"
            },
            {
              id: "4",              brand: "GrowthHub",              name: "Marketing Analytics Platform",              price: "Series A+ - $25M",              rating: 5,
              reviewCount: "1000+ agencies",              imageSrc: "https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg",              imageAlt: "GrowthHub analytics platform"
            },
            {
              id: "5",              brand: "CloudSync",              name: "Enterprise Data Integration",              price: "Series A - $20M",              rating: 5,
              reviewCount: "300+ enterprises",              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg",              imageAlt: "CloudSync data platform"
            },
            {
              id: "6",              brand: "EcoTech",              name: "Sustainable Energy Solutions",              price: "Seed - $12M",              rating: 5,
              reviewCount: "100+ partners",              imageSrc: "https://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346609.jpg",              imageAlt: "EcoTech sustainability platform"
            }
          ]}
        />
      </div>

      <div id="investment-approach" data-section="investment-approach">
        <FeatureBento
          title="Our Investment Approach"
          description="We take a hands-on approach to supporting our portfolio companies, providing strategic guidance and operational support beyond capital."
          tag="Value Creation"
          tagIcon={CheckCircle}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          features={[
            {
              title: "Strategic Partnership",              description: "We work closely with founders to develop go-to-market strategies, refine product positioning, and navigate scaling challenges.",              bentoComponent: "orbiting-icons",              centerIcon: Users,
              items: [
                { icon: Zap, ring: 1 },
                { icon: Globe, ring: 2 },
                { icon: Briefcase, ring: 1 }
              ]
            },
            {
              title: "Network Access",              description: "Portfolio companies gain access to our extensive network of customers, partners, and industry experts across Europe.",              bentoComponent: "map"
            },
            {
              title: "Operational Excellence",              description: "We share proven playbooks and best practices from our experience scaling multiple successful companies.",              bentoComponent: "animated-bar-chart"
            },
            {
              title: "Global Expansion",              description: "Our international perspective helps companies expand beyond European markets into global opportunities.",              bentoComponent: "globe"
            }
          ]}
        />
      </div>

      <div id="success-metrics" data-section="success-metrics">
        <ProductCardTwo
          title="Portfolio Performance"
          description="Our portfolio companies have achieved significant milestones and continue to drive innovation in their respective sectors."
          tag="Success Stories"
          tagIcon={Briefcase}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="two-columns-alternating-heights"
          carouselMode="buttons"
          products={[
            {
              id: "metrics-1",              brand: "Portfolio Impact",              name: "Total Funding Raised",              price: "$250M+",              rating: 5,
              reviewCount: "15 companies",              imageSrc: "https://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-133598.jpg",              imageAlt: "Portfolio funding growth"
            },
            {
              id: "metrics-2",              brand: "Market Success",              name: "Combined Valuation",              price: "$1.2B+",              rating: 5,
              reviewCount: "active portfolio",              imageSrc: "https://img.b2bpic.net/free-photo/coin-wooden-table-blurred-nature_1150-17703.jpg",              imageAlt: "Portfolio valuation growth"
            }
          ]}
        />
      </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>
  );
}