"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function FlowersPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="medium"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Diana"
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="flowers-collection" data-section="flowers-collection">
        <FeatureCardMedia 
          title="Complete Flower Collection"
          description="Browse our entire selection of premium flowers and custom arrangements"
          features={[
            {
              id: "1",
              title: "Premium Red Roses",
              description: "Classic elegance with our finest imported red roses, perfect for expressing deep emotions and romance",
              tag: "Classic",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bouquet-pink-white-flower-set-hand_114579-1999.jpg",
              imageAlt: "Red roses arrangement"
            },
            {
              id: "2",
              title: "Spring Tulips",
              description: "Vibrant and fresh tulips in a stunning array of colors for any occasion and season",
              tag: "Seasonal",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bouquet-yellow-orange-dahliason-light-background_169016-39443.jpg",
              imageAlt: "Colorful tulips bouquet"
            },
            {
              id: "3",
              title: "Elegant Peonies",
              description: "Luxurious peonies with romantic charm, ideal for weddings and special events",
              tag: "Premium",
              imageSrc: "https://img.b2bpic.net/free-photo/stunning-wedding-bouquet-made-red-flowers-greenery-lies-o_8353-722.jpg",
              imageAlt: "Pink peonies arrangement"
            },
            {
              id: "4",
              title: "Sunny Sunflowers",
              description: "Bright and cheerful sunflowers to bring joy and warmth to any space",
              tag: "Cheerful",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bunch-flowers-wooden-background-horizontal-view-from_1220-1135.jpg",
              imageAlt: "Yellow sunflowers bouquet"
            },
            {
              id: "5",
              title: "Luxury Orchids",
              description: "Exotic and sophisticated orchids for those who appreciate refined beauty and elegance",
              tag: "Luxury",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bouquet-pastel-color-flowers-cage-container_114579-1883.jpg",
              imageAlt: "Orchid arrangement"
            },
            {
              id: "6",
              title: "Mixed Bouquets",
              description: "Carefully curated mixed arrangements that combine complementary flowers for stunning results",
              tag: "Custom",
              imageSrc: "https://img.b2bpic.net/free-photo/flower-bouquet-pink-candles-rustic-wooden-space_114579-2569.jpg",
              imageAlt: "Mixed flower bouquet"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="seasonal-collections" data-section="seasonal-collections">
        <ProductCardFour 
          title="Seasonal Collections"
          description="Discover our rotating seasonal flower collections, each capturing the unique beauty of the season"
          products={[
            {
              id: "1",
              name: "Spring Awakening",
              price: "From $75",
              variant: "Tulips, daffodils, cherry blossoms",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bouquet-yellow-orange-dahliason-light-background_169016-39443.jpg",
              imageAlt: "Spring flower collection"
            },
            {
              id: "2",
              name: "Summer Radiance",
              price: "From $85",
              variant: "Sunflowers, lilies, roses",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bunch-flowers-wooden-background-horizontal-view-from_1220-1135.jpg",
              imageAlt: "Summer flower collection"
            },
            {
              id: "3",
              name: "Autumn Warmth",
              price: "From $70",
              variant: "Chrysanthemums, dahlias, marigolds",
              imageSrc: "https://img.b2bpic.net/free-photo/stunning-wedding-bouquet-made-red-flowers-greenery-lies-o_8353-722.jpg",
              imageAlt: "Autumn flower collection"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="flower-care-tips" data-section="flower-care-tips">
        <BlogCardTwo 
          title="Flower Care & Tips"
          description="Learn how to keep your flowers fresh and beautiful for longer"
          blogs={[
            {
              id: "1",
              category: ["Care", "Tips"],
              title: "Making Flowers Last Longer",
              excerpt: "Expert tips on how to extend the life of your flower arrangements with proper care techniques and maintenance.",
              imageSrc: "https://img.b2bpic.net/free-photo/crop-florist-making-notes-phone-conversation_23-2147760940.jpg",
              authorName: "Diana Team",
              date: "20 Mar 2024"
            },
            {
              id: "2",
              category: ["Seasonal", "Guide"],
              title: "Best Flowers for Each Season",
              excerpt: "Discover which flowers bloom when and how to choose the perfect seasonal arrangements for your home or events.",
              imageSrc: "https://img.b2bpic.net/free-photo/feminine-hands-writing-wedding-planner_23-2148652064.jpg",
              authorName: "Diana Team",
              date: "18 Mar 2024"
            },
            {
              id: "3",
              category: ["Design", "Inspiration"],
              title: "Color Combinations That Work",
              excerpt: "Learn about color theory in floral design and discover combinations that create stunning visual impact.",
              imageSrc: "https://img.b2bpic.net/free-vector/wedding-florist-bouquet-menu-template_742173-33253.jpg",
              authorName: "Diana Team",
              date: "15 Mar 2024"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoReveal 
        logoText="Diana"
        logoLineHeight={1.1}
      />
    </ThemeProvider>
  );
}