"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Zap, Target, TrendingUp } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="PitchDrive"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "Insights", id: "/insights" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Fuel Belgian Innovation"
          description="PitchDrive connects visionary founders with strategic capital. We invest in transformative tech companies shaping Europe's digital future."
          tag="Venture Capital"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-photo/business-meeting-office_1268-21517.jpg"
          imageAlt="venture capital investors startup funding business meeting"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Submit Your Pitch", href: "/contact" },
            { text: "Explore Our Portfolio", href: "/portfolio" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Mission"
          tagIcon={Target}
          title="Building Tomorrow's Leaders Today"
          description="PitchDrive Belgium"
          subdescription="Founded 2019"
          icon={TrendingUp}
          imageSrc="https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991374.jpg"
          imageAlt="portfolio company growth chart investment returns success metrics"
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterLogoReveal logoText="PitchDrive" />
    </ThemeProvider>
  );
}