"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { BookOpen, Monitor, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Facilities",          id: "#facilities"},
        {
          name: "Gallery",          id: "#gallery"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Krishna Public School"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "sparkles-gradient"}}
      title="Shaping Confident Learners Since 2000"
      description="Krishna Public School, Gudha provides a world-class educational environment, fostering academic excellence, moral character, and lifelong curiosity in every student."
      kpis={[
        {
          value: "24+",          label: "Years of Excellence"},
        {
          value: "95%",          label: "Academic Success"},
        {
          value: "1000+",          label: "Successful Alumni"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Apply for Admission",          href: "#contact"},
        {
          text: "Call School",          href: "tel:+919416424477"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906322.jpg"
      imageAlt="Students learning"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/kids-standing-their-desk-while-wearing-medical-masks_23-2148672160.jpg",          alt: "Student 1"},
        {
          src: "http://img.b2bpic.net/free-photo/studio-arrangement-work_23-2151976867.jpg",          alt: "Student 2"},
        {
          src: "http://img.b2bpic.net/free-photo/abstract-blurred-restaurant_1339-2814.jpg",          alt: "Student 3"},
        {
          src: "http://img.b2bpic.net/free-photo/abstract-blurred-restaurant_1339-2815.jpg",          alt: "Student 4"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-scientific-micropipette-instruments-chemical-laboratory-medical-desk-empty-room-with-vacutainers-test-tubes-glass-samples-microscope-dna-animation-computer_482257-28661.jpg",          alt: "Student 5"},
      ]}
      avatarText="Join 1000+ Successful Alumni"
      marqueeItems={[
        {
          type: "text",          text: "Holistic Development"},
        {
          type: "text",          text: "Modern Pedagogy"},
        {
          type: "text",          text: "Values-Based Education"},
        {
          type: "text",          text: "State-of-the-art Infrastructure"},
        {
          type: "text",          text: "Safe Learning Environment"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="A Legacy of Academic Excellence in Gudha"
      buttons={[
        {
          text: "Learn About Our Mission",          href: "#"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "No generic teaching",          "No overcrowding",          "No compromise on quality",          "No outdated methods",          "No lack of supervision"],
      }}
      positiveCard={{
        items: [
          "Individualized learning plans",          "Holistic development focus",          "State-of-the-art infrastructure",          "Experienced faculty",          "Integrated sports programs"],
      }}
      title="Why Parents Choose KPS Gudha"
      description="We blend traditional values with modern pedagogy to create well-rounded individuals."
    />
  </div>

  <div id="facilities" data-section="facilities">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: Monitor,
          title: "Smart Classrooms",          value: "20+"},
        {
          id: "m2",          icon: Star,
          title: "Advanced Science Labs",          value: "3"},
        {
          id: "m3",          icon: BookOpen,
          title: "Extensive Library",          value: "5k+"},
      ]}
      title="Modern Facilities for Future Leaders"
      description="Our campus is equipped with everything a child needs to excel."
    />
  </div>

  <div id="results" data-section="results">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "r1",          name: "District Toppers",          price: "2023-24",          imageSrc: "http://img.b2bpic.net/free-photo/science-laboratory-equipment-test-tube-with-blood-healthcare-development-chemical-dripping-pipe-with-glass-flask-analysis-biochemistry-lab-clinic-professional-instruments_482257-27591.jpg"},
        {
          id: "r2",          name: "Science Olympiad Gold",          price: "2023",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-book-bookshelves-bookstore_1232-4955.jpg"},
        {
          id: "r3",          name: "Sports Meet Winners",          price: "2023",          imageSrc: "http://img.b2bpic.net/free-photo/empty-laboratory-workspace-displays-jars-blood-samples-tools-prepared-analysis-clinical_482257-133849.jpg"},
        {
          id: "r4",          name: "Debate Champions",          price: "2023",          imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744712.jpg"},
        {
          id: "r5",          name: "Music Festival Awards",          price: "2024",          imageSrc: "http://img.b2bpic.net/free-photo/teenagers-reading-staircase-library_23-2147864038.jpg"},
        {
          id: "r6",          name: "Tech Hackathon Winners",          price: "2024",          imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744716.jpg"},
      ]}
      title="Academic Results and Achievements"
      description="Our students consistently top district and state examinations."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="My son has blossomed at KPS. The nurturing environment and dedicated teachers are truly unmatched in Gudha."
      rating={5}
      author="Rajesh Kumar, Parent"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/girls-park_1157-8205.jpg",          alt: "Parent Testimonial"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-kid-first-day-school_23-2149748238.jpg",          alt: "Parent 2"},
        {
          src: "http://img.b2bpic.net/free-photo/back-view-girl-holding-hands-with-mother_23-2149748250.jpg",          alt: "Parent 3"},
        {
          src: "http://img.b2bpic.net/free-photo/little-children-trick-treating-halloween_53876-40570.jpg",          alt: "Parent 4"},
        {
          src: "http://img.b2bpic.net/free-photo/mom-with-her-little-daughter-schoolgirl-steps-way-school-coronavirus-pandemic-education-concept_169016-8725.jpg",          alt: "Parent 5"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="principal" data-section="principal">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "p1",          name: "Dr. S. K. Yadav",          role: "Principal",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shallow-focus-view-male-wearing-grey-suit-eyeglasses-while-smiling-camera_181624-17938.jpg",          imageAlt: "Principal"},
        {
          id: "p2",          name: "Ms. Anjali Sharma",          role: "Senior Coordinator",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",          imageAlt: "Coordinator"},
        {
          id: "p3",          name: "Mr. Vikram Singh",          role: "Sports Director",          imageSrc: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-checking-class-register-with-serious-expression-concentrated-sitting-school-desk-front-blackboard-classroom_141793-131769.jpg",          imageAlt: "Sports Director"},
      ]}
      title="A Word from the Principal"
      description="Education is not preparation for life; education is life itself. We are committed to your child's success."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Admissions"
      title="Join the KPS Gudha Family"
      description="VPO Gudha, District Mahendragarh, Haryana, India. Call us: +91 9416424477 | Email: info@kpsgudha.com"
      buttons={[
        {
          text: "Send Enquiry",          href: "mailto:info@kpsgudha.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="KPS Gudha"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Admissions",              href: "#contact"},
            {
              label: "Facilities",              href: "#facilities"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Email Info",              href: "mailto:info@kpsgudha.com"},
            {
              label: "Call Us",              href: "tel:+919416424477"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}