"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Brush, CheckCircle, Users, Star, MessageSquare, HelpCircle } from "lucide-react";

const sourceSans3 = Source_Sans_3({
  variable: "--font-source-sans-3",  subsets: ["latin"],
});

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Korumi Collective"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About", id: "#about" },
            { name: "Collection", id: "#collection" },
            { name: "Features", id: "#features" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Community", id: "#community" },
            { name: "Contact", id: "#contact" }
          ]}
          button={{ text: "Join Us" }}
        />
      </div>

      <div id="home" data-section="home">
        <HeroBillboardScroll
          title="Unveil Your Next Treasure"
          description="Dive into the enchanting world of Korumi. Explore a curated collection of rare figures, plushies, and art from your favorite whimsical characters."
          background={{ variant: "radial-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648331.jpg"
          imageAlt="korumi collection display shelf"
          tag="Korumi Universe"
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Collection", href: "#collection" },
            { text: "Learn More", href: "#about" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Our Journey into the " },
            { type: "image", src: "http://img.b2bpic.net/free-photo/cheerful-3d-alien-world_23-2151879013.jpg", alt: "small cute fantasy creature illustration" },
            { type: "text", content: " World" }
          ]}
          useInvertedBackground={false}
          buttons={[{ text: "Our Story", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="What Makes Our Collection Special"
          description="From limited editions to exclusive artist collaborations, every piece in our Korumi collection tells a unique story."
          features={[
            { icon: Sparkles, title: "Rare Finds", description: "Discover highly sought-after and limited-edition Korumi figures." },
            { icon: Brush, title: "Exclusive Artists", description: "Showcasing pieces from renowned and emerging Korumi artists." },
            { icon: CheckCircle, title: "Pristine Condition", description: "Every item is meticulously inspected to ensure collector-grade quality." },
            { icon: Users, title: "Community Hub", description: "Connect with fellow Korumi enthusiasts and share your passion." }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Unique Treasures"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[{ text: "View All Features", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="collection" data-section="collection">
        <ProductCardOne
          title="Explore the Korumi Gallery"
          description="Browse through our vibrant gallery of Korumi figures, plushies, and art prints. Find your next beloved character or a rare addition to your collection."
          products={[
            { id: "1", name: "Celestial Korumi Figure", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/needle-felted-character-studio_23-2151155016.jpg", imageAlt: "korumi vinyl figure cute" },
            { id: "2", name: "Dreamy Korumi Plushie", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/two-teddy-bears-garden-background_1357-174.jpg", imageAlt: "korumi plush toy soft" },
            { id: "3", name: "Enchanted Forest Print", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-photo/fun-gaulois-3d-illustration_183364-81031.jpg", imageAlt: "korumi art print vibrant colors" },
            { id: "4", name: "Mystery Korumi Mini", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-yeti_23-2149937554.jpg", imageAlt: "korumi mini figure blind box" },
            { id: "5", name: "Whimsical Korumi Keychain", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/ice-skating-woman-isolated-white_149155-4759.jpg", imageAlt: "korumi keychain charm cute" },
            { id: "6", name: "Grand Korumi Statue", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/epiphany-day-treasure-chest-with-raisins-magus_23-2148746799.jpg", imageAlt: "korumi statue detailed craftsmanship" }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="New Arrivals"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[{ text: "View All Products", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Hear From Our Collectors"
          description="Passionate collectors share their joy and excitement about finding their dream Korumi pieces with us."
          testimonials={[
            { id: "1", name: "Sarah J.", date: "2023-10-26", title: "My Favorite Korumi", quote: "Finding the Celestial Korumi here was a dream come true! The quality is impeccable, and it arrived so quickly. Absolutely thrilled with my new addition.", tag: "Figure Collector", avatarSrc: "http://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg", avatarAlt: "happy young woman portrait smiling", imageSrc: "http://img.b2bpic.net/free-photo/child-toy-car-made-wood-decorated-with-material-generated-by-ai_188544-36773.jpg", imageAlt: "korumi figure in hand" },
            { id: "2", name: "Alex C.", date: "2023-11-15", title: "Softest Plush Ever!", quote: "The Dreamy Korumi plushie is incredibly soft and well-made. It's the perfect companion for my desk. Highly recommend for any Korumi fan!", tag: "Plush Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4049.jpg", avatarAlt: "smiling man portrait cheerful", imageSrc: "http://img.b2bpic.net/free-photo/girl-cute-white-puppies_23-2148797428.jpg", imageAlt: "korumi plushie on a bed" },
            { id: "3", name: "Emily R.", date: "2023-12-01", title: "Stunning Art Print", quote: "The Enchanted Forest print brings so much magic to my room. The colors are vibrant, and the artwork is truly captivating. A must-have!", tag: "Art Lover", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-listens-music-via-headphones-laughing-draws-painting_8353-10781.jpg", avatarAlt: "creative woman portrait artistic", imageSrc: "http://img.b2bpic.net/free-photo/photo-frame_74190-4520.jpg", imageAlt: "korumi art print framed on wall" },
            { id: "4", name: "David K.", date: "2024-01-08", title: "Expanded My Collection", quote: "I've been collecting Korumi for years, and this site has some of the best selections. Their rare finds helped me complete a series I thought was impossible!", tag: "Veteran Collector", avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-with-beard_23-2147689452.jpg", avatarAlt: "thoughtful man portrait serious", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216751.jpg", imageAlt: "table full of korumi figures" },
            { id: "5", name: "Mia L.", date: "2024-02-20", title: "Fantastic Experience", quote: "From browsing to checkout, the experience was seamless. My Korumi keychain arrived perfectly packaged. So glad I found this collective!", tag: "New Collector", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg", avatarAlt: "smiling person portrait neutral background", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-dragon-character_23-2151128981.jpg", imageAlt: "korumi comic book" }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Collector Reviews"
          tagIcon={MessageSquare}
          tagAnimation="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Your Korumi Questions, Answered"
          description="Have questions about collecting, care, or finding specific Korumi? We've got you covered."
          faqs={[
            { id: "1", title: "What are Korumi?", content: "Korumi are whimsical creatures, often appearing in various forms like figures, plushies, and art. They originate from rich folklore and are beloved by collectors worldwide for their unique designs and enchanting stories." },
            { id: "2", title: "How do I care for my Korumi figures?", content: "To maintain your Korumi's pristine condition, keep them away from direct sunlight and extreme temperatures. Dust gently with a soft brush and avoid harsh cleaning agents. For delicate pieces, a microfiber cloth is recommended." },
            { id: "3", title: "Do you offer international shipping?", content: "Yes, we proudly offer international shipping to bring Korumi to collectors around the globe. Shipping costs and delivery times vary by destination, and customs duties may apply. Please see our shipping policy for more details." },
            { id: "4", title: "Can I request specific Korumi pieces?", content: "We're always on the lookout for rare and unique Korumi. If you're searching for a specific piece, please contact us with details. While we can't guarantee every request, we'll do our best to assist you in your quest!" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/kid-playing-with-toy-train_23-2148131039.jpg"
          imageAlt="person looking at detailed korumi figure"
          mediaAnimation="slide-up"
          faqsAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Knowledge Base"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
        />
      </div>

      <div id="community" data-section="community">
        <SocialProofOne
          names={[
            "Collectors Guild",            "Art Toy Expo",            "Kawaii Culture Magazine",            "Anime Con",            "Figure Display Solutions",            "Korumi Fan Hub",            "Toy Collector's Daily"
          ]}
          title="Featured and Trusted by Collectors"
          description="Proudly showcased at conventions and admired by the Korumi community worldwide. Join our growing network of enthusiasts!"
          textboxLayout="default"
          useInvertedBackground={true}
          speed={40}
          showCard={true}
          tag="Our Network"
          tagIcon={Users}
          tagAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to expand your Korumi universe or have a special request? Reach out to us – we're always happy to connect with fellow enthusiasts."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          animationType="entrance-slide"
          buttons={[{ text: "Get in Touch", href: "mailto:info@korumicollective.com" }]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoText="Korumi Collective"
          columns={[
            { title: "Explore", items: [{ label: "Collection", href: "#collection" }, { label: "About Us", href: "#about" }, { label: "Features", href: "#features" }] },
            { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Shipping", href: "#" }] },
            { title: "Community", items: [{ label: "Fan Hub", href: "#community" }, { label: "Instagram", href: "https://instagram.com/korumicollective" }, { label: "Twitter", href: "https://twitter.com/korumicollective" }] }
          ]}
          copyrightText="© 2024 Korumi Collective. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
