"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmall"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Amigo"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Gallery", id: "/gallery" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Order Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="comprehensive-services" data-section="comprehensive-services">
        <ProductCardThree
          title="Comprehensive Floral Services"
          description="From intimate bouquets to grand event displays, we offer complete floral solutions for every occasion and budget."
          tag="Full Service"
          products={[
            {
              id: "1",
              name: "Custom Bouquets",
              price: "From $45",
              imageSrc: "https://img.b2bpic.net/free-photo/stunning-wedding-bouquet-made-red-flowers-greenery-lies-o_8353-722.jpg",
              imageAlt: "Custom flower arrangement"
            },
            {
              id: "2",
              name: "Wedding Packages",
              price: "From $299",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-rose-bouquet-with-wildflowers-pink-basket_141793-13034.jpg",
              imageAlt: "Wedding flower package"
            },
            {
              id: "3",
              name: "Event Design",
              price: "Custom Quote",
              imageSrc: "https://img.b2bpic.net/free-photo/french-woman-red-beret-street-bench_1321-337.jpg",
              imageAlt: "Event floral design"
            },
            {
              id: "4",
              name: "Corporate Subscriptions",
              price: "From $89/month",
              imageSrc: "https://img.b2bpic.net/free-photo/assorted-flower-arrangement-vase_209848-94.jpg",
              imageAlt: "Corporate flower subscription"
            },
            {
              id: "5",
              name: "Same-Day Delivery",
              price: "$15 Fee",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-big-parcel-box-walking-street_1303-24661.jpg",
              imageAlt: "Fast flower delivery service"
            },
            {
              id: "6",
              name: "Floral Workshops",
              price: "$75 per person",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg",
              imageAlt: "Floral arrangement workshop"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="service-excellence" data-section="service-excellence">
        <MetricSplitMediaAbout
          tag="Our Expertise"
          title="Professional Service Excellence"
          description="With over 15 years of experience in floral design, our team combines traditional craftsmanship with modern creativity. We work closely with each client to understand their vision and deliver arrangements that exceed expectations. From intimate gatherings to large-scale events, we bring the same level of care and artistry to every project."
          metrics={[
            { value: "500+", title: "Events Designed" },
            { value: "98%", title: "Client Satisfaction" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg"
          imageAlt="Professional florist at work"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="specialty-services" data-section="specialty-services">
        <ProductCardThree
          title="Specialty Services"
          description="Unique floral solutions tailored for specific needs and special occasions."
          tag="Specialized"
          products={[
            {
              id: "1",
              name: "Memorial Arrangements",
              price: "From $65",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-pink-lilac-color-roses-flowers-composition-wooden-box_140725-12179.jpg",
              imageAlt: "Memorial flower arrangement"
            },
            {
              id: "2",
              name: "Holiday Decorations",
              price: "Seasonal Pricing",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-fresh-flowers-wooden-background-various-flowers-place-text-closeup_169016-4675.jpg",
              imageAlt: "Holiday floral decorations"
            },
            {
              id: "3",
              name: "Garden Consultations",
              price: "$125 per visit",
              imageSrc: "https://img.b2bpic.net/free-photo/french-woman-red-beret-street-bench_1321-337.jpg",
              imageAlt: "Garden design consultation"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBase
        logoText="Amigo Flowers"
        copyrightText="© 2025 Amigo Flowers Studio. All rights reserved."
        columns={[
          {
            title: "Services",
            items: [
              { label: "Custom Bouquets", href: "/services" },
              { label: "Wedding Flowers", href: "/services" },
              { label: "Event Design", href: "/services" },
              { label: "Same-Day Delivery", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/gallery" },
              { label: "Gallery", href: "/gallery" },
              { label: "Contact", href: "/contact" },
              { label: "FAQs", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Email", href: "mailto:hello@amigoflowers.com" },
              { label: "Phone", href: "tel:+1234567890" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}