"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Directory",          id: "/directory"},
        {
          name: "Admin",          id: "/admin"},
      ]}
      brandName="SchoolPortal"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars"}}
      title="Empowering Success at SchoolPortal"
      description="Your gateway to academic excellence, student achievements, and community updates."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/college-students-cramming-outdoor_23-2149649347.jpg",          imageAlt: "School Life"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-students-walking-together_23-2149647057.jpg",          imageAlt: "Campus Life 2"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/teen-friends-reading-near-railing_23-2147864036.jpg",          imageAlt: "Campus Life 3"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/water-dwelling_1127-3256.jpg",          imageAlt: "Campus Life 4"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-looking-smartphones-standing-outside_23-2147657153.jpg",          imageAlt: "Campus Life 5"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-objects-company-background-papers_1304-2624.jpg",          imageAlt: "Campus Life 6"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-front-their-college_23-2149038477.jpg",          imageAlt: "Academic Excellence"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/students-stairs-university_23-2147666465.jpg",          imageAlt: "Academic Excellence 2"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-model-example-work_53876-14372.jpg",          imageAlt: "Academic Excellence 3"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee-outdoors-city_23-2149023743.jpg",          imageAlt: "Academic Excellence 4"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-outer-corridor-with-shadows-beams_181624-21152.jpg",          imageAlt: "Academic Excellence 5"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-adults-walking-together-outside_23-2149033744.jpg",          imageAlt: "Academic Excellence 6"},
      ]}
      buttons={[
        {
          text: "Sign In",          href: "/login"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/pretty-girl-with-nice-smile_23-2147611501.jpg",          alt: "Pretty girl with a nice smile"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-waitress-with-charming-smile_1098-15077.jpg",          alt: "Cheerful Waitress with Charming Smile"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",          alt: "Medium shot woman holding books"},
        {
          src: "http://img.b2bpic.net/free-photo/blonde-businesswoman-front-view_23-2148725154.jpg",          alt: "Blonde businesswoman front view"},
        {
          src: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379353.jpg",          alt: "School scene with queer teens"},
      ]}
      avatarText="Join our community of over 5,000 active students and staff."
      marqueeItems={[
        {
          type: "text",          text: "Academic Excellence"},
        {
          type: "text",          text: "Community Growth"},
        {
          type: "text",          text: "Innovative Learning"},
        {
          type: "text",          text: "Secure Management"},
        {
          type: "text",          text: "Student Pride"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Our Commitment to Excellence"
      tag="About Us"
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="What People Say"
      description="Hear directly from our community members about their experience at SchoolPortal."
      buttons={[
        {
          text: "View More Stories",          href: "/stories"
        }
      ]}
      testimonials={[
        {
          id: "t1",          name: "Alice Miller",          role: "Parent",          testimonial: "Excellent platform for keeping track of academic progress.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-lovely-mature-woman-covered-blanket-holding-book_171337-19318.jpg"},
        {
          id: "t2",          name: "Bob Chen",          role: "Teacher",          testimonial: "Seamless management tools for the modern classroom.",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg"},
        {
          id: "t3",          name: "Charlie D.",          role: "Student",          testimonial: "Easy to access resources and campus updates.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-glasses-library_23-2148680197.jpg"},
        {
          id: "t4",          name: "Diana V.",          role: "Alumni",          testimonial: "So proud to see how far the school portal has evolved.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-wearing-glasses_329181-13387.jpg"},
        {
          id: "t5",          name: "Edward S.",          role: "Administrator",          testimonial: "Reliable and secure, exactly what we needed.",          imageSrc: "http://img.b2bpic.net/free-photo/young-student-girl-glasses-with-pigtails-white-shirt-clenching-fists-happy-excited-rejoicing-her-success-standing-orange-wall_141793-47856.jpg"},
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      title="Frequently Asked Questions"
      description="Quick answers to common questions about our platform."
      faqsAnimation="slide-up"
      faqs={[
        {
          id: "f1",          title: "How do I reset my password?",          content: "You can request a password reset from the login page by clicking the 'Forgot Password' link."},
        {
          id: "f2",          title: "Where can I find my grades?",          content: "Grades are available in the student dashboard under the 'Academic Records' tab."},
        {
          id: "f3",          title: "How do I register for events?",          content: "Visit the events calendar in the student portal to register for upcoming school activities."},
        {
          id: "f4",          title: "Who can I contact for IT support?",          content: "IT support is available through the contact form on this website or the help desk in building B."},
        {
          id: "f5",          title: "Are accounts secure?",          content: "Yes, we utilize enterprise-grade encryption to protect all student and staff data."},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get in Touch"
      title="Need Assistance?"
      description="Contact our administration office for any inquiries or support."
      buttons={[
        {
          text: "Contact Us",          href: "/contact"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="SchoolPortal"
      copyrightText="© 2025 School Portal Inc."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}