"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Book, Clock, EyeOff, Facebook, Home, Instagram, Lightbulb, Rocket, Sparkles, Star, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Gadgets",
          id: "gadgets",
        },
        {
          name: "Fans",
          id: "fans",
        },
        {
          name: "FAQ",
          id: "faq",
        },
      ]}
      brandName="Doraemon Universe"
      button={{
        text: "Explore Now",
        href: "#gadgets",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      title="Welcome to the World of Doraemon!"
      description="Join Nobita, Doraemon, and friends on endless adventures through time and space. Discover amazing gadgets and heartwarming stories that have captivated generations."
      testimonials={[
        {
          name: "Siddharth S.",
          handle: "@DoraFanatic",
          testimonial: "Doraemon taught me about friendship and imagination. Still my favorite show!",
          rating: 5,
        },
        {
          name: "Maya R.",
          handle: "@GadgetLover",
          testimonial: "The gadgets are so creative! I always wished I had an Anywhere Door.",
          rating: 5,
        },
        {
          name: "Ethan L.",
          handle: "@FutureDreamer",
          testimonial: "It's more than just a cartoon; it's a world of possibilities and valuable lessons.",
          rating: 5,
        },
        {
          name: "Chloe P.",
          handle: "@AnimeAdmirer",
          testimonial: "The stories are timeless and always put a smile on my face. A true classic!",
          rating: 5,
        },
      ]}
      tag="Beyond Time & Space"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Meet the Characters",
          href: "#about",
        },
        {
          text: "Discover Gadgets",
          href: "#gadgets",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-vector/glitch-emojis-collections_23-2148533190.jpg",
          alt: "Doraemon",
        },
        {
          src: "http://img.b2bpic.net/free-vector/asian-men-collection-different-ages_23-2147855956.jpg",
          alt: "Nobita",
        },
        {
          src: "http://img.b2bpic.net/free-vector/linear-goddess-logo-templates_23-2148983492.jpg",
          alt: "Shizuka",
        },
        {
          src: "http://img.b2bpic.net/free-vector/glitch-emojis-set_23-2148525620.jpg",
          alt: "Gian",
        },
        {
          src: "http://img.b2bpic.net/free-vector/modern-movember-party-poster-with-flat-design_23-2147963115.jpg",
          alt: "Suneo",
        },
      ]}
      avatarText="Join millions of fans worldwide!"
      imageSrc="http://img.b2bpic.net/free-photo/smiling-children-with-lollipops-near-wooden-bench-park_496169-155.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="About Doraemon"
      title="A Cat Robot from the 22nd Century"
      description="Doraemon is a robotic cat who travels back in time from the 22nd century to aid a pre-teen boy named Nobita Nobi. Equipped with a fourth-dimensional pouch containing futuristic gadgets, Doraemon brings fun, adventure, and valuable life lessons to Nobita's everyday life."
      subdescription="His arrival brings both comedic chaos and heartwarming solutions, shaping Nobita's future for the better and creating unforgettable memories for fans."
      icon={Star}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-young-men-laughing_23-2151203909.jpg"
      mediaAnimation="opacity"
    />
  </div>

  <div id="gadgets" data-section="gadgets">
      <FeatureHoverPattern
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Home,
          title: "Anywhere Door",
          description: "Travel instantly to any place in the world, or even other planets, by simply walking through this magical door.",
        },
        {
          icon: Rocket,
          title: "Take-copter",
          description: "Attach this small propeller to your head and fly freely through the sky, exploring new heights and having aerial adventures.",
        },
        {
          icon: Clock,
          title: "Time Machine",
          description: "A vehicle that allows Doraemon and his friends to travel through different eras, witnessing history and even shaping the future.",
        },
        {
          icon: Lightbulb,
          title: "Small Light",
          description: "A flashlight that can shrink any object or person to miniature size, leading to tiny adventures and mischievous fun.",
        },
        {
          icon: Book,
          title: "Memory Bread",
          description: "Eat a piece of this bread imprinted with textbook pages, and you'll instantly remember the content, perfect for quick studying.",
        },
        {
          icon: EyeOff,
          title: "Invisible Cloak",
          description: "Wear this cloak to become completely invisible to the naked eye, allowing for stealthy movements and playful pranks.",
        },
      ]}
      title="Amazing Gadgets from the Future"
      description="Doraemon's pocket is full of incredible inventions that make life exciting and unpredictable. Explore some of the most famous ones and imagine the possibilities!"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={["Doraemon Fan Club Japan", "Doraemon Fan Club USA", "Merchandise Brand", "Media Partner", "Game Studio", "Comic Publisher", "Education Partner"]}
      logos={[
        "http://img.b2bpic.net/free-vector/realistic-halloween-sale-badge-collection_23-2148667656.jpg",
        "http://img.b2bpic.net/free-vector/mother-s-day-badge-collection_23-2148100181.jpg",
        "http://img.b2bpic.net/free-vector/detailed-baby-logo-with-lion-hot-air-balloon_52683-53136.jpg",
        "http://img.b2bpic.net/free-vector/family-logo-collection_23-2148552096.jpg",
        "http://img.b2bpic.net/free-vector/hand-drawn-pitbull-logo_23-2150570639.jpg",
        "http://img.b2bpic.net/free-vector/pack-four-lovely-halloween-stickers_23-2147572300.jpg",
        "http://img.b2bpic.net/free-vector/back-school-label-collection-with-flat-design_23-2147851712.jpg",
      ]}
      title="Trusted by Millions of Fans Worldwide"
      description="Doraemon's legacy has been embraced by generations across the globe, creating a vibrant and devoted community of admirers and partners."
      speed={35}
      showCard={false}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Anya Sharma",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-boy_23-2148551240.jpg",
        },
        {
          id: "2",
          name: "Kenji Tanaka",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-with-brown-eyes-dressed-casually-white-t-shirt-yellow-headband-joyful-attractive-housewife-being-glad-see-her-relatives-people-emotions_273609-8033.jpg",
        },
        {
          id: "3",
          name: "Sophia Rodriguez",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-child-park-playing-grass_1157-23971.jpg",
        },
        {
          id: "4",
          name: "Liam O'Connell",
          imageSrc: "http://img.b2bpic.net/free-vector/nice-lovely-father-background_23-2147630650.jpg",
        },
        {
          id: "5",
          name: "Priya Singh",
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-view-cheerful-female-painter-shows-her-picture_273609-28601.jpg",
        },
      ]}
      cardTitle="Loved by Fans, Young and Old"
      cardTag="Fan Favorites"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Who is Doraemon?",
          content: "Doraemon is a robotic cat sent from the 22nd century to help Nobita Nobi, a young boy who struggles with school and bullies, using futuristic gadgets from his four-dimensional pocket.",
        },
        {
          id: "2",
          title: "What is Doraemon's favorite food?",
          content: "Doraemon absolutely loves dorayaki, a type of Japanese red bean pancake. It's his weakness and often used as a bribe by Nobita!",
        },
        {
          id: "3",
          title: "How many gadgets does Doraemon have?",
          content: "Doraemon is said to have around 4,500 gadgets in his fourth-dimensional pocket, though only a fraction are regularly shown in the anime and manga.",
        },
        {
          id: "4",
          title: "Are there movies and specials?",
          content: "Yes! Doraemon has a vast collection of animated movies, TV specials, and spin-offs that take the characters on grand adventures beyond their daily lives.",
        },
        {
          id: "5",
          title: "What are the main themes of Doraemon?",
          content: "The series explores themes of friendship, family, courage, honesty, the importance of hard work, and the consequences of relying too much on quick fixes or technology.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about Doraemon, his friends, and their incredible adventures. Dive deeper into the magic!"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Doraemon Universe"
      copyrightText="© 2024 Doraemon Universe. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/doraemon",
          ariaLabel: "Facebook page",
        },
        {
          icon: Twitter,
          href: "https://twitter.com/doraemon",
          ariaLabel: "Twitter profile",
        },
        {
          icon: Instagram,
          href: "https://instagram.com/doraemon",
          ariaLabel: "Instagram page",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
