"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Heart, Sparkles } from "lucide-react";

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Shop", id: "/shop" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Flamingo"
          bottomLeftText="Celebrating the beauty of flowers"
          bottomRightText="hello@flamingo.flowers"
        />
      </div>

      <div id="all-services" data-section="all-services">
        <FeatureCardTwentyFour
          title="Complete Floral Services"
          description="From intimate celebrations to grand events, we provide comprehensive floral solutions tailored to your unique needs and vision"
          tag="Full Service"
          tagIcon={Heart}
          features={[
            {
              id: "1",
              title: "Wedding & Event Florals",
              author: "Flamingo Design Team",
              description: "Complete floral design for your special day including bridal bouquets, ceremony arrangements, centerpieces, and venue installations. Our team works closely with you to bring your dream wedding to life with stunning floral artistry.",
              tags: ["Weddings", "Events", "Custom Design"],
              imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-shot-bride-wedding-dress-holding-flower-bouquet_181624-20893.jpg"
            },
            {
              id: "2",
              title: "Corporate & Office Solutions",
              author: "Business Services",
              description: "Professional floral services for corporate environments including weekly office arrangements, conference decorations, and special event florals. We offer flexible subscription plans and reliable delivery schedules.",
              tags: ["Corporate", "Subscriptions", "Professional"],
              imageSrc: "https://img.b2bpic.net/free-photo/bride-holding-wedding-bouquet_23-2148105903.jpg"
            },
            {
              id: "3",
              title: "Express Delivery Services",
              author: "Rapid Fulfillment",
              description: "Same-day and next-day delivery options for last-minute needs. Our express service ensures your flowers arrive fresh and beautiful, even on short notice. Perfect for surprise gifts and urgent celebrations.",
              tags: ["Same-Day", "Express", "Reliable"],
              imageSrc: "https://img.b2bpic.net/free-photo/bride-holds-lush-bouquet-with-delicate-flowers-colors_8353-11436.jpg"
            },
            {
              id: "4",
              title: "Seasonal Subscriptions",
              author: "Ongoing Beauty",
              description: "Regular delivery of fresh seasonal arrangements to your home or office. Choose from weekly, bi-weekly, or monthly subscriptions with arrangements that change with the seasons and special occasions throughout the year.",
              tags: ["Subscription", "Seasonal", "Regular"],
              imageSrc: "https://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg"
            },
            {
              id: "5",
              title: "Custom Consultation",
              author: "Personal Design",
              description: "One-on-one consultations for special projects and unique requirements. Whether it's an unusual venue, specific color palette, or complex installation, our designers will work with you to create something extraordinary.",
              tags: ["Custom", "Consultation", "Unique"],
              imageSrc: "https://img.b2bpic.net/free-photo/row-bouquets-decorating-table_1304-4047.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="service-approach" data-section="service-approach">
        <TextSplitAbout
          title="Our Service Philosophy"
          description={[
            "At Flamingo, we believe exceptional service begins with understanding your unique vision and requirements. Our consultation process ensures every detail is captured and translated into stunning floral designs that exceed your expectations.",
            "Quality and reliability are at the core of everything we do. From sourcing the freshest flowers to timely delivery and professional installation, we maintain the highest standards throughout every step of the process.",
            "Whether you're planning an intimate gathering or a grand celebration, our experienced team brings creativity, expertise, and meticulous attention to detail to make your floral dreams come true."
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Book Consultation", href: "/contact" },
            { text: "View Portfolio", href: "/shop" }
          ]}
        />
      </div>

      <div id="services-contact" data-section="services-contact">
        <ContactText
          text="Ready to discuss your floral needs? Let's create something beautiful together. Contact our team for a personalized consultation."
          animationType="entrance-slide"
          buttons={[
            { text: "Get Quote", href: "/contact" },
            { text: "Schedule Call", href: "/contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Shop",
            items: [
              { label: "Bouquets", href: "/shop" },
              { label: "Arrangements", href: "/shop" },
              { label: "Gift Sets", href: "/shop" },
              { label: "Seasonal", href: "/shop" }
            ]
          },
          {
            title: "Services",
            items: [
              { label: "Weddings", href: "/services" },
              { label: "Corporate", href: "/services" },
              { label: "Same-Day Delivery", href: "/services" },
              { label: "Custom Orders", href: "/contact" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Contact", href: "/contact" },
              { label: "Privacy Policy", href: "https://example.com/privacy" },
              { label: "Terms of Service", href: "https://example.com/terms" }
            ]
          }
        ]}
        copyrightText="© 2025 Flamingo Flower Store | Celebrating the beauty of flowers since 2010"
      />
    </ThemeProvider>
  );
}