"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles } from 'lucide-react';

export default function GalleryPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Flowers Life"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Gallery", id: "/gallery" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Book Consultation", href: "/contact" }}
        />
      </div>

      <div id="gallery-hero" data-section="gallery-hero">
        <HeroLogo
          logoText="Our Gallery"
          description="Discover the artistry and passion behind every arrangement we create"
          buttons={[
            { text: "View Collections", href: "#collections" },
            { text: "Book Now", href: "/contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-boho-flowers-assortment_23-2149526015.jpg"
          imageAlt="Floral gallery showcase"
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="gallery-collections" data-section="gallery-collections">
        <ProductCardThree
          title="Featured Arrangements"
          description="Browse through our most stunning creations, each telling a unique story of beauty and craftsmanship"
          tag="Gallery Showcase"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",
              name: "Romantic Rose Collection",
              price: "From $85",
              imageSrc: "https://img.b2bpic.net/free-photo/rose-wooden-background_1232-2088.jpg",
              imageAlt: "Elegant rose arrangements",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Wedding Masterpieces",
              price: "From $250",
              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-roses-with-red-bow_23-2147591160.jpg",
              imageAlt: "Bridal flower arrangements",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Seasonal Artistry",
              price: "From $95",
              imageSrc: "https://img.b2bpic.net/free-photo/elevated-view-red-rose-flower-vase_23-2148181221.jpg",
              imageAlt: "Seasonal floral designs",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "Corporate Elegance",
              price: "From $120",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-boho-flowers-assortment_23-2149526015.jpg",
              imageAlt: "Corporate event florals",
              initialQuantity: 1
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="gallery-testimonial" data-section="gallery-testimonial">
        <TestimonialCardFifteen
          testimonial="The attention to detail in every arrangement is breathtaking. Flowers Life doesn't just create bouquets—they craft experiences that touch the heart and create lasting memories."
          rating={5}
          author="Sarah Mitchell, Event Planner"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", alt: "Sarah Mitchell" },
            { src: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Happy customer" },
            { src: "https://img.b2bpic.net/free-photo/hopeful-young-manager-businesswoman-cross-arms-chest-smiling-looking-confident-like-real-professional-white-background_176420-47052.jpg", alt: "Satisfied client" },
            { src: "https://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg", alt: "Client testimonial" },
            { src: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", alt: "Gallery visitor" },
            { src: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Impressed customer" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterLogoReveal logoText="Flowers Life" />
    </ThemeProvider>
  );
}