"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Lightbulb, Target, Globe, CheckCircle } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "About", id: "/about" },
            { name: "Investment Focus", id: "/services" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "FAQ", id: "/contact" }
          ]}
          brandName="PitchDrive"
          button={{ text: "Get in Touch", href: "/contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Founder-Led Venture Capital for Europe's Next Unicorns"
          description="PitchDrive is a founder-led VC based in Antwerp, dedicated to identifying and investing in transformative European startups. We bring strategic expertise, industry connections, and patient capital to fuel innovation."
          tag="Welcome to PitchDrive"
          imageSrc="https://img.b2bpic.net/free-photo/two-businesspeople-with-laptop-sitting-restaurant_23-2147876708.jpg"
          imageAlt="Modern venture capital office in Antwerp"
          textPosition="bottom-left"
          showDimOverlay={true}
          showBlur={true}
          buttons={[
            { text: "Explore Our Portfolio", href: "/portfolio" },
            { text: "Start a Conversation", href: "/contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About PitchDrive"
          description="We are a founder-led venture capital firm with deep roots in Antwerp and extensive reach across Europe. Our mission is to partner with ambitious founders building the next generation of category-defining companies."
          tag="Our Story"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
          imageAlt="PitchDrive team collaboration"
          bulletPoints={[
            {
              title: "Founder-First Approach",
              description: "Founded by entrepreneurs who understand startup challenges. We're not just investors—we're partners in your growth journey.",
              icon: Lightbulb
            },
            {
              title: "Strategic Industry Expertise",
              description: "Deep knowledge across SaaS, deeptech, fintech, and climate tech sectors. We bring operational insights and strategic guidance.",
              icon: Target
            },
            {
              title: "European Network",
              description: "Leveraging our Antwerp base to connect you with top talent, strategic partners, and future customers across Europe.",
              icon: Globe
            },
            {
              title: "Patient Capital",
              description: "We invest with a long-term horizon, supporting founders through multiple market cycles and scaling challenges."
            }
          ]}
          buttons={[
            { text: "Learn More About Our Fund", href: "https://pitchdrive.com" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTen
          title="Our Investment Focus"
          description="We concentrate our investments in sectors with transformative potential and where founder innovation drives market disruption."
          tag="Investment Areas"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "1",
              title: "Enterprise SaaS & Software",
              description: "We back founders building B2B software platforms that solve critical enterprise challenges. From workflow automation to data intelligence, we support companies scaling across global markets.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg" },
              items: [
                { icon: CheckCircle, text: "Series A-C stage focus" },
                { icon: CheckCircle, text: "10M+ ARR growth targets" },
                { icon: CheckCircle, text: "Geographic expansion support" }
              ],
              reverse: false
            },
            {
              id: "2",
              title: "Fintech & Financial Innovation",
              description: "Financial services is ripe for disruption. We partner with founders reimagining payments, lending, banking, and investment infrastructure for the digital era.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg" },
              items: [
                { icon: CheckCircle, text: "Payment & lending solutions" },
                { icon: CheckCircle, text: "Compliance & regulatory expertise" },
                { icon: CheckCircle, text: "Financial network access" }
              ],
              reverse: true
            },
            {
              id: "3",
              title: "DeepTech & Climate Solutions",
              description: "Supporting founders solving hard technical problems in climate, energy, materials science, and advanced manufacturing. Long-term impact meets commercial viability.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg" },
              items: [
                { icon: CheckCircle, text: "Technology-driven approach" },
                { icon: CheckCircle, text: "Regulatory pathway guidance" },
                { icon: CheckCircle, text: "Research partnerships" }
              ],
              reverse: false
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="PitchDrive by Numbers"
          description="Our track record speaks to our commitment to founder success and market-focused investing."
          tag="Fund Metrics"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            { id: "1", value: "€50M+", description: "Assets Under Management" },
            { id: "2", value: "35+", description: "Portfolio Companies" },
            { id: "3", value: "8", description: "Unicorn Exits" },
            { id: "4", value: "4x", description: "Average Portfolio Return" }
          ]}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardTwo
          title="Our Portfolio"
          description="Discover the innovative companies we've invested in and helped scale across Europe and beyond."
          tag="Featured Investments"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          products={[
            {
              id: "1",
              brand: "CloudSync",
              name: "Enterprise Workflow Platform",
              price: "Series B Funded",
              rating: 5,
              reviewCount: "450K+ users",
              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277811.jpg"
            },
            {
              id: "2",
              brand: "PayFlow",
              name: "Real-time Payment Processing",
              price: "Series A Funded",
              rating: 5,
              reviewCount: "80K+ transactions/day",
              imageSrc: "https://img.b2bpic.net/free-vector/marketing-business-landing-page-template_23-2148675887.jpg"
            },
            {
              id: "3",
              brand: "EcoCarbon",
              name: "Climate Tech Solutions",
              price: "Series B Funded",
              rating: 5,
              reviewCount: "5K+ enterprise customers",
              imageSrc: "https://img.b2bpic.net/free-vector/letter-n-nature-arrow-logo-business-branding-template-designs-inspiration-isolated-white-background_384344-1279.jpg"
            }
          ]}
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/cityscape-frankfurt-downtown-germany_1268-20913.jpg"
        imageAlt="Antwerp skyline"
        logoText="PitchDrive"
        copyrightText="© 2025 PitchDrive VC. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/team" },
              { label: "Portfolio", href: "/portfolio" }
            ]
          },
          {
            title: "Investors",
            items: [
              { label: "Investment Focus", href: "/services" },
              { label: "How We Work", href: "/about" },
              { label: "FAQ", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Get in Touch", href: "/contact" },
              { label: "Email Us", href: "mailto:team@pitchdrive.com" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}