"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Sparkles } from 'lucide-react';

export default function ShopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {name: "Home", id: "/"},
            {name: "Products", id: "#products"},
            {name: "Shop", id: "/shop"},
            {name: "About", id: "#about"},
            {name: "Testimonials", id: "#testimonials"},
            {name: "Contact", id: "/contact"}
          ]}
          brandName="Kvitok"
          bottomLeftText="Fresh Flowers Daily"
          bottomRightText="hello@kvitok.com"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour 
          title="All Available Flowers & Arrangements"
          description="Explore our complete collection of fresh, handcrafted floral arrangements. Each bouquet is carefully curated and arranged by our expert florists using the finest flowers available."
          tag="Complete Selection"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              name: "Romantic Red Roses Bouquet",              price: "$89.99",              variant: "Premium Selection • 24 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/tender-pink-roses-put-bouquet_1304-5428.jpg",              imageAlt: "Red roses bouquet"
            },
            {
              id: "2",              name: "Vibrant Tulip Garden",              price: "$74.99",              variant: "Spring Colors • Mixed Varieties",              imageSrc: "https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3631.jpg",              imageAlt: "Colorful tulips arrangement"
            },
            {
              id: "3",              name: "Sunshine Sunflower Mix",              price: "$64.99",              variant: "Cheerful Yellow • 12 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/exotic-rustic-bunch-flowers-mixed-colors_114579-1969.jpg",              imageAlt: "Bright sunflowers bouquet"
            },
            {
              id: "4",              name: "Lavender Dreams Arrangement",              price: "$79.99",              variant: "Calming Purple • Fresh Cut",              imageSrc: "https://img.b2bpic.net/free-photo/lisianthus-bouquet-wooden-table_501050-281.jpg",              imageAlt: "Lavender dream arrangement"
            },
            {
              id: "5",              name: "Cherry Blossom Elegance",              price: "$94.99",              variant: "Delicate Pink • 18 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3629.jpg",              imageAlt: "Cherry blossom arrangement"
            },
            {
              id: "6",              name: "Tropical Sunset Paradise",              price: "$84.99",              variant: "Mixed Tropical • 20 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/exotic-rustic-bunch-flowers-mixed-colors_114579-1969.jpg",              imageAlt: "Tropical sunset bouquet"
            },
            {
              id: "7",              name: "Graceful White Lilies",              price: "$69.99",              variant: "Elegant White • 10 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/tender-pink-roses-put-bouquet_1304-5428.jpg",              imageAlt: "White lilies arrangement"
            },
            {
              id: "8",              name: "Bold Red & Cream Garden",              price: "$99.99",              variant: "Premium Mix • 30 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3631.jpg",              imageAlt: "Red and cream garden arrangement"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-photo/flower-cake_74190-4879.jpg"
          imageAlt="Beautiful flower field"
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Arrangements", href: "/shop" },
                { label: "Collections", href: "/#feature" },
                { label: "Custom Orders", href: "/contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/#about" },
                { label: "Contact Us", href: "/contact" },
                { label: "Testimonials", href: "/#testimonials" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "/#faq" },
                { label: "Delivery Info", href: "/#faq" },
                { label: "Care Guide", href: "/#faq" }
              ]
            }
          ]}
          logoText="KVITOK"
          copyrightText="© 2025 Kvitok Flowers. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
