"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSignup from '@/components/sections/hero/HeroSignup';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Rocket, Lightbulb, TrendingUp, DollarSign, CheckCircle, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="large"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="StartupHub"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" },
            { name: "Pricing", id: "pricing" },
            { name: "Blog", id: "blog" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSignup
          title="Launch Your Ideas Into Reality"
          description="StartupHub connects ambitious founders with investors, mentors, and resources to accelerate growth. Join thousands of startups building tomorrow."
          tag="Startup Accelerator"
          tagIcon={Rocket}
          background={{ variant: "sparkles-gradient" }}
          inputPlaceholder="Enter your email"
          buttonText="Get Early Access"
          onSubmit={(email) => console.log(email)}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Lightbulb}
          title="Empowering the Next Generation of Innovators"
          description="StartupHub was founded on the belief that great ideas deserve great support. We've built a comprehensive platform connecting founders with institutional investors, experienced mentors, and a thriving community of entrepreneurs. Our mission is to remove barriers to startup success and democratize access to the resources every founder needs."
          metrics={[
            { value: "500+", title: "Startups Funded" },
            { value: "$2.3B", title: "Total Funding Raised" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/shiny-bulb-businessman-s-hand_1232-148.jpg"
          imageAlt="StartupHub team collaboration"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="How StartupHub Works"
          description="A streamlined process designed to connect founders with opportunity"
          tag="Process"
          features={[
            {
              id: 1,
              tag: "Discover",              title: "Intelligent Matching",              subtitle: "AI-powered investor recommendations",              description: "Our algorithm analyzes your startup profile and matches you with investors who are actively seeking companies in your industry and stage. Get introduced to the right capital sources without the cold outreach.",              imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",              imageAlt: "AI matching dashboard"
            },
            {
              id: 2,
              tag: "Connect",              title: "Direct Access",              subtitle: "Network with top-tier investors and mentors",              description: "Attend exclusive pitch events, masterclasses, and networking sessions with institutional investors, successful founders, and industry experts. Build relationships that matter for your growth journey.",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-freelancer-working-from-home-using-financial-graphs_482257-119054.jpg",              imageAlt: "Networking events"
            },
            {
              id: 3,
              tag: "Grow",              title: "Resource Hub",              subtitle: "Everything you need to succeed",              description: "Access templates, guides, investor databases, and expert workshops. From pitch deck design to financial modeling, we provide the tools and knowledge to help you raise capital confidently.",              imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",              imageAlt: "Resource library"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Impact by Numbers"
          description="Real results from real startups on StartupHub"
          metrics={[
            {
              id: "1",              value: "500",              title: "startups",              description: "Active startups on the platform",              icon: TrendingUp
            },
            {
              id: "2",              value: "2.3B",              title: "raised",              description: "Total funding facilitated",              icon: DollarSign
            },
            {
              id: "3",              value: "98",              title: "percent",              description: "Success rate within 12 months",              icon: CheckCircle
            },
            {
              id: "4",              value: "50K",              title: "investors",              description: "Institutional and angel investors",              icon: Users
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet the Founders"
          description="The experienced leaders driving StartupHub forward"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          groups={[
            {
              id: "leadership",              groupTitle: "Leadership Team",              members: [
                {
                  id: "1",                  title: "Sarah Chen",                  subtitle: "Co-Founder & CEO",                  detail: "sarah@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",                  imageAlt: "Sarah Chen portrait"
                },
                {
                  id: "2",                  title: "Marcus Johnson",                  subtitle: "Co-Founder & CTO",                  detail: "marcus@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",                  imageAlt: "Marcus Johnson portrait"
                },
                {
                  id: "3",                  title: "Elena Rodriguez",                  subtitle: "Head of Product",                  detail: "elena@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",                  imageAlt: "Elena Rodriguez portrait"
                },
                {
                  id: "4",                  title: "David Lee",                  subtitle: "VP of Partnerships",                  detail: "david@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",                  imageAlt: "David Lee portrait"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Launch?"
          title="Start Your Startup Journey Today"
          description="Join StartupHub and connect with investors, mentors, and resources to accelerate your growth. Apply now to gain early access to our platform."
          tagIcon={Zap}
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="your@startup.com"
          buttonText="Get Started Free"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy."
          onSubmit={(email) => console.log(email)}
        />
      </div>

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