"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FooterBase from '@/components/sections/footer/FooterBase';

import { CheckCircle } from "lucide-react";

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Smereka"
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardThree
          title="Our Services"
          description="Choose from our range of premium floral services tailored to your needs. Each service includes consultation, design, and professional delivery to ensure your complete satisfaction."
          tag="Professional Services"
          tagIcon={CheckCircle}
          products={[
            {
              id: "1",
              name: "Custom Arrangement Design",
              price: "From $85",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bunch-flowers-wooden-background-horizontal-view-from_1220-1133.jpg",
              imageAlt: "Custom arrangement design",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Wedding Floral Package",
              price: "From $450",
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-cute-bouquet_23-2147609495.jpg",
              imageAlt: "Wedding floral package",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Event Decoration",
              price: "From $250",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-pink-ranunculus-flowers-bouquet-glass-vase-flower-shop_140725-12178.jpg",
              imageAlt: "Event decoration",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "Subscription Flowers",
              price: "$35/month",
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-colored-flowers-surrounded-by-green-plants_23-2147609424.jpg",
              imageAlt: "Subscription flowers",
              initialQuantity: 1
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Smereka"
          copyrightText="© 2024 Smereka Flowers Studio. All rights reserved."
          columns={[
            {
              title: "Services",
              items: [
                { label: "Custom Arrangements", href: "/arrangements" },
                { label: "Wedding Flowers", href: "/services" },
                { label: "Event Decoration", href: "/services" },
                { label: "Subscription", href: "/services" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Story", href: "/about" },
                { label: "Testimonials", href: "/" },
                { label: "Blog", href: "/blog" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Email", href: "/contact" },
                { label: "Phone", href: "/contact" },
                { label: "Location", href: "/contact" },
                { label: "FAQs", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}