"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Book, BookOpen, Code, Globe, GraduationCap, Music, Palette, ShieldCheck, Smile, Users, Utensils, Wifi, Dumbbell, Bus, Library } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Features", id: "features" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Mysore Excel Academy"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{ variant: "plain" }}
      title="Empowering Future Leaders in the Heart of Mysore"
      description="At Mysore Excel Academy, we combine global educational standards with traditional values. Join a nurturing environment where your child thrives academically and personally."
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/happy-little-afro-american-girl-climbing-shoulders-smiling-blonde-mother-mother-daughter-hugging_1157-48415.jpg", alt: "Parent" },
        { src: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg", alt: "Student" },
        { src: "http://img.b2bpic.net/free-photo/smiling-father-carrying-his-daughter-piggyback_23-2148045507.jpg", alt: "Parent" },
        { src: "http://img.b2bpic.net/free-photo/smiling-young-female-teacher-wearing-glasses-holding-points-mini-chalkboard-sitting-desk-with-school-tools-classroom_141793-133817.jpg", alt: "Teacher" },
        { src: "http://img.b2bpic.net/free-photo/happy-little-afro-american-girl-climbing-shoulders-smiling-blonde-mother-mother-daughter-hugging_1157-48415.jpg", alt: "Parent" }
      ]}
      avatarText="Join our growing family of 500+ happy learners."
      buttons={[
        { text: "Book a Campus Tour", href: "#contact" },
        { text: "Learn More", href: "#about" }
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        { type: "text-icon", text: "State-of-the-art Labs", icon: GraduationCap },
        { type: "text-icon", text: "Holistic Curriculum", icon: BookOpen },
        { type: "text-icon", text: "Global Standards", icon: Globe },
        { type: "text-icon", text: "Experienced Mentors", icon: Users },
        { type: "text-icon", text: "Secure Campus", icon: ShieldCheck }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="A Legacy of Academic Excellence"
      description="Situated in Mysore, our school is dedicated to fostering curiosity, discipline, and creativity. With world-class infrastructure and experienced mentors, we provide an all-rounded development for every student."
      imageSrc="http://img.b2bpic.net/free-photo/long-shot-kids-learning-how-use-medical-mask_23-2148672128.jpg"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          title: "Holistic Curriculum",          description: "Focusing on both academics and arts to cultivate well-rounded personalities.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-her-kids_23-2149495968.jpg",            imageAlt: "Students learning"},
          items: [
            { icon: Book, text: "Advanced STEM Labs" },
            { icon: Palette, text: "Creative Arts Programs" },
            { icon: Dumbbell, text: "Comprehensive Sports" },
            { icon: Music, text: "Performing Arts" },
            { icon: Code, text: "Coding Workshops" },
          ],
          reverse: false,
        },
        {
          id: "f2",          title: "Safe & Modern Campus",          description: "State-of-the-art facilities designed for maximum comfort and security.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/long-shot-kids-learning-how-use-medical-mask_23-2148672128.jpg",            imageAlt: "Modern facility"},
          items: [
            { icon: ShieldCheck, text: "24/7 Security Monitoring" },
            { icon: Wifi, text: "Smart Classrooms" },
            { icon: Bus, text: "Reliable School Transport" },
            { icon: Utensils, text: "Nutritious Canteen" },
            { icon: Library, text: "Digital Library" },
          ],
          reverse: true,
        },
      ]}
      title="Why Choose Us?"
      description="We offer more than just an education—we build character and competence."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "20+", title: "Years Experience", description: "Educating generations.", icon: Award },
        { id: "m2", value: "500+", title: "Successful Alumni", description: "Leaders in diverse fields.", icon: Users },
        { id: "m3", value: "98%", title: "Parent Satisfaction", description: "Highly trusted by families.", icon: Smile },
      ]}
      title="Our Impact in Numbers"
      description="Proof of our commitment to quality education in Mysore."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="The atmosphere at this school is unparalleled. My child has grown tremendously in confidence and academic ability. Highly recommended!"
      rating={5}
      author="Ananya Reddy, Parent"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/happy-with-girl-laughing-posing-together-outdoors-green-tree-background-smiling-mother-father-holding-children-enjoying-parenthood_132075-10281.jpg", alt: "Parent" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-posing-together_23-2149861209.jpg", alt: "Parent" },
        { src: "http://img.b2bpic.net/free-photo/beautiful-african-american-mother-daughter-smiling-happy-hugging-standing-with-smile-face-standing-city_839833-9121.jpg", alt: "Parent" },
        { src: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", alt: "Parent" },
        { src: "http://img.b2bpic.net/free-photo/smiley-african-woman-with-golden-earrings_23-2148747979.jpg", alt: "Parent" },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Admissions Open"
      title="Book Your Campus Visit Today"
      description="See our world-class facilities first-hand and meet our dedicated faculty."
      buttons={[
        { text: "Book Appointment", href: "tel:+919876543210" },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      columns={[
        {
          title: "Navigation",          items: [
            { label: "About Us", href: "#about" },
            { label: "Admissions", href: "#contact" },
            { label: "Infrastructure", href: "#features" },
          ],
        },
        {
          title: "Contact",          items: [
            { label: "Mysore, Karnataka", href: "#" },
            { label: "info@mysoreexcel.edu", href: "mailto:info@mysoreexcel.edu" },
          ],
        },
      ]}
      copyrightText="© 2024 Mysore Excel Academy."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
