"use client";

import Link from "next/link";
import { Trophy, Star, Users, TrendingUp } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function GalleryPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="large"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Bee"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Gallery", id: "/gallery" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="featured-products" data-section="featured-products">
        <ProductCardTwo
          title="Featured Floral Masterpieces"
          description="Explore our portfolio of exquisite arrangements, showcasing the artistry and attention to detail that defines Bee Flowers Studio's luxury floral design."
          products={[
            {
              id: "1",
              brand: "Bee Flowers",
              name: "Elegant Wedding Centerpiece",
              price: "$350",
              rating: 5,
              reviewCount: "189",
              imageSrc: "https://img.b2bpic.net/free-photo/romantic-bouquet-fresh-flowers-wedding-celebration-generated-by-ai_188544-45526.jpg",
              imageAlt: "Elegant wedding centerpiece arrangement"
            },
            {
              id: "2",
              brand: "Bee Flowers",
              name: "Premium Rose Collection",
              price: "$225",
              rating: 5,
              reviewCount: "267",
              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",
              imageAlt: "Premium rose collection bouquet"
            },
            {
              id: "3",
              brand: "Bee Flowers",
              name: "Garden Party Arrangement",
              price: "$175",
              rating: 5,
              reviewCount: "143",
              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg",
              imageAlt: "Garden party floral arrangement"
            },
            {
              id: "4",
              brand: "Bee Flowers",
              name: "Corporate Event Display",
              price: "$450",
              rating: 5,
              reviewCount: "98",
              imageSrc: "https://img.b2bpic.net/free-photo/man-winter-outfits-with-bouquet-mixed-flowers_114579-2706.jpg",
              imageAlt: "Corporate event floral display"
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Impact & Recognition"
          description="Celebrating the milestones and achievements that define Bee Flowers Studio's commitment to excellence in luxury floral design."
          metrics={[
            { id: "1", icon: Trophy, title: "Awards Won", value: "23" },
            { id: "2", icon: Star, title: "Average Rating", value: "4.9/5" },
            { id: "3", icon: Users, title: "Loyal Clients", value: "1,800+" },
            { id: "4", icon: TrendingUp, title: "Years Growth", value: "150%" }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="seasonal-collection" data-section="seasonal-collection">
        <ProductCardTwo
          title="Seasonal Collections"
          description="Discover arrangements that capture the beauty and essence of each season, crafted with the finest seasonal blooms."
          products={[
            {
              id: "5",
              brand: "Bee Flowers",
              name: "Spring Awakening",
              price: "$185",
              rating: 5,
              reviewCount: "156",
              imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg",
              imageAlt: "Spring awakening floral arrangement"
            },
            {
              id: "6",
              brand: "Bee Flowers",
              name: "Summer Radiance",
              price: "$195",
              rating: 5,
              reviewCount: "234",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg",
              imageAlt: "Summer radiance bouquet"
            }
          ]}
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Bee" />
      </div>
    </ThemeProvider>
  );
}