"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function CollectionsPage() {
  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="all-collections" data-section="all-collections">
        <ProductCardThree
          title="Our Full Collections"
          description="Each collection is a curated journey, blending timeless elegance with the natural world. Discover your next cherished piece."
          products={[
            { id: "coll-necklaces", name: "Necklaces", price: "Explore Designs", 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=2", imageAlt: "Editorial image of elegant necklaces", rating: 5 },
            { id: "coll-earrings", name: "Earrings", price: "Explore Designs", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-amazing-brunette-girl-attractive-caucasian-woman-posing-with-plant-hair_197531-14007.jpg?_wi=2", imageAlt: "Editorial image of sophisticated earrings", rating: 5 },
            { id: "coll-rings", name: "Rings", price: "Explore Designs", imageSrc: "http://img.b2bpic.net/free-photo/wedding-golden-rings-stump-green-grass_8353-6084.jpg?_wi=2", imageAlt: "Editorial image of exquisite rings", rating: 5 },
            { id: "coll-bracelets", name: "Bracelets", price: "Explore Designs", imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons-with-thread-reel_23-2148145978.jpg?_wi=2", imageAlt: "Editorial image of timeless bracelets", rating: 5 },
            { id: "coll-sets", name: "Matching Sets", price: "Explore Designs", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-rings-with-heels-white-background-vertical_176474-4588.jpg?_wi=2", imageAlt: "Editorial image of coordinated jewelry sets", rating: 5 },
            { id: "coll-new-arrivals", name: "New Arrivals", price: "Discover Latest", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-checkered-plaid-holding-hot-cup_114579-66837.jpg?_wi=2", imageAlt: "Editorial image of new jewelry arrivals", rating: 5 }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="collection-features" data-section="collection-features">
        <FeatureCardEight
          title="Why Choose Khione Jewelry?"
          description="Experience the difference of jewelry crafted for enduring beauty and everyday confidence."
          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=2", 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=2", 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=2", 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=2", imageAlt: "Everyday wear jewelry" }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact-cta-collections" data-section="contact-cta-collections">
        <ContactCTA
          tag="Inquire Now"
          title="Find Your Perfect Piece"
          description="Have questions about a specific collection or piece? Our experts are here to help you make an informed choice."
          buttons={[
            { text: "Contact Our Stylists", href: "/contact" },
            { text: "View All Collections", href: "/collections" }
          ]}
          background={{ variant: "downward-rays-static" }}
          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=2"
          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>
  );
}
