"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 TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Users, Award, Briefcase, Star, Heart } 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"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Courses", id: "/courses" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          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: "/courses" },
            { 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="invertDefault"
        />
      </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" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

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