"use client";

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

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';

import { Sparkles } from "lucide-react";

export default function ArrangementsPage() {
  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="arrangements" data-section="arrangements">
        <FeatureCardOne
          title="Featured Arrangements"
          description="Explore our most popular and stunning floral creations designed for every occasion. Each arrangement tells a unique story through carefully selected blooms and artistic composition."
          tag="Our Collections"
          tagIcon={Sparkles}
          features={[
            {
              title: "Wedding Elegance",
              description: "Timeless bridal bouquets and centerpieces that celebrate your special day with grace and sophistication. Perfect for ceremonies and receptions.",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bunch-flowers-wooden-background-horizontal-view-from_1220-1133.jpg",
              imageAlt: "Wedding flower arrangement",
              button: { text: "View Collection", href: "/contact" }
            },
            {
              title: "Spring Blossoms",
              description: "Vibrant seasonal arrangements bursting with fresh tulips, daffodils, and cherry blossoms to brighten any space with natural beauty.",
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-cute-bouquet_23-2147609495.jpg",
              imageAlt: "Spring flower arrangement",
              button: { text: "View Collection", href: "/contact" }
            },
            {
              title: "Romantic Roses",
              description: "Hand-selected premium roses arranged to express love, passion, and deep affection on every occasion. Available in multiple colors.",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-pink-ranunculus-flowers-bouquet-glass-vase-flower-shop_140725-12178.jpg",
              imageAlt: "Romantic rose arrangement",
              button: { text: "View Collection", href: "/contact" }
            },
            {
              title: "Sunshine Garden",
              description: "Cheerful sunflower arrangements that bring warmth, joy, and positive energy into any environment. Perfect for brightening any space.",
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-colored-flowers-surrounded-by-green-plants_23-2147609424.jpg",
              imageAlt: "Sunflower arrangement",
              button: { text: "View Collection", href: "/contact" }
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </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>
  );
}