"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="medium"
        background="floatingGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Courses",          id: "courses"},
        {
          name: "Teachers",          id: "teachers"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Enlighten Academic Care"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "gradient-bars"}}
      logoText="Welcome to Enlighten Academic Care"
      description="Empowering Students Through Smart Learning. Join our community and excel in your academic journey."
      buttons={[
        {
          text: "Enroll Now",          href: "/register"},
        {
          text: "View Curriculum",          href: "/curriculum"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/young-adult-wakes-up-black-student-university-library-after-falling-asleep_482257-123348.jpg"
      imageAlt="Students learning in a modern academic environment"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Why Choose Enlighten Academic Care?"
      description="We believe every student has the potential to succeed with the right guidance and smart learning tools. Our mission is to bridge the gap between classroom teaching and individual student success."
      bulletPoints={[
        {
          title: "Expert Educators",          description: "Learn from teachers who have years of experience in their respective academic fields."},
        {
          title: "Personalized Learning",          description: "Customized study paths that cater to the unique pace and needs of every individual student."},
        {
          title: "Comprehensive Material",          description: "Access to high-quality notes, recorded videos, and regular assessments."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-women-studying-using-laptop-notebook-library_23-2149283381.jpg"
      imageAlt="Student engaging with mentor"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="courses" data-section="courses">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          name: "Mathematics Advanced",          price: "$150",          imageSrc: "http://img.b2bpic.net/free-vector/four-education-icons_1057-3752.jpg"},
        {
          id: "2",          name: "Science Fundamentals",          price: "$120",          imageSrc: "http://img.b2bpic.net/free-photo/group-indian-people-with-book-icon-overlay_53876-21206.jpg"},
        {
          id: "3",          name: "Literature & Grammar",          price: "$100",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-online-college-labels-template_23-2150593116.jpg"},
        {
          id: "4",          name: "Digital Literacy",          price: "$90",          imageSrc: "http://img.b2bpic.net/free-vector/online-education-course-library-concept-flat-line-style_126523-2245.jpg"},
        {
          id: "5",          name: "Creative Writing",          price: "$80",          imageSrc: "http://img.b2bpic.net/free-photo/various-object-shelf_1252-614.jpg"},
        {
          id: "6",          name: "Competitive Exams Prep",          price: "$200",          imageSrc: "http://img.b2bpic.net/free-photo/candies-school-materials_23-2147654409.jpg"},
      ]}
      title="Our Expert Courses"
      description="Explore our wide range of academic courses designed to build strong foundations and achieve high scores."
    />
  </div>

  <div id="teachers" data-section="teachers">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "t1",          name: "Dr. Sarah Khan",          role: "Senior Math Educator",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-adults-studying-together_23-2150331685.jpg"},
        {
          id: "t2",          name: "Prof. Ahmed Rahman",          role: "Science Lead",          imageSrc: "http://img.b2bpic.net/free-photo/classmates-discussing-information-study-session_23-2149265806.jpg"},
        {
          id: "t3",          name: "Ms. Emily Watson",          role: "English Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/meet-best-teacher-our-school_329181-10530.jpg"},
      ]}
      title="Meet Our Expert Teachers"
      description="Dedicated educators committed to your academic growth and development."
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Top Learning Hub",        "Global EdTech",        "Academic Partner",        "Science Excellence",        "Future Leaders",        "Tech Ed Innovators",        "Advanced Coaching Group"]}
      title="Trusted By Thousands"
      description="Join thousands of successful students who have achieved their dreams with us."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "John Doe",          handle: "@johndoe",          testimonial: "Enlighten Academic Care changed my approach towards studies. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/surprised-happy-female-student-looks-through-glasses-holds-hand-frame-carries-spiral-notebook-red-book_273609-27370.jpg"},
        {
          id: "2",          name: "Jane Smith",          handle: "@janesmith",          testimonial: "The best teachers and study materials ever. Loved the online dashboard.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/hipster-students-search-information-internet-website-laugh-happily-as-notice-funny-picture-mobile-phone-pose-together-desktop-with-laptop-computer-notepad-enjoy-communication_273609-29071.jpg"},
        {
          id: "3",          name: "Michael Brown",          handle: "@mbrown",          testimonial: "Academic success made simple. The teachers are incredibly helpful.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-laughing-study-session_23-2149265696.jpg"},
        {
          id: "4",          name: "Sarah Miller",          handle: "@smiller",          testimonial: "The recorded class videos are a life saver for revision sessions.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-boy-holding-diploma_1098-1124.jpg"},
        {
          id: "5",          name: "David Wilson",          handle: "@dwilson",          testimonial: "Fantastic platform for academic coaching. Very student-friendly interface.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/irritated-young-student-girl-wearing-bandana-backpack-putting-glasses-her-blouse-keeping-fists-air-holding-open-note-pad-her-head-with-closed-eyes-isolated-blue-background_141793-139803.jpg"},
        {
          id: "6",          name: "Emma Davis",          handle: "@edavis",          testimonial: "The expert teachers here really go above and beyond to support students.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-college-students-working-together-school-library_662251-1226.jpg"},
      ]}
      showRating={true}
      title="Student Success Stories"
      description="Hear from our students about their wonderful learning experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "How do I register?",          content: "You can easily register from our website by clicking the 'Enroll Now' button and filling in your details."},
        {
          id: "f2",          title: "Is the material downloadable?",          content: "Yes, you can download all class notes and PDFs directly from your student dashboard."},
        {
          id: "f3",          title: "Are live classes recorded?",          content: "Absolutely! Every live class is recorded and saved in your student dashboard for later viewing."},
        {
          id: "f4",          title: "Can I track my progress?",          content: "Yes, our dashboard provides detailed insights and tracking for your assignments and overall academic progress."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Everything you need to know about Enlighten Academic Care."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars"}}
      text="Ready to Start Your Academic Journey? Contact Us Today for More Information."
      buttons={[
        {
          text: "Contact Support",          href: "/contact"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Enlighten Academic Care"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Contact",              href: "/contact"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Help Center",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
        {
          title: "Social",          items: [
            {
              label: "Facebook",              href: "https://facebook.com"},
            {
              label: "WhatsApp",              href: "https://wa.me"},
            {
              label: "YouTube",              href: "https://youtube.com"},
          ],
        },
      ]}
      copyrightText="© 2024 Enlighten Academic Care. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
