"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Flower2, Instagram, Facebook, Mail } from "lucide-react";
import Link from "next/link";

export default function ProductsPage() {
  // Navigation logic for products page
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Products", id: "products" }, // scroll to products section on current page
    { name: "About", id: "/about" },
    { name: "FAQ", id: "/faq" },
    { name: "Contact", id: "/contact" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Moya Kvitka"
          bottomLeftText="Fresh Flowers Daily"
          bottomRightText="hello@moyakvitka.com"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Flower Collections"
          description="Handpicked arrangements designed for every occasion and budget"
          tag="New Arrivals"
          tagIcon={Flower2}
          products={[
            {
              id: "1",
              name: "Romantic Red Rose Bouquet",
              price: "₴1,299",
              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",
              imageAlt: "Red roses luxury bouquet",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Spring Mixed Arrangement",
              price: "₴899",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-s-body-move-eating-white-coconut-candy-brunette-girl-with-long-hair-elegant-bracelet-hand-holding-bouquet-red-flowers-concept-holiday-woman-s-presents-jewelry_132075-12359.jpg",
              imageAlt: "Colorful spring flowers arrangement",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Wedding Elegance Bouquet",
              price: "₴2,499",
              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg",
              imageAlt: "Elegant white wedding flowers",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "Tropical Paradise Mix",
              price: "₴1,599",
              imageSrc: "https://img.b2bpic.net/free-photo/composition-valentine-s-day-with-bouquet-red-drink-cup_169016-26067.jpg",
              imageAlt: "Exotic tropical flower arrangement",
              initialQuantity: 1
            }
          ]}
          gridVariant="uniform-alternating-sizes"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterCard
        logoText="Moya Kvitka"
        copyrightText="© 2025 Moya Kvitka | Premium Floral Design | All rights reserved"
        socialLinks={[
          { icon: Instagram, href: "https://instagram.com/moyakvitka", ariaLabel: "Follow us on Instagram" },
          { icon: Facebook, href: "https://facebook.com/moyakvitka", ariaLabel: "Follow us on Facebook" },
          { icon: Mail, href: "mailto:hello@moyakvitka.com", ariaLabel: "Email us" }
        ]}
      />
    </ThemeProvider>
  );
}