"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Flower } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Baklajan"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Gallery", id: "gallery" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Craft the Perfect Moment with Premium Floral Design"
          description="Baklajan Studio creates stunning, bespoke flower arrangements for weddings, events, and special occasions. Discover artistry in every bloom."
          tag="Floral Artistry"
          imageSrc="https://img.b2bpic.net/free-photo/assorted-flower-arrangement-vase_209848-94.jpg"
          imageAlt="Beautiful floral arrangement at Baklajan Studio"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Explore Our Services", href: "services" },
            { text: "Browse Gallery", href: "gallery" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          title="Where Passion Meets Petals"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn More", href: "contact" },
            { text: "View Portfolio", href: "gallery" }
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardOne
          title="Featured Arrangements"
          description="Discover our latest and most celebrated floral creations, each designed with precision and passion."
          tag="Gallery"
          features={[
            {
              title: "Romantic Rose Collection",              description: "Classic elegance with premium red and blush roses, perfect for anniversaries and romantic occasions.",              imageSrc: "https://img.b2bpic.net/free-photo/stunning-wedding-bouquet-made-red-flowers-greenery-lies-o_8353-722.jpg",              imageAlt: "roses red flowers bouquet arrangement premium luxury"
            },
            {
              title: "Bridal Bouquets",              description: "Custom-designed wedding arrangements that complement your special day with timeless beauty.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bouquet-pastel-color-flowers-cage-container_114579-1883.jpg",              imageAlt: "wedding flowers bridal arrangement ceremony flowers"
            },
            {
              title: "Event Centerpieces",              description: "Stunning table arrangements for corporate events, galas, and celebrations of every kind.",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-pretty-bouquet-blue-purple-combination-flowers_114579-1547.jpg",              imageAlt: "event decoration flowers centerpiece table floral"
            },
            {
              title: "Seasonal Collections",              description: "Fresh, vibrant arrangements celebrating the colors and blooms of each season.",              imageSrc: "https://img.b2bpic.net/free-photo/flower-bouquet-pink-candles-rustic-wooden-space_114579-2569.jpg",              imageAlt: "seasonal flowers spring bloom fresh natural"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardTwo
          title="Our Services"
          description="Tailored floral solutions for every occasion and celebration."
          tag="What We Offer"
          products={[
            {
              id: "1",              brand: "Baklajan",              name: "Wedding Collections",              price: "Custom Pricing",              rating: 5,
              reviewCount: "150+",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bouquet-pastel-color-flowers-cage-container_114579-1883.jpg",              imageAlt: "Wedding floral arrangement"
            },
            {
              id: "2",              brand: "Baklajan",              name: "Event Decorations",              price: "From $300",              rating: 5,
              reviewCount: "120+",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-pretty-bouquet-blue-purple-combination-flowers_114579-1547.jpg",              imageAlt: "Event decoration flowers"
            },
            {
              id: "3",              brand: "Baklajan",              name: "Subscription Flowers",              price: "From $50/week",              rating: 5,
              reviewCount: "85+",              imageSrc: "https://img.b2bpic.net/free-photo/flower-bouquet-pink-candles-rustic-wooden-space_114579-2569.jpg",              imageAlt: "Fresh seasonal flowers"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real stories from satisfied customers who trusted us with their special moments."
          tag="Testimonials"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahjphoto",              testimonial: "Baklajan created the most beautiful wedding flowers I've ever seen. Every detail was perfect, from the ceremony bouquets to the reception centerpieces. Highly recommended!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Elena Martinez",              handle: "@elenaeventco",              testimonial: "Working with Baklajan on our corporate gala was a dream. Their event decorations elevated our space and impressed all our guests. Truly exceptional artistry.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Elena Martinez"
            },
            {
              id: "3",              name: "Michael Chen",              handle: "@michaelevents",              testimonial: "I've used Baklajan's subscription service for 6 months and every delivery has been fresh, vibrant, and beautifully arranged. Best decision for my office!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-shot-young-confident-woman-with-long-dark-hair-wearing-blue-jacket-posing_291650-158.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "4",              name: "Jessica Williams",              handle: "@jessicaweddings",              testimonial: "From initial consultation to the final arrangement, the team at Baklajan was professional, creative, and attentive to every detail. They made my day truly special.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-white-woman_23-2148941388.jpg",              imageAlt: "Jessica Williams"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By The Numbers"
          description="A testament to our dedication and success in the floral industry."
          tag="Our Impact"
          metrics={[
            {
              id: "1",              value: "500+",              description: "Events & Celebrations Created"
            },
            {
              id: "2",              value: "98%",              description: "Customer Satisfaction Rate"
            },
            {
              id: "3",              value: "15+",              description: "Years of Floral Expertise"
            },
            {
              id: "4",              value: "200+",              description: "Premium Flower Varieties"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services and ordering process."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",              title: "How far in advance should I order?",              content: "We recommend ordering wedding arrangements 2-3 months in advance. For events and special occasions, 2-4 weeks notice is ideal. Subscription orders can be set up anytime. Rush orders are available upon request for an additional fee."
            },
            {
              id: "2",              title: "Do you offer delivery services?",              content: "Yes, we offer same-day and next-day delivery for local orders within our service area. Delivery fees vary based on location. For large events, we can arrange on-site setup and installation."
            },
            {
              id: "3",              title: "What if I'm not satisfied with my arrangement?",              content: "Your satisfaction is our priority. If you're not happy with your arrangement, please contact us within 24 hours. We'll work with you to make it right, whether that means revisions or replacements."
            },
            {
              id: "4",              title: "Do you offer custom arrangements?",              content: "Absolutely! We specialize in custom floral designs tailored to your preferences, color palette, and budget. Schedule a consultation with our team to discuss your vision."
            },
            {
              id: "5",              title: "What's the best way to keep my flowers fresh?",              content: "Keep flowers in cool temperature, away from direct sunlight and ripening fruit. Change the water every 2-3 days, trim stems at an angle, and remove lower leaves. Most arrangements last 7-10 days with proper care."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, digital wallets, and bank transfers. A 50% deposit is required to secure your booking, with the balance due upon delivery."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Order?"
          ctaDescription="Get in touch with our team to discuss your floral needs and book your custom arrangement today."
          ctaButton={{ text: "Start Your Order", href: "#" }}
          ctaIcon={Flower}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",              title: "What's included in a consultation?",              content: "Our consultations are free and include a discussion of your vision, budget, flower preferences, and design timeline. We'll provide recommendations and show you inspiration samples."
            },
            {
              id: "2",              title: "Can you work with a specific budget?",              content: "Yes, we work with all budgets and will create the most beautiful arrangement possible within your price range. Just let us know your budget during the consultation."
            },
            {
              id: "3",              title: "How do I schedule an appointment?",              content: "You can book an appointment through our website, call us directly, or send an email. We offer in-person consultations at our studio or virtual meetings for remote clients."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Baklajan"
          copyrightText="© 2025 Baklajan Flowers Studio. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Weddings", href: "services" },
                { label: "Events", href: "services" },
                { label: "Subscriptions", href: "services" },
                { label: "Custom Orders", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Gallery", href: "gallery" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "faq" },
                { label: "Delivery Info", href: "#" },
                { label: "Care Guide", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}