"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import Link from "next/link";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay 
          brandName="Pitchdrive"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Submit a Pitch",
            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard 
          logoText="Pitchdrive"
          description="Exceptional venture capital firm based in Geneva. We identify and invest in transformative founders and innovative companies that reshape industries and create lasting impact."
          background={{ variant: "radial-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-133598.jpg"
          imageAlt="Venture capital investment and startup growth visualization"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout 
          title="Our Investment Philosophy"
          description={[
            "At Pitchdrive, we believe in backing visionary entrepreneurs who are solving the world's most pressing challenges. Our investment thesis focuses on deep tech, climate innovation, and transformative fintech solutions that create generational wealth.",
            "We provide not just capital, but strategic guidance, network access, and operational expertise to accelerate growth and ensure sustainable success for our portfolio companies."
          ]}
          buttons={[
            { text: "View Our Thesis", href: "/portfolio" },
            { text: "Recent Investments", href: "/portfolio" }
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterMedia 
        logoText="Pitchdrive"
        imageSrc="https://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-133598.jpg"
        imageAlt="Pitchdrive venture capital"
        copyrightText="© 2025 Pitchdrive AG. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Investment Thesis", href: "/about" },
              { label: "Team", href: "/team" },
              { label: "Careers", href: "#" }
            ]
          },
          {
            title: "Investment",
            items: [
              { label: "Portfolio", href: "/portfolio" },
              { label: "Submit Pitch", href: "/contact" },
              { label: "Fund Structure", href: "#" },
              { label: "LPs", href: "#" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Blog", href: "#" },
              { label: "Insights", href: "#" },
              { label: "Contact", href: "/contact" },
              { label: "Privacy Policy", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}