"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Mail, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Sites",
          id: "#products",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-high-school-logo-design_23-2149667315.jpg"
      logoAlt="Student Access Logo"
      brandName="Student Access"
      button={{
        text: "Get Started",
        href: "#products",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Your Gateway to Unblocked Websites"
      description="Access a world of educational tools, fun games, and essential resources, all unblocked and safe for school. Learn, play, and grow without limits."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@StudentSarah",
          testimonial: "This site is a game-changer! I can finally access my favorite learning tools without any hassle.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/boys-friendship-cartoon_23-2151495181.jpg",
          imageAlt: "Student Sarah",
        },
        {
          name: "Michael C.",
          handle: "@TechKidMike",
          testimonial: "So many cool games and educational videos! It's super fast and reliable.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100152.jpg",
          imageAlt: "Tech Kid Mike",
        },
        {
          name: "Emily R.",
          handle: "@CreativeEmily",
          testimonial: "I love the variety! There's something for every subject and mood.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/anime-style-portrait-young-student-attending-school_23-2151125113.jpg",
          imageAlt: "Creative Emily",
        },
        {
          name: "David L.",
          handle: "@StudyProDavid",
          testimonial: "No more blocked content! This platform is a lifesaver for my homework and research.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-little-girl-looking-up_23-2151061750.jpg",
          imageAlt: "Study Pro David",
        },
        {
          name: "Anna P.",
          handle: "@PlayfulAnna",
          testimonial: "Finally, a place where I can relax with games during breaks without issues. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-female-remote-worker-holds-notepad-pen-writes-down-notes-planner-going-make-project-strolls-outside-wears-green-jumper-looks-away_273609-55350.jpg",
          imageAlt: "Playful Anna",
        },
      ]}
      tag="Break Free Online"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Websites",
          href: "#products",
        },
        {
          text: "Learn More",
          href: "#about",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-man-cartoon-character-smiling_23-2150964469.jpg",
          alt: "Student Avatar 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-sad-student-being-bullied-school_23-2151395696.jpg",
          alt: "Student Avatar 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-student-with-book-education-day_23-2150980032.jpg",
          alt: "Student Avatar 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-sad-student-being-bullied-school_23-2151395721.jpg",
          alt: "Student Avatar 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/boys-friendship-cartoon_23-2151495181.jpg",
          alt: "Student Avatar 5",
        },
      ]}
      avatarText="Trusted by thousands of students"
      imageSrc="http://img.b2bpic.net/free-photo/little-girl-front-laptop-screen-study-concept_169016-29443.jpg"
      imageAlt="Digital dashboard with unblocked websites for students"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Our Mission: Empowering Student Access",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/group-diverse-teens-young-people-doing-activities-together-celebrating-world-youth-skills-day_23-2151478231.jpg",
          alt: "Students happily using devices",
        },
        {
          type: "text",
          content: "to a Safer Online World",
        },
      ]}
      buttons={[
        {
          text: "How It Works",
          href: "#features",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Entertainment",
          title: "Unblocked Games",
          subtitle: "Play your favorites",
          description: "Take a break with a wide selection of fun, school-friendly games. Access popular titles and discover new ones, all designed for student enjoyment.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-with-laptop-together-sofa-smiling-young-girl-guy-having-fun-talking-home_1153-5010.jpg",
          imageAlt: "Controller and gaming elements",
        },
        {
          tag: "Academics",
          title: "Educational Resources",
          subtitle: "Boost your learning",
          description: "Dive into a vast library of educational websites and tools. From research portals to interactive lessons, everything you need to succeed is here.",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-books-table_93675-129684.jpg",
          imageAlt: "Books, globe, and learning icons",
        },
        {
          tag: "Productivity",
          title: "Helpful Online Tools",
          subtitle: "Simplify your schoolwork",
          description: "Utilize a range of online utilities for homework, projects, and organization. Calculators, note-takers, and more, ready when you are.",
          imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062195.jpg",
          imageAlt: "Digital tools like calculator and notepad",
        },
      ]}
      title="What You Can Access"
      description="Explore a diverse range of categories tailored for students. From fun breaks to serious study, we've got you covered."
      tag="Our Offerings"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "unblocked-games-category",
          name: "Unblocked Games",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/door-leading-magical-world_23-2151038427.jpg",
          imageAlt: "Category for unblocked games",
          rating: 5,
        },
        {
          id: "educational-sites-category",
          name: "Educational Sites",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-office-accessories-table_23-2147953157.jpg",
          imageAlt: "Category for educational websites",
          rating: 5,
        },
        {
          id: "creative-tools-category",
          name: "Creative Tools",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-organized-school-supplies-with-copy-space-education-day_23-2149241005.jpg",
          imageAlt: "Category for creative tools",
          rating: 4,
        },
        {
          id: "student-forums-category",
          name: "Student Forums & Social",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/hipster-vintage-vector-graphic-concept_53876-13842.jpg",
          imageAlt: "Category for student forums",
          rating: 4,
        },
        {
          id: "educational-videos-category",
          name: "Educational Videos",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-filming-personal-blog_23-2148586329.jpg",
          imageAlt: "Category for educational videos",
          rating: 5,
        },
        {
          id: "utility-reference-category",
          name: "Utility & Reference",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/colourful-school-supplies-blue-background-back-school-concept_169016-40173.jpg",
          imageAlt: "Category for utility and reference sites",
          rating: 5,
        },
      ]}
      title="Explore Our Categories"
      description="Discover popular unblocked categories tailored for every student's need, from learning to leisure."
      tag="Our Collection"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Students",
        "Education Forums",
        "Student Communities",
        "Online Learning Platforms",
        "School Tech Clubs",
        "Youth Organizations",
        "Parent Teacher Associations",
      ]}
      title="Trusted by Students & Educators Worldwide"
      description="Our platform is recognized and utilized by various student groups and educational communities for reliable access."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "What does 'unblocked' mean?",
          content: "Unblocked websites are those that can be accessed from school networks or other restricted environments, allowing students to use them freely.",
        },
        {
          id: "faq2",
          title: "Is this platform safe for students?",
          content: "Absolutely! We carefully curate and verify every website to ensure it's safe, appropriate, and beneficial for school students.",
        },
        {
          id: "faq3",
          title: "Do I need to download anything?",
          content: "No downloads are required. Our platform provides direct links to web-based content, accessible right from your browser.",
        },
        {
          id: "faq4",
          title: "How often is the list updated?",
          content: "We regularly update our list of unblocked websites to ensure availability and add new, engaging content for students.",
        },
        {
          id: "faq5",
          title: "Can I suggest a website?",
          content: "Yes! We welcome suggestions. Please use our contact form to submit any websites you'd like us to consider adding.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our unblocked website platform."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Have Questions or Suggestions?"
      description="We're here to help! Send us a message and we'll get back to you as soon as possible. Your feedback helps us improve."
      tagIcon={Mail}
      imageSrc="http://img.b2bpic.net/free-photo/anime-character-traveling_23-2151278649.jpg"
      imageAlt="Student sending a message to support team"
      mediaAnimation="slide-up"
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By clicking Send Message, you agree to our Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-high-school-logo-design_23-2149667315.jpg"
      logoAlt="Student Access Logo"
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Features",
              href: "#features",
            },
            {
              label: "Unblocked Sites",
              href: "#products",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Cookie Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Student Access"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
