"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Why Choose Us",
          id: "features",
        },
        {
          name: "Programs",
          id: "programs",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Brillenium"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "plain",
      }}
      title="Shaping Brilliant Minds for a Futuristic World"
      description="Where innovation meets values — preparing your child for success in the 21st century."
      buttons={[
        {
          text: "Book a School Tour",
          href: "#contact",
        },
        {
          text: "Call Now",
          href: "tel:07488483331",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/group-students-using-vr-experience-work_74855-1938.jpg",
          imageAlt: "Smart Classroom",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-users-wearing-vr-glasses_74855-1629.jpg",
          imageAlt: "Holographic Science",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/schoolyard-summertime_23-2147659186.jpg",
          imageAlt: "Modern Campus",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-trying-out-drone-while-young-girl-is-working-using-laptop_23-2149357741.jpg",
          imageAlt: "Digital Coding",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908109.jpg",
          imageAlt: "Interactive Learning",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "Future-Ready Learning",
          author: "Curriculum",
          description: "Coding, digital literacy & computational thinking from early classes.",
          tags: [
            "AI",
            "Tech",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/children-having-technology-education-class_23-2149123760.jpg",
        },
        {
          id: "f2",
          title: "Personal Attention",
          author: "Mentorship",
          description: "Small batches ensuring every child receives individual focus and growth.",
          tags: [
            "Small Batches",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-giving-presentation-people-office_23-2148502203.jpg",
        },
        {
          id: "f3",
          title: "Modern Infrastructure",
          author: "Facilities",
          description: "Smart classrooms and interactive activity-based learning environment.",
          tags: [
            "Safety",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/group-multiethnic-kids-wearing-vr-headsets-teacher-watching-them_74855-16387.jpg",
        },
      ]}
      title="Why Parents Choose Brillenium"
      description="Excellence in holistic development through innovation and care."
    />
  </div>

  <div id="programs" data-section="programs">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Pre-Primary",
          price: "Stage 1",
          imageSrc: "http://img.b2bpic.net/free-photo/schoolgirl-studies-online-home-school-education-online_169016-63328.jpg",
        },
        {
          id: "p2",
          name: "Primary",
          price: "Stage 2",
          imageSrc: "http://img.b2bpic.net/free-photo/children-with-medical-masks-learning-school-with-female-teacher_23-2148848263.jpg",
        },
        {
          id: "p3",
          name: "Middle School",
          price: "Stage 3",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-children-sitting-desks_259150-60228.jpg",
        },
        {
          id: "p4",
          name: "STEM Focus",
          price: "Optional",
          imageSrc: "http://img.b2bpic.net/free-photo/little-boy-playing-tablet_23-2148518117.jpg",
        },
        {
          id: "p5",
          name: "Arts Lab",
          price: "Optional",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-near-microscope-observing-teacher_259150-60352.jpg",
        },
        {
          id: "p6",
          name: "Leadership",
          price: "Advanced",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257210.jpg",
        },
      ]}
      title="Programs Designed for Every Stage"
      description="Building a solid foundation for tomorrow's leaders."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574085.jpg",
        },
        {
          id: "t2",
          name: "Michael C.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-family-studio-background-christmas-tree-with-gift_1328-2093.jpg",
        },
        {
          id: "t3",
          name: "Emily R.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
        },
        {
          id: "t4",
          name: "David K.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-posing-together_23-2149861209.jpg",
        },
        {
          id: "t5",
          name: "Anita L.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-portrait-happy-couple-saying-hi-gadget-screen_74855-2816.jpg",
        },
      ]}
      cardTitle="Parent Experiences"
      cardTag="Reviews"
      cardAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      title="Give Your Child the Future They Deserve"
      description="Schedule a visit and witness the Brillenium difference today."
      imageSrc="http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211282.jpg"
      mediaAnimation="slide-up"
      buttonText="Schedule a Visit"
      tag="Admissions"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Brillenium"
      columns={[
        {
          title: "Links",
          items: [
            {
              label: "About",
              href: "#",
            },
            {
              label: "Admissions",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Socials",
          items: [
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Twitter",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
