"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, DollarSign, Globe, Mail, Rocket, Sparkles, Star, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="StartupHub"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Team", id: "team" },
            { name: "Investors", id: "investors" },
            { name: "Metrics", id: "metrics" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Started", href: "contact" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardCarousel 
          title="Launch Your Vision Into Reality"
          description="Empower your startup with cutting-edge technology and a passionate team dedicated to transforming ideas into market-leading solutions."
          tag="Startup Innovation"
          tagIcon={Sparkles}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg", imageAlt: "Startup team collaboration" },
            { imageSrc: "https://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg", imageAlt: "Technology workspace" },
            { imageSrc: "https://img.b2bpic.net/free-photo/group-business-executives-discussing-laptop-their-des_1170-1929.jpg", imageAlt: "Business meeting" },
            { imageSrc: "https://img.b2bpic.net/free-photo/group-three-young-multi-ethnic-successful-business-people-sitting-coworking-space-talking-about-new-project-competitor-team-making-plans-bypass-their-project_176420-8311.jpg", imageAlt: "Growth and analytics" },
            { imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133719.jpg", imageAlt: "Innovation technology" },
            { imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-134863.jpg", imageAlt: "Strategic planning" }
          ]}
          buttons={[
            { text: "Start Now", href: "contact" },
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardMedia 
          title="Why Choose StartupHub"
          description="We deliver comprehensive solutions designed to accelerate your startup's growth and market success."
          tag="Features"
          tagIcon={Zap}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",              title: "Rapid Development",              description: "Deploy your ideas to market 10x faster with our proven framework and expert guidance.",              tag: "Speed",              imageSrc: "https://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg",              imageAlt: "Development tools"
            },
            {
              id: "2",              title: "Scalable Infrastructure", 
              description: "Built to grow with you. Our platform scales effortlessly from launch to millions of users.",              tag: "Growth",              imageSrc: "https://img.b2bpic.net/free-photo/group-three-young-multi-ethnic-successful-business-people-sitting-coworking-space-talking-about-new-project-competitor-team-making-plans-bypass-their-project_176420-8311.jpg",              imageAlt: "Scalable systems"
            },
            {
              id: "3",              title: "Expert Support",              description: "24/7 dedicated team of startup experts ready to help you navigate every challenge.",              tag: "Support", 
              imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg",              imageAlt: "Expert team support"
            }
          ]}
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardEleven 
          title="Meet the Visionaries"
          description="Our world-class team combines decades of experience with fresh perspectives to drive innovation."
          tag="Team"
          tagIcon={Users}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          groups={[
            {
              id: "leadership",              groupTitle: "Leadership",              members: [
                {
                  id: "1",                  title: "Sarah Chen",                  subtitle: "CEO & Co-Founder",                  detail: "sarah@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",                  imageAlt: "Sarah Chen"
                },
                {
                  id: "2",                  title: "Michael Rodriguez",                  subtitle: "CTO & Co-Founder",                  detail: "michael@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5369.jpg",                  imageAlt: "Michael Rodriguez"
                }
              ]
            },
            {
              id: "core-team",              groupTitle: "Core Team",              members: [
                {
                  id: "3",                  title: "Emma Thompson",                  subtitle: "VP of Product",                  detail: "emma@startuphub.io",                  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: "Emma Thompson"
                },
                {
                  id: "4",                  title: "James Park",                  subtitle: "Head of Engineering",                  detail: "james@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg",                  imageAlt: "James Park"
                },
                {
                  id: "5",                  title: "Lisa Wong",                  subtitle: "Chief Marketing Officer",                  detail: "lisa@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",                  imageAlt: "Lisa Wong"
                },
                {
                  id: "6",                  title: "David Kumar",                  subtitle: "VP of Operations", 
                  detail: "david@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",                  imageAlt: "David Kumar"
                }
              ]
            }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardOne 
          title="Our Impact"
          description="Proven results that demonstrate our commitment to startup success and growth."
          tag="Statistics"
          tagIcon={TrendingUp}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "500",              title: "Startups Launched",              description: "Successful companies launched with our platform",              icon: Rocket
            },
            {
              id: "2", 
              value: "2.5B",              title: "in Funding",              description: "Total capital raised by our portfolio companies",              icon: DollarSign
            },
            {
              id: "3",              value: "95%",              title: "Success Rate",              description: "Companies reaching Series A within 18 months",              icon: TrendingUp
            },
            {
              id: "4",              value: "50+",              title: "Countries",              description: "Global presence across six continents",              icon: Globe
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="What Founders Say"
          description="Hear from successful entrepreneurs who transformed their visions into thriving companies."
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Alex Johnson, Founder of TechFlow",              date: "Date: January 2025",              title: "Exceptional Platform for Growth",              quote: "StartupHub transformed how we approach product development. The guidance and resources provided were instrumental in securing our Series A funding. Highly recommended for any serious founder.",              tag: "TechFlow Inc.",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "Alex Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133719.jpg",              imageAlt: "Alex Johnson testimonial"
            },
            {
              id: "2",              name: "Maria Gonzalez, CEO of InnovateLabs",              date: "Date: December 2024",              title: "Scaled from Zero to Hero",              quote: "We went from a garage startup to serving 100,000 users in less than a year. The expertise and infrastructure provided by StartupHub made this exponential growth possible.",              tag: "InnovateLabs",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",              avatarAlt: "Maria Gonzalez",              imageSrc: "https://img.b2bpic.net/free-photo/group-business-executives-discussing-laptop-their-des_1170-1929.jpg",              imageAlt: "Maria Gonzalez testimonial"
            },
            {
              id: "3",              name: "David Lee, Co-Founder of CloudSync",              date: "Date: November 2024",              title: "Invaluable Network and Support",              quote: "The investor network alone is worth the partnership. We made critical connections that accelerated our growth trajectory significantly. Outstanding organization.",              tag: "CloudSync",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              avatarAlt: "David Lee",              imageSrc: "https://img.b2bpic.net/free-photo/group-three-young-multi-ethnic-successful-business-people-sitting-coworking-space-talking-about-new-project-competitor-team-making-plans-bypass-their-project_176420-8311.jpg",              imageAlt: "David Lee testimonial"
            },
            {
              id: "4",              name: "Jessica Wang, Founder of DataViz",              date: "Date: October 2024",              title: "Game-Changing Mentorship",              quote: "The mentorship program connected us with industry veterans who provided strategic guidance at every critical decision point. This experience is priceless.",              tag: "DataViz AI",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              avatarAlt: "Jessica Wang",              imageSrc: "https://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg",              imageAlt: "Jessica Wang testimonial"
            },
            {
              id: "5",              name: "Robert Chen, CEO of SecureNet",              date: "Date: September 2024",              title: "Premium Resources at Every Stage",              quote: "From MVP validation to Series B, StartupHub provided exactly what we needed at each phase. Their scalable approach grows with your company.",              tag: "SecureNet Systems",              avatarSrc: "https://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",              avatarAlt: "Robert Chen",              imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg",              imageAlt: "Robert Chen testimonial"
            },
            {
              id: "6",              name: "Priya Patel, Founder of GrowthMetrics",              date: "Date: August 2024",              title: "Transformed Our Market Position",              quote: "The strategic guidance and market insights provided were crucial in positioning us as industry leaders. StartupHub truly invests in your success.",              tag: "GrowthMetrics Inc.",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-senior-business-man-relaxing_1262-2369.jpg",              avatarAlt: "Priya Patel",              imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-134863.jpg",              imageAlt: "Priya Patel testimonial"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCTA 
          tag="Ready to Launch?"
          tagIcon={Rocket}
          title="Join the Next Generation of Innovation"
          description="Let's work together to transform your startup vision into market reality. Our team is ready to support your journey from day one."
          buttons={[
            { text: "Get Started Today", href: "https://example.com/signup" },
            { text: "Schedule a Demo", href: "https://example.com/demo" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBase 
          logoText="StartupHub"
          copyrightText="© 2025 StartupHub. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "features" },
                { label: "Pricing", href: "https://example.com/pricing" },
                { label: "Security", href: "https://example.com/security" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "https://example.com/about" },
                { label: "Blog", href: "https://example.com/blog" },
                { label: "Careers", href: "https://example.com/careers" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "https://example.com/docs" },
                { label: "Community", href: "https://example.com/community" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}