"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Collections", id: "/collections" },
    { name: "Our Story", id: "/our-story" },
    { name: "Journal", id: "/journal" },
    { name: "Gifting", id: "/gifting" },
    { name: "Contact", id: "/contact" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="grid"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="The Khione Store"
          navItems={navItems}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="The Khione Store"
          description="Timeless jewelry crafted to become part of your story."
          buttons={[
            { text: "Explore Collections", href: "/collections" },
            { text: "Our Story", href: "/our-story" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/soft-indoor-portrait-caucasian-gentle-woman-wearing-beige-suit-no-bra-posing-palm-tropical-plant-gray_343596-3231.jpg", imageAlt: "Elegant model wearing luxury emerald jewelry" },
            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-engagement-ring_23-2149430767.jpg", imageAlt: "Collection of gold rings on natural stone" },
            { imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-beautiful-blond-woman-white-summer-clothes-posing-modern-hotel-vacations_273443-5318.jpg", imageAlt: "Model showcasing minimalist gold earrings" },
            { imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599102.jpg", imageAlt: "Luxury anti-tarnish bracelet flat lay" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-model-posing-as-greek-goddess_23-2150099235.jpg", imageAlt: "Editorial close-up of model with a quiet confidence" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-posing-with-flower_23-2149513259.jpg", imageAlt: "Emerald gemstone jewelry with earthy luxury aesthetic" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          ariaLabel="Full-screen hero section with product carousel"
        />
      </div>

      <div id="collections-overview" data-section="collections-overview">
        <ProductCardThree
          title="Our Curated Collections"
          description="Discover exquisite pieces designed for timeless elegance and individual expression."
          products={[
            { id: "p1", name: "Necklaces", price: "From $180", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-caucasian-brunette-woman-black-blouse-with-closed-eyes-keeps-hand-face-smiling-purple-background_197531-32085.jpg?_wi=1", imageAlt: "Luxury gold necklace collection", rating: 5 },
            { id: "p2", name: "Earrings", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-amazing-brunette-girl-attractive-caucasian-woman-posing-with-plant-hair_197531-14007.jpg?_wi=1", imageAlt: "Elegant gold earrings collection", rating: 5 },
            { id: "p3", name: "Rings", price: "From $250", imageSrc: "http://img.b2bpic.net/free-photo/wedding-golden-rings-stump-green-grass_8353-6084.jpg?_wi=1", imageAlt: "Sophisticated gold rings collection", rating: 5 },
            { id: "p4", name: "Bracelets", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons-with-thread-reel_23-2148145978.jpg?_wi=1", imageAlt: "Timeless gold bracelets collection", rating: 5 },
            { id: "p5", name: "Sets", price: "From $300", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-rings-with-heels-white-background-vertical_176474-4588.jpg?_wi=1", imageAlt: "Matching jewelry sets", rating: 5 },
            { id: "p6", name: "New Arrivals", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-checkered-plaid-holding-hot-cup_114579-66837.jpg?_wi=1", imageAlt: "Latest jewelry designs", rating: 5 }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="our-story-tease" data-section="our-story-tease">
        <SplitAbout
          title="Crafted to Last, Designed to Inspire"
          description="At The Khione Store, every piece tells a story of meticulous craftsmanship, intentional design, and a dedication to timeless style. We believe luxury should be an everyday experience."
          bulletPoints={[
            { title: "Artisanal Craftsmanship", description: "Each piece is carefully handcrafted by skilled artisans." },
            { title: "Timeless Design", description: "Our designs transcend trends, becoming cherished heirlooms." },
            { title: "Nature-Inspired Elegance", description: "Drawing inspiration from the earth's most exquisite forms." }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/master-working-with-metallic-equipments_114579-12213.jpg"
          imageAlt="Artisan hands working on a piece of jewelry"
          mediaAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          imagePosition="left"
          buttons={[{ text: "Discover Our Story", href: "/our-story" }]}
        />
      </div>

      <div id="journal-preview" data-section="journal-preview">
        <BlogCardThree
          title="The Khione Journal"
          description="Explore our editorial features on jewelry care, styling inspiration, and the stories behind our timeless creations."
          blogs={[
            { id: "blog-1", category: "Jewelry Care", title: "Preserving Your Pieces: An Anti-Tarnish Guide", excerpt: "Learn how to maintain the radiant luster of your Khione jewelry with our expert care tips.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-indoors_23-2149722555.jpg", imageAlt: "Polishing gold jewelry", authorName: "Khione Editorial", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg", date: "May 20, 2024" },
            { id: "blog-2", category: "Sustainability", title: "Our Commitment: Ethical & Earth-Inspired Sourcing", excerpt: "Dive into our journey of responsible sourcing and sustainable practices for exquisite jewelry.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-woman-tropical-luxury-villa-wearing-white-stylish-blazer-jewellery-tropical-leaves_343596-1950.jpg", imageAlt: "Sustainable jewelry materials", authorName: "Khione Editorial", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11601.jpg", date: "April 15, 2024" },
            { id: "blog-3", category: "Style Guide", title: "The Art of Layering: Mastering Your Khione Look", excerpt: "Elevate your style with our guide to elegantly layering necklaces and bracelets for a curated look.", imageSrc: "http://img.b2bpic.net/free-photo/woman-mask-stands-street_1157-33287.jpg", imageAlt: "Woman layering gold necklaces", authorName: "Khione Editorial", authorAvatar: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", date: "March 10, 2024" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[{ text: "Read All Articles", href: "/journal" }]}
        />
      </div>

      <div id="testimonials-home" data-section="testimonials-home">
        <TestimonialCardFive
          title="Voices of Khione: Our Cherished Community"
          description="Experience the luxury through the words of our delighted clients who embrace timeless elegance."
          testimonials={[
            { id: "test-h-1", name: "Emily R.", date: "June 10, 2024", title: "Unmatched Elegance", quote: "Wearing Khione jewelry makes me feel elegant and confident every day. The quality is simply unmatched.", tag: "Everyday Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg", avatarAlt: "Emily R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-peony-flower-mirror-grass-outdoors_23-2149445046.jpg", imageAlt: "Elegant necklace on a woman" },
            { id: "test-h-2", name: "Jessica L.", date: "June 05, 2024", title: "A True Statement Piece", quote: "I receive compliments every time I wear my Khione necklace. It's a true statement piece that blends effortlessly with my style.", tag: "Captivating Design", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11601.jpg", avatarAlt: "Jessica L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/ginger-girl-with-big-rings_1122-432.jpg", imageAlt: "Woman wearing rings" },
            { id: "test-h-3", name: "Sarah P.", date: "May 28, 2024", title: "Anti-Tarnish Perfection", quote: "The anti-tarnish feature is a game-changer! My earrings sparkle like new even after months of continuous wear.", tag: "Lasting Shine", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", avatarAlt: "Sarah P. avatar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-accessories_23-2149267481.jpg", imageAlt: "Woman wearing earrings" }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="features-home" data-section="features-home">
        <FeatureCardEight
          title="The Khione Difference: Craftsmanship & Care"
          description="Unwavering commitment to quality, innovative design, and a luxury experience designed for you."
          features={[
            { title: "Anti-Tarnish Guarantee", description: "Our specialized coatings ensure your jewelry maintains its brilliant shine, resisting everyday wear and tear.", imageSrc: "http://img.b2bpic.net/free-photo/transparent-box-golden-crown-close-up_23-2148333534.jpg?_wi=1", imageAlt: "Anti-tarnish shield" },
            { title: "Water Resistant Durability", description: "Designed for your active lifestyle, our pieces are resilient against water, perfect for daily wear.", imageSrc: "http://img.b2bpic.net/free-photo/hand-wearing-gold-bracelet-front-view_23-2149836437.jpg?_wi=1", imageAlt: "Water resistant jewelry" },
            { title: "Hypoallergenic Comfort", description: "Crafted with sensitive skin in mind, our materials are hypoallergenic, ensuring comfort without compromise.", imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-with-bloom-leaves-hair_23-2148072237.jpg?_wi=1", imageAlt: "Hypoallergenic jewelry" },
            { title: "Everyday Wear Luxury", description: "Elevate your daily style with pieces that are both luxurious and robust enough for constant adornment.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-having-lunch-break_23-2149548511.jpg?_wi=1", imageAlt: "Everyday wear jewelry" }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact-cta-home" data-section="contact-cta-home">
        <ContactCTA
          tag="Connect"
          title="Your Journey with Khione Begins Here"
          description="Have a question or seeking a unique piece? Reach out to our dedicated team for a personalized luxury experience."
          buttons={[
            { text: "Get in Touch", href: "/contact" },
            { text: "Follow Us on Instagram", href: "https://instagram.com/thekhionestore" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          logoText="The Khione Store"
          imageSrc="http://img.b2bpic.net/free-photo/pretty-businesswoman-leaving-work_23-2147605036.jpg?_wi=1"
          imageAlt="Elegant Khione Storefront at night"
          columns={[
            { title: "Collections", items: navItems.filter(item => item.name === "Collections")[0] ? [
              { label: "Necklaces", href: "/collections" },
              { label: "Earrings", href: "/collections" },
              { label: "Rings", href: "/collections" },
              { label: "Bracelets", href: "/collections" },
              { label: "Sets", href: "/collections" }
            ] : []},
            { title: "About", items: [
              { label: "Our Story", href: "/our-story" },
              { label: "The Journal", href: "/journal" },
              { label: "Gifting", href: "/gifting" },
              { label: "Contact Us", href: "/contact" }
            ]},
            { title: "Legal", items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Refund Policy", href: "#" }
            ]}
          ]}
          copyrightText="© 2024 The Khione Store. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
