"use client";

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

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Categories",          id: "/categories"},
        {
          name: "Trending",          id: "/trending"},
        {
          name: "Authors",          id: "/authors"},
        {
          name: "About",          id: "/about"},
        {
          name: "Contact",          id: "/contact"},
        {
          name: "Sign In / Sign Up",          id: "/auth"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/vintage-classic-theatre-emblems-set_1284-39339.jpg"
      logoAlt="Alish Novel Logo"
      brandName="Alish Novel"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "sparkles-gradient"}}
      title="Read Your Favorite Novels Anytime, Discover 300+ Free English Novels, Download & Read Instantly"
      description="Welcome to Alish Novel, your ultimate library for captivating stories. Immerse yourself in a world of endless narratives, from thrilling mysteries to heartwarming romances, all at your fingertips."
      buttons={[
        {
          text: "Explore Novels",          href: "/categories"},
        {
          text: "Trending Books",          href: "/trending"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626736.jpg",          imageAlt: "Epic fantasy novel cover"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/magic-fairy-tale-book-illustration-with-seascape-with-big-jellyfish-algae_23-2150133017.jpg",          imageAlt: "Romantic novel cover"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568823.jpg",          imageAlt: "Science fiction novel cover"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/spooky-scene-with-man-floating-outdoors_23-2149758912.jpg",          imageAlt: "Mystery novel cover"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-coast-landscape_23-2151515064.jpg",          imageAlt: "Adventure novel cover"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588405.jpg",          imageAlt: "Horror novel cover"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="trending-novels" data-section="trending-novels">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "novel-t1",          name: "The Celestial Spire",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/magic-fairy-tale-book-illustration-with-fantastic-landscape-planets_23-2150133020.jpg",          imageAlt: "The Celestial Spire novel cover"},
        {
          id: "novel-t2",          name: "Whispers of the Heart",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/anime-stylecelebrating-valentines-day_23-2151257982.jpg",          imageAlt: "Whispers of the Heart novel cover"},
        {
          id: "novel-t3",          name: "Echoes of Andromeda",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-whale-half-robot_23-2151603064.jpg",          imageAlt: "Echoes of Andromeda novel cover"},
        {
          id: "novel-t4",          name: "The Silent Witness",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-halloween-masculine-model-looking-away_23-2148277522.jpg",          imageAlt: "The Silent Witness novel cover"},
        {
          id: "novel-t5",          name: "Chronicles of the Lost City",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fantasy-landscape_23-2151890282.jpg",          imageAlt: "Chronicles of the Lost City novel cover"},
        {
          id: "novel-t6",          name: "Shadows Over Blackwood",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/male-holding-lantern-night_23-2148277448.jpg",          imageAlt: "Shadows Over Blackwood novel cover"},
      ]}
      title="Trending Novels"
      description="See what's captivating readers worldwide. These stories are currently dominating the literary charts."
    />
  </div>

  <div id="latest-uploads" data-section="latest-uploads">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "novel-l1",          name: "The Emerald Blade",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/pink-motivational-text-board-flat-lay_23-2148689373.jpg",          imageAlt: "The Emerald Blade novel cover"},
        {
          id: "novel-l2",          name: "Love in the Starlight",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/vintage-collage-woman-sea_23-2149438108.jpg",          imageAlt: "Love in the Starlight novel cover"},
        {
          id: "novel-l3",          name: "Quantum Reverie",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134270.jpg",          imageAlt: "Quantum Reverie novel cover"},
        {
          id: "novel-l4",          name: "The Midnight Pact",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/anime-dragon-character-illustration_23-2151117650.jpg",          imageAlt: "The Midnight Pact novel cover"},
        {
          id: "novel-l5",          name: "Viking's Legacy",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/view-funny-animal_23-2151098397.jpg",          imageAlt: "Viking's Legacy novel cover"},
        {
          id: "novel-l6",          name: "The Unseen Terror",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/person-looking-futuristic-mystical-other-worldly-sky_23-2150946827.jpg",          imageAlt: "The Unseen Terror novel cover"},
      ]}
      title="Latest Uploads"
      description="Be the first to discover fresh narratives. Our newest additions are ready for your reading pleasure."
    />
  </div>

  <div id="recommended-reads" data-section="recommended-reads">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="auto"
      products={[
        {
          id: "novel-r1",          name: "Mythic Dawn",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/beauty-loneliness-captured-headshot-portrait-generated-by-ai_188544-36250.jpg",          imageAlt: "Mythic Dawn novel cover"},
        {
          id: "novel-r2",          name: "A Glimmer of Hope",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-vector/lovely-classic-wedding-invitation-template-art-deco-style_23-2147939570.jpg",          imageAlt: "A Glimmer of Hope novel cover"},
        {
          id: "novel-r3",          name: "Stellar Drift",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/man-reading-spell-book-outside_23-2148277492.jpg",          imageAlt: "Stellar Drift novel cover"},
        {
          id: "novel-r4",          name: "The Forgotten Labyrinth",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859085.jpg",          imageAlt: "The Forgotten Labyrinth novel cover"},
        {
          id: "novel-r5",          name: "Echoes of Yesterday",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-vector/valentine-s-day-14th-february-vector_53876-79074.jpg",          imageAlt: "Echoes of Yesterday novel cover"},
        {
          id: "novel-r6",          name: "The Spectral Mansion",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-holding-sketchbook-checking-it_114579-25118.jpg",          imageAlt: "The Spectral Mansion novel cover"},
      ]}
      title="Recommended Reads"
      description="Handpicked just for you! Explore stories tailored to your interests and discover your next favorite book."
    />
  </div>

  <div id="top-rated-novels" data-section="top-rated-novels">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "novel-tr1",          name: "Dragon's Ascent",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-viking-children_23-2151686322.jpg",          imageAlt: "Dragon's Ascent novel cover"},
        {
          id: "novel-tr2",          name: "The Heart's Melody",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/international-kissing-day-celebration_23-2151185183.jpg",          imageAlt: "The Heart's Melody novel cover"},
        {
          id: "novel-tr3",          name: "Cosmic Odyssey",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603083.jpg",          imageAlt: "Cosmic Odyssey novel cover"},
        {
          id: "novel-tr4",          name: "Silent Scream",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582321.jpg",          imageAlt: "Silent Scream novel cover"},
        {
          id: "novel-tr5",          name: "Gladiator's Honor",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/flat-design-people-singing-carols-illustration_23-2151892240.jpg",          imageAlt: "Gladiator's Honor novel cover"},
        {
          id: "novel-tr6",          name: "The Haunted Woods",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-books-background-with-halloween-decorations_23-2147905780.jpg",          imageAlt: "The Haunted Woods novel cover"},
      ]}
      title="Top Rated Novels"
      description="Explore the best-rated stories by our community. These critically acclaimed books are guaranteed to be a fantastic read."
    />
  </div>

  <div id="user-reviews" data-section="user-reviews">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Aisha Khan",          imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-reading-book-looking-camera_23-2147797441.jpg",          imageAlt: "Aisha Khan"},
        {
          id: "2",          name: "Benjamin Lee",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-young-woman-showing-ok-sign-with-fingers-looking-front_114579-58463.jpg",          imageAlt: "Benjamin Lee"},
        {
          id: "3",          name: "Chloe Davies",          imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-reading-sofa_23-2147767432.jpg",          imageAlt: "Chloe Davies"},
        {
          id: "4",          name: "Daniel Kim",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-senior-woman-sitting-sofa-looking-photo-frame_23-2147901373.jpg",          imageAlt: "Daniel Kim"},
        {
          id: "5",          name: "Elena Petrova",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-having-bookstore-date_23-2150334591.jpg",          imageAlt: "Elena Petrova"},
      ]}
      cardTitle="What Our Readers Say"
      cardTag="Testimonials"
      buttons={[
        {
          text: "Read All Reviews",          href: "/reviews"},
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="newsletter" data-section="newsletter">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-animated"}}
      text="Join Our Reading Community! Subscribe for exclusive updates, new releases, and personalized recommendations straight to your inbox."
      buttons={[
        {
          text: "Subscribe Now",          onClick: () => alert('Subscribed!')
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Alish Novel"
      columns={[
        {
          title: "Explore",          items: [
            {
              label: "Home",              href: "/"},
            {
              label: "Categories",              href: "/categories"},
            {
              label: "Trending",              href: "/trending"},
            {
              label: "Authors",              href: "/authors"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Contact",              href: "/contact"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Facebook",              href: "https://facebook.com"},
            {
              label: "Twitter",              href: "https://twitter.com"},
            {
              label: "Instagram",              href: "https://instagram.com"},
            {
              label: "LinkedIn",              href: "https://linkedin.com"},
          ],
        },
      ]}
      copyrightText="© 2024 Alish Novel. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
