"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Instagram, Facebook, Mail } from 'lucide-react';

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Jessica"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "About", id: "/about" }
          ]}
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="services-detailed" data-section="services-detailed">
        <FeatureCardThree
          title="Complete Floral Design Services"
          description="Jessica offers a full spectrum of professional floral services, from intimate celebrations to grand corporate events. Each arrangement is crafted with meticulous attention to detail and premium quality flowers."
          tag="Premium Services"
          tagIcon={Sparkles}
          features={[
            {
              id: "01",
              title: "Wedding & Bridal Florals",
              description: "Comprehensive wedding packages including bridal bouquets, bridesmaids arrangements, ceremony decor, reception centerpieces, and floral installations that bring your dream wedding to life.",
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-beautiful-wedding-bouquet-with-gorgeous-white-roses_181624-15923.jpg",
              imageAlt: "Luxury Wedding Floral Design"
            },
            {
              id: "02",
              title: "Corporate & Event Design",
              description: "Professional floral design for corporate events, galas, conferences, and private celebrations. Custom installations and arrangements that reflect your brand and event theme perfectly.",
              imageSrc: "https://img.b2bpic.net/free-photo/composition-flowers-stand-table_8353-10452.jpg",
              imageAlt: "Corporate Event Floral Installation"
            },
            {
              id: "03",
              title: "Seasonal & Subscription Services",
              description: "Regular fresh flower deliveries for offices, homes, or special occasions. Seasonal arrangements that capture the beauty of each time of year with premium blooms and artistic presentation.",
              imageSrc: "https://img.b2bpic.net/free-photo/green-yellow-bouquet-with-golden-christmas-ball_114579-2440.jpg",
              imageAlt: "Seasonal Subscription Arrangements"
            },
            {
              id: "04",
              title: "Custom Design Consultation",
              description: "Personalized consultation services to plan the perfect floral arrangements for any occasion. Expert guidance on flower selection, color palettes, and design concepts tailored to your vision.",
              imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg",
              imageAlt: "Custom Floral Design Consultation"
            },
            {
              id: "05",
              title: "Special Occasion Arrangements",
              description: "Beautiful arrangements for birthdays, anniversaries, holidays, and life celebrations. Each piece is uniquely designed to convey your heartfelt messages with elegance and style.",
              imageSrc: "https://img.b2bpic.net/free-photo/wedding-bouquet-table_23-2148105873.jpg",
              imageAlt: "Special Occasion Floral Arrangements"
            },
            {
              id: "06",
              title: "Floral Installation & Styling",
              description: "Large-scale floral installations for venues, photo shoots, and special events. Creative styling services that transform spaces with the natural beauty and fragrance of fresh flowers.",
              imageSrc: "https://img.b2bpic.net/free-photo/bride-her-friends-hold-wedding-bouquet_8353-9249.jpg",
              imageAlt: "Floral Installation and Event Styling"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Consultation", href: "/contact" },
            { text: "View Portfolio", href: "/portfolio" }
          ]}
        />
      </div>

      <div id="service-packages" data-section="service-packages">
        <ProductCardOne
          title="Service Packages"
          description="Choose from our curated service packages designed to meet different needs and budgets, each offering exceptional value and Jessica's signature attention to detail."
          tag="Packages"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",
              name: "Essential Wedding Package",
              price: "Starting at $800",
              imageSrc: "https://img.b2bpic.net/free-photo/heart-shaped-bouquet-white-yellow-roses_140725-10846.jpg",
              imageAlt: "Essential Wedding Floral Package"
            },
            {
              id: "2",
              name: "Premium Event Package",
              price: "Starting at $1,200",
              imageSrc: "https://img.b2bpic.net/free-photo/candles-burn-standing-tall-vases-floor_1304-5614.jpg",
              imageAlt: "Premium Event Floral Package"
            },
            {
              id: "3",
              name: "Corporate Subscription",
              price: "Starting at $200/month",
              imageSrc: "https://img.b2bpic.net/free-photo/decorative-floral-composition-table_8353-9811.jpg",
              imageAlt: "Corporate Flower Subscription"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Request Custom Quote", href: "/contact" }
          ]}
        />
      </div>

      <div id="services-contact" data-section="services-contact">
        <ContactText
          text="Ready to discuss your floral needs? Schedule a consultation with Jessica to explore how our premium services can make your event unforgettable."
          animationType="background-highlight"
          buttons={[
            { text: "Book Consultation", href: "/contact" },
            { text: "Call Now", href: "tel:+1234567890" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterCard
        logoText="Jessica"
        copyrightText="© 2025 Jessica Flowers Studio. All rights reserved."
        socialLinks={[
          { icon: Instagram, href: "https://instagram.com/jessicaflowersstudio", ariaLabel: "Instagram" },
          { icon: Facebook, href: "https://facebook.com/jessicaflowersstudio", ariaLabel: "Facebook" },
          { icon: Mail, href: "mailto:hello@jessicaflowers.com", ariaLabel: "Email" }
        ]}
      />
    </ThemeProvider>
  );
}