"use client";

import Link from "next/link";
import { Flower2, Heart, Sparkles } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function ServicesPage() {
  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="service-process" data-section="service-process">
        <FeatureProcessSteps
          title="Comprehensive Floral Services"
          description="From intimate gatherings to grand celebrations, we provide complete floral design services tailored to your vision and occasion."
          tag="What We Offer"
          tagIcon={Flower2}
          steps={[
            {
              number: "01",
              title: "Wedding & Bridal Services",
              tag: "Speciality",
              description: "Complete wedding floral design including bridal bouquets, ceremony arrangements, reception centerpieces, and boutonnières crafted to perfection."
            },
            {
              number: "02",
              title: "Corporate & Event Design",
              tag: "Professional",
              description: "Sophisticated arrangements for corporate events, conferences, galas, and business celebrations that leave lasting impressions on your guests."
            },
            {
              number: "03",
              title: "Personal & Gift Arrangements",
              tag: "Personal Touch",
              description: "Bespoke arrangements for birthdays, anniversaries, sympathy, and special moments that express your sentiments with elegance and care."
            }
          ]}
          buttons={[
            { text: "View Portfolio", href: "/gallery" },
            { text: "Schedule Consultation", href: "/contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="service-packages" data-section="service-packages">
        <ProductCardTwo
          title="Service Packages"
          description="Choose from our carefully designed service packages or let us create a custom solution for your specific needs."
          products={[
            {
              id: "1",
              brand: "Bee Flowers",
              name: "Essential Wedding Package",
              price: "$1,200",
              rating: 5,
              reviewCount: "89",
              imageSrc: "https://img.b2bpic.net/free-photo/romantic-bouquet-fresh-flowers-wedding-celebration-generated-by-ai_188544-45526.jpg",
              imageAlt: "Essential wedding package arrangement"
            },
            {
              id: "2",
              brand: "Bee Flowers",
              name: "Luxury Event Design",
              price: "$2,500",
              rating: 5,
              reviewCount: "67",
              imageSrc: "https://img.b2bpic.net/free-photo/man-winter-outfits-with-bouquet-mixed-flowers_114579-2706.jpg",
              imageAlt: "Luxury event design package"
            },
            {
              id: "3",
              brand: "Bee Flowers",
              name: "Corporate Styling",
              price: "$750",
              rating: 5,
              reviewCount: "134",
              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",
              imageAlt: "Corporate styling package"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="service-commitment" data-section="service-commitment">
        <AboutMetric
          title="Our Service Commitment: Excellence in every petal, precision in every arrangement, and passion in every design we create for your special moments."
          metrics={[
            { icon: Heart, label: "Client Satisfaction", value: "99%" },
            { icon: Sparkles, label: "Custom Designs", value: "100%" },
            { icon: Flower2, label: "Fresh Flowers", value: "Daily" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

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