"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextAbout from '@/components/sections/about/TextAbout';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Rocket } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="PitchDrive VC"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Apply for Funding",
            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Fuel the Next Generation of European Innovation"
          description="PitchDrive VC partners with ambitious founders building the future. Led by experienced founders and investors in Antwerp, we combine deep market expertise with hands-on founder support to scale bold ideas."
          background={{ variant: "sparkles-gradient" }}
          tag="Antwerp-Based Venture Capital"
          tagIcon={Rocket}
          imageSrc="https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg"
          imageAlt="founders meeting startup team collaboration"
          buttons={[
            { text: "Apply for Funding", href: "/contact" },
            { text: "Learn Our Thesis", href: "/thesis" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="We're founders investing in founders. Based in Antwerp, we understand the unique challenges of building breakthrough companies across Europe. Our team brings decades of operational experience and proven track records. We're not just capital—we're hands-on partners committed to your success."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Meet the Team", href: "/team" },
            { text: "See Our Portfolio", href: "/portfolio" }
          ]}
        />
      </div>

      <FooterBase
        logoText="PitchDrive VC"
        copyrightText="© 2025 PitchDrive Ventures. Based in Antwerp, Belgium."
        columns={[
          {
            title: "Firm",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/team" },
              { label: "Investment Thesis", href: "/thesis" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "For Founders",
            items: [
              { label: "Apply for Funding", href: "/contact" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "Resources", href: "#" },
              { label: "FAQ", href: "#" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Twitter", href: "https://twitter.com" },
              { label: "LinkedIn", href: "https://linkedin.com" },
              { label: "Email", href: "hello@pitchdrive.vc" },
              { label: "Antwerp, Belgium", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}