"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Users, Award, Briefcase, Star, Heart, Zap, DollarSign, Mail } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Love Code"
          button={{
            text: "Get Started",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Master Coding & IT Skills"
          description="Join Love Code and transform your future with industry-leading programming courses. Learn from expert instructors in a supportive, innovative environment."
          tag="Start Learning Today"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Courses", href: "#features" },
            { text: "Book Free Trial", href: "#contact" }
          ]}
          carouselItems={[
            { id: "1", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-typing-laptop_23-2149328253.jpg", imageAlt: "Student coding on laptop" },
            { id: "2", imageSrc: "https://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200181.jpg", imageAlt: "Programming workspace" },
            { id: "3", imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010130.jpg", imageAlt: "Developer environment" },
            { id: "4", imageSrc: "https://img.b2bpic.net/free-photo/teenager-working-laptop_23-2148205683.jpg", imageAlt: "Tech office space" },
            { id: "5", imageSrc: "https://img.b2bpic.net/free-photo/young-smiling-man-working-with-laptop-office_1268-21465.jpg", imageAlt: "Code on screen" },
            { id: "6", imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-student-with-cute-smile-relaxing-home-with-generic-laptop-computer-messaging-online_343059-97.jpg", imageAlt: "IT learning environment" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Love Code: Empowering the Next Generation of Tech Leaders Through Quality Education and Mentorship"
          metrics={[
            { icon: Users, label: "Students Trained", value: "5,000+" },
            { icon: Award, label: "Success Rate", value: "95%" },
            { icon: Briefcase, label: "Job Placements", value: "1,200+" },
            { icon: Star, label: "Expert Instructors", value: "50+" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Our Comprehensive Courses"
          description="Choose from our selection of industry-relevant courses designed to prepare you for a successful tech career"
          tag="Featured Programs"
          tagIcon={Zap}
          features={[
            {
              title: "Web Development",              description: "Master HTML, CSS, JavaScript, React, and full-stack development. Build responsive, modern websites and web applications.",              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",              imageAlt: "Web development course",              button: { text: "Learn More", href: "#contact" }
            },
            {
              title: "Mobile App Development",              description: "Learn iOS and Android development. Create powerful native apps that reach millions of users worldwide.",              imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg",              imageAlt: "Mobile app development",              button: { text: "Learn More", href: "#contact" }
            },
            {
              title: "Python & Backend",              description: "Discover server-side programming with Python, databases, APIs, and cloud infrastructure. Build scalable applications.",              imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040416.jpg",              imageAlt: "Python programming course",              button: { text: "Learn More", href: "#contact" }
            },
            {
              title: "Game Development",              description: "Create immersive 3D games using Unity and Unreal Engine. Learn game mechanics, physics, and interactive storytelling.",              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010130.jpg",              imageAlt: "Game development course",              button: { text: "Learn More", href: "#contact" }
            }
          ]}
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Flexible Pricing Plans"
          description="Select the perfect plan for your learning journey. All plans include certification and lifetime course access."
          tag="Affordable Education"
          tagIcon={DollarSign}
          plans={[
            {
              id: "basic",              badge: "Great for Beginners",              badgeIcon: Sparkles,
              price: "$99/mo",              subtitle: "Start your coding journey",              features: [
                "1 course access",                "Weekly live sessions",                "Community support",                "Certificate on completion"
              ]
            },
            {
              id: "pro",              badge: "Most Popular",              badgeIcon: Star,
              price: "$199/mo",              subtitle: "Accelerate your learning",              features: [
                "Unlimited course access",                "Daily live sessions",                "1-on-1 mentorship",                "Job placement assistance",                "Certificate of completion"
              ]
            },
            {
              id: "premium",              badge: "For Professionals",              badgeIcon: Award,
              price: "$299/mo",              subtitle: "Master advanced skills",              features: [
                "All courses included",                "Priority mentorship",                "Career coaching",                "Portfolio review",                "Guaranteed job placement",                "Lifetime support"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Success Stories from Our Students"
          description="Hear from graduates who have transformed their careers through Love Code education"
          tag="Student Testimonials"
          tagIcon={Heart}
          testimonials={[
            { id: "1", name: "Sarah Johnson", role: "Frontend Developer", company: "Tech Startup Inc.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-man-holding-folder-outdoor_74855-2121.jpg", imageAlt: "Sarah Johnson" },
            { id: "2", name: "Michael Chen", role: "Full Stack Engineer", company: "Digital Solutions Co.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg", imageAlt: "Michael Chen" },
            { id: "3", name: "Emma Rodriguez", role: "App Developer", company: "Mobile First Labs", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6612.jpg", imageAlt: "Emma Rodriguez" },
            { id: "4", name: "David Kim", role: "Python Developer", company: "Cloud Services Ltd.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", imageAlt: "David Kim" },
            { id: "5", name: "Lisa Thompson", role: "Game Developer", company: "Creative Games Studio", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg", imageAlt: "Lisa Thompson" },
            { id: "6", name: "James Wilson", role: "Senior Developer", company: "Enterprise Systems", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/vertical-portrait-young-successful-woman-employee-entrepreneur-office-hall-tutor-carry-laptop-notebooks-looking-away-with-satisfied-pleased-smile-like-her-job_197531-30584.jpg", imageAlt: "James Wilson" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          tagIcon={Mail}
          title="Ready to Start Your Tech Journey?"
          description="Join hundreds of successful students who have transformed their careers with Love Code. Sign up for our newsletter to get course updates, special offers, and learning tips delivered to your inbox."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/man-working-as-freelancer-home-his-laptop_23-2148690604.jpg"
          imageAlt="Love Code learning community"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <FooterLogoReveal logoText="Love Code" />
    </ThemeProvider>
  );
}