"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Rocket, Users } from 'lucide-react';
import Link from 'next/link';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Pitchdrive"
          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">
        <HeroBillboardScroll
          title="Fund Your Vision with Founder-Led Expertise"
          description="Pitchdrive connects visionary founders with experienced investors in Antwerp. We believe in backing bold ideas with strategic guidance and a proven track record."
          tag="Antwerp-Based VC"
          tagIcon={Rocket}
          background={{ variant: "aurora" }}
          imageSrc="https://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103567.jpg"
          imageAlt="VC investment dashboard and opportunity"
          buttons={[
            { text: "Submit Your Pitch", href: "/contact" },
            { text: "Explore Our Portfolio", href: "/portfolio" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Pitchdrive"
          description={[
            "Founded by experienced entrepreneurs and investors, Pitchdrive is dedicated to identifying and nurturing the next generation of breakthrough companies in Europe. We combine deep industry expertise with hands-on support for early-stage founders.",
            "Our mission is to democratize access to capital and mentorship for ambitious founders in Antwerp and the broader European ecosystem. We invest not just capital, but time, expertise, and our vast network of partners."
          ]}
          useInvertedBackground="invertDefault"
          showBorder={true}
          buttons={[
            { text: "Learn Our Investment Thesis", href: "/portfolio" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Our Investment Focus"
          description="We back founders across strategic verticals where European innovation thrives. Each investment is paired with dedicated support, network access, and growth expertise."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Enterprise SaaS",
              description: "We focus on B2B software solutions that solve critical business problems with recurring revenue models and global scalability.",
              imageSrc: "https://img.b2bpic.net/free-photo/management-team-sharing-insight-statistics-night-corporation-meeting-providing-initiatives_482257-132898.jpg"
            },
            {
              id: 2,
              title: "Deep Tech & AI",
              description: "Supporting breakthrough innovations in artificial intelligence, machine learning, and cutting-edge deep tech with long-term moonshot potential.",
              imageSrc: "https://img.b2bpic.net/free-photo/management-team-sharing-insight-statistics-night-corporation-meeting-providing-initiatives_482257-132898.jpg"
            },
            {
              id: 3,
              title: "Fintech & Biotech",
              description: "Investing in transformative financial technologies and biomedical innovations that reshape industries and create lasting impact.",
              imageSrc: "https://img.b2bpic.net/free-photo/management-team-sharing-insight-statistics-night-corporation-meeting-providing-initiatives_482257-132898.jpg"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Team"
          description="Founders, investors, and operators who have built and scaled companies across Europe. We bring real experience to every investment decision."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          team={[
            {
              id: "1",
              name: "Marc Vanderhaeghe",
              role: "Founder & Managing Partner",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "2",
              name: "Sophie De Ridder",
              role: "Partner, Growth & Operations",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"
            },
            {
              id: "3",
              name: "Thomas Claes",
              role: "Partner, Deep Tech",
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg"
            },
            {
              id: "4",
              name: "Lena Schmidt",
              role: "Investment Director",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"
            }
          ]}
          tag="Team"
          tagIcon={Users}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Portfolio Founders Say"
          description="Real feedback from the entrepreneurs and leaders we've backed and supported through their growth journey."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",
              name: "Javier Martinez",
              role: "CEO",
              company: "NextGen Analytics",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg"
            },
            {
              id: "2",
              name: "Amira Hassan",
              role: "Founder",
              company: "ClimateSync",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg"
            },
            {
              id: "3",
              name: "Elena Rossi",
              role: "CEO & Co-founder",
              company: "BioVenture Labs",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099206.jpg"
            },
            {
              id: "4",
              name: "David Chen",
              role: "Founder",
              company: "FinFlow Technologies",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair-working-small-business-ecommerce-holding-boss-cup-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-7619.jpg"
            }
          ]}
        />
      </div>

      <FooterLogoEmphasis
        logoText="Pitchdrive"
        columns={[
          {
            items: [
              { label: "About", href: "/about" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "Team", href: "/team" }
            ]
          },
          {
            items: [
              { label: "Investment Thesis", href: "/portfolio" },
              { label: "Submit Your Pitch", href: "/contact" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            items: [
              { label: "Antwerp, Belgium", href: "#" },
              { label: "hello@pitchdrive.eu", href: "mailto:hello@pitchdrive.eu" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}