"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Rocket, Users, TrendingUp, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="StartupHub"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Team", id: "team" },
            { name: "Investors", id: "investors" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="STARTUPHUB"
          description="Build, scale, and grow your business with cutting-edge technology and venture backing"
          buttons={[
            { text: "Get Funded", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/young-colleagues-sitting-while-work-with-laptops-desk_171337-16969.jpg",              imageAlt: "startup office team workspace technology"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/creative-group-working-startup-using-laptops_74855-3370.jpg",              imageAlt: "startup innovation business growth technology"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-colleagues-sitting-office-coworking_171337-17658.jpg",              imageAlt: "startup meeting collaboration teamwork office"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Us"
          tagIcon={Rocket}
          title="We empower ambitious entrepreneurs to build world-changing companies with strategic guidance, investor networks, and cutting-edge technology infrastructure"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "View Our Impact", href: "#investors" },
            { text: "Join Our Network", href: "contact" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Leadership"
          description="The visionary founders and expert advisors driving innovation"
          tag="Team"
          tagIcon={Users}
          members={[
            {
              id: "1",              name: "Sarah Chen",              role: "Founder & CEO",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Chen, CEO"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "CTO",              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",              imageAlt: "Marcus Johnson, CTO"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Head of Growth",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Elena Rodriguez, Head of Growth"
            },
            {
              id: "4",              name: "David Kim",              role: "CFO",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "David Kim, CFO"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="investors" data-section="investors">
        <TextAbout
          tag="Backed By"
          tagIcon={TrendingUp}
          title="Trusted by leading venture capital firms and angel investors who believe in our vision"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <TextAbout
          title="Our investor network includes top-tier venture capital firms, angel investors, and strategic partners committed to accelerating innovation and growth"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Startup?"
          ctaDescription="Connect with our team to explore funding opportunities, strategic partnerships, and growth acceleration programs"
          ctaButton={{
            text: "Schedule a Call",            href: "contact"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What stage startups do you work with?",              content: "We work with startups at all stages, from pre-seed through Series B and beyond. Our network includes angel investors, early-stage VCs, and growth equity partners."
            },
            {
              id: "2",              title: "How does the funding process work?",              content: "We connect qualified startups with investors through our curated network, facilitate due diligence, and provide strategic guidance throughout the funding journey."
            },
            {
              id: "3",              title: "What support do you provide beyond funding?",              content: "Beyond capital, we offer mentorship, business strategy consulting, market research, and connections to key industry experts and potential partners."
            },
            {
              id: "4",              title: "What are your fees and equity requirements?",              content: "Our fee structure is transparent and competitive. We typically work on a success-based model with minimal equity dilution for our service partners."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="StartupHub"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Terms of Service",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}