"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function GalleryPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmall"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Amigo"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Gallery", id: "/gallery" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Order Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="featured-collections" data-section="featured-collections">
        <FeatureCardThree
          title="Our Beautiful Collections"
          description="Explore our complete range of handcrafted floral arrangements, from romantic roses to seasonal garden treasures."
          tag="Complete Gallery"
          features={[
            {
              id: "01",
              title: "Romantic Roses",
              description: "Classic red roses and premium selections for anniversaries, proposals, and romantic occasions. Each bouquet is carefully crafted with premium blooms.",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-pink-lilac-color-roses-flowers-composition-wooden-box_140725-12179.jpg",
              imageAlt: "Red roses bouquet"
            },
            {
              id: "02",
              title: "Garden Treasures",
              description: "Vibrant mixed arrangements featuring seasonal flowers, eucalyptus, and greenery. Perfect for bringing nature's beauty indoors.",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-fresh-flowers-wooden-background-various-flowers-place-text-closeup_169016-4675.jpg",
              imageAlt: "Garden flower arrangement"
            },
            {
              id: "03",
              title: "Wedding Bliss",
              description: "Elegant white and cream arrangements perfect for weddings, ceremonies, and special events. Timeless beauty for your special day.",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-rose-bouquet-with-wildflowers-pink-basket_141793-13034.jpg",
              imageAlt: "Wedding ceremony flowers"
            },
            {
              id: "04",
              title: "Seasonal Specials",
              description: "Limited edition arrangements featuring the best flowers of each season. Always fresh, always beautiful, always unique.",
              imageSrc: "https://img.b2bpic.net/free-photo/stunning-wedding-bouquet-made-red-flowers-greenery-lies-o_8353-722.jpg",
              imageAlt: "Seasonal flower arrangement"
            },
            {
              id: "05",
              title: "Corporate Collections",
              description: "Professional arrangements designed for business settings, corporate gifts, and office spaces. Elegant and sophisticated.",
              imageSrc: "https://img.b2bpic.net/free-photo/assorted-flower-arrangement-vase_209848-94.jpg",
              imageAlt: "Corporate flower arrangement"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="customer-showcase" data-section="customer-showcase">
        <TestimonialCardFive
          title="Customer Showcase"
          description="See how our floral creations have brought joy and beauty to our customers' special moments."
          tag="Real Stories"
          testimonials={[
            {
              id: "1",
              name: "Sarah Martinez, Event Planner",
              date: "Date: December 2024",
              title: "Wedding perfection achieved",
              quote: "The bridal suite arrangements were absolutely breathtaking. Every detail was perfect, from the color coordination to the flower selection. Amigo truly understands elegant wedding design.",
              tag: "Wedding Showcase",
              avatarSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-rose-bouquet-with-wildflowers-pink-basket_141793-13034.jpg"
            },
            {
              id: "2",
              name: "James Chen, Businessman",
              date: "Date: November 2024",
              title: "Gallery-worthy arrangements",
              quote: "The corporate lobby arrangements we ordered transformed our entire office space. Clients constantly compliment the beautiful flowers and professional presentation.",
              tag: "Corporate Display",
              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/assorted-flower-arrangement-vase_209848-94.jpg"
            },
            {
              id: "3",
              name: "Emily Rodriguez, Art Lover",
              date: "Date: October 2024",
              title: "Living art in my home",
              quote: "I collect these seasonal arrangements like artwork. Each one is unique and brings such life and color to my living space. Truly artistic creations.",
              tag: "Home Gallery",
              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-fresh-flowers-wooden-background-various-flowers-place-text-closeup_169016-4675.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="design-inspiration" data-section="design-inspiration">
        <FeatureCardThree
          title="Design Inspiration"
          description="Discover the artistry and creativity behind each arrangement, from concept to completion."
          tag="Behind the Scenes"
          features={[
            {
              id: "01",
              title: "Color Harmony",
              description: "Our designers carefully select complementary colors and textures to create visually stunning arrangements that captivate and inspire.",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-pink-lilac-color-roses-flowers-composition-wooden-box_140725-12179.jpg",
              imageAlt: "Color harmony in floral design"
            },
            {
              id: "02",
              title: "Natural Balance",
              description: "Every arrangement follows principles of natural balance and proportion, creating pieces that feel organic yet sophisticated.",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-fresh-flowers-wooden-background-various-flowers-place-text-closeup_169016-4675.jpg",
              imageAlt: "Natural balance in arrangements"
            },
            {
              id: "03",
              title: "Seasonal Artistry",
              description: "We embrace the changing seasons, incorporating the best blooms and natural elements to create timely, beautiful displays.",
              imageSrc: "https://img.b2bpic.net/free-photo/stunning-wedding-bouquet-made-red-flowers-greenery-lies-o_8353-722.jpg",
              imageAlt: "Seasonal floral artistry"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBase
        logoText="Amigo Flowers"
        copyrightText="© 2025 Amigo Flowers Studio. All rights reserved."
        columns={[
          {
            title: "Services",
            items: [
              { label: "Custom Bouquets", href: "/services" },
              { label: "Wedding Flowers", href: "/services" },
              { label: "Event Design", href: "/services" },
              { label: "Same-Day Delivery", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/gallery" },
              { label: "Gallery", href: "/gallery" },
              { label: "Contact", href: "/contact" },
              { label: "FAQs", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Email", href: "mailto:hello@amigoflowers.com" },
              { label: "Phone", href: "tel:+1234567890" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}