"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Calendar, Flower2, Gift, Heart, Leaf, Mail, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="medium"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Baklajan"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Collections", id: "arrangements" },
            { name: "Services", id: "services" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Premium Floral Studio"
          bottomRightText="hello@baklajan.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Exquisite Floral Artistry"
          description="Discover premium flower arrangements crafted with passion and artistic vision. Each bouquet tells a story of elegance and natural beauty."
          tag="Premium Flower Studio"
          tagIcon={Sparkles}
          background={{ variant: "aurora" }}
          imageSrc="https://img.b2bpic.net/free-photo/assorted-flower-arrangement-vase_209848-94.jpg"
          imageAlt="Premium flower arrangement"
          buttons={[
            { text: "Explore Collections", href: "arrangements" },
            { text: "Book Consultation", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Heart}
          title="Crafting Beauty Through Flowers"
          description="Baklajan Flowers Studio is dedicated to creating stunning floral arrangements that celebrate life's special moments. With over a decade of experience, our team of talented florists combines artistic vision with premium blooms to deliver arrangements that exceed expectations."
          metrics={[
            { value: "15+", title: "Years of Expertise" },
            { value: "1000+", title: "Happy Customers" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg"
          imageAlt="Baklajan studio workspace"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="arrangements" data-section="arrangements">
        <ProductCardThree
          title="Featured Collections"
          description="Explore our signature flower arrangements, each crafted with premium blooms and artistic attention to detail"
          products={[
            {
              id: "1",              name: "Rose Elegance Bouquet",              price: "$85",              imageSrc: "https://img.b2bpic.net/free-photo/flower-composition-bucket-roses-chrysanthemum-side-view_141793-4425.jpg",              imageAlt: "Red rose elegant bouquet"
            },
            {
              id: "2",              name: "White Tulip Romance",              price: "$75",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-decoration-with-pink-flowers_23-2147609386.jpg",              imageAlt: "White tulip premium arrangement"
            },
            {
              id: "3",              name: "Sunflower Joy",              price: "$65",              imageSrc: "https://img.b2bpic.net/free-photo/cream-color-purple-set-flowers-flower-art_114579-2483.jpg",              imageAlt: "Bright sunflower bouquet"
            },
            {
              id: "4",              name: "Lavender Dreams",              price: "$90",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-pretty-floral-decoration_23-2147609389.jpg",              imageAlt: "Lavender luxury arrangement"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBorderGlow
          title="Our Services"
          description="From custom arrangements to event florals, we offer comprehensive floral solutions"
          features={[
            {
              icon: Flower2,
              title: "Custom Arrangements",              description: "Personalized bouquets designed specifically for your preferences and occasions"
            },
            {
              icon: Heart,
              title: "Wedding Florals",              description: "Stunning arrangements for ceremonies, receptions, and special celebrations"
            },
            {
              icon: Gift,
              title: "Gift Delivery",              description: "Express your sentiments with beautiful flowers delivered to your loved ones"
            },
            {
              icon: Calendar,
              title: "Event Decoration",              description: "Transform your venue with our premium floral installation services"
            },
            {
              icon: Leaf,
              title: "Seasonal Collections",              description: "Exclusive arrangements featuring the finest blooms of each season"
            },
            {
              icon: Sparkles,
              title: "Corporate Gifting",              description: "Impress clients and employees with sophisticated floral arrangements"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Read testimonials from satisfied customers who have experienced our floral artistry"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Anderson, Wedding Planner",              date: "Date: 15 January 2025",              tag: "Wedding Event",              title: "Absolutely Stunning Work!",              quote: "Baklajan created the most beautiful floral arrangements for our client's wedding. Every detail was perfect, and the flowers stayed fresh throughout the entire event. We couldn't have asked for better service.",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/flower-composition-bucket-roses-chrysanthemum-side-view_141793-4425.jpg",              imageAlt: "Wedding floral arrangement"
            },
            {
              id: "2",              name: "Michael Chen, Corporate Manager",              date: "Date: 20 December 2024",              tag: "Corporate Gifting",              title: "Professional and Reliable",              quote: "We use Baklajan for all our corporate gifts. The arrangements are always elegant, delivered on time, and our clients love them. This is a team that truly understands the importance of quality.",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-decoration-with-pink-flowers_23-2147609386.jpg",              imageAlt: "Corporate gift arrangement"
            },
            {
              id: "3",              name: "Emma Thompson, Event Coordinator",              date: "Date: 10 December 2024",              tag: "Event Decoration",              title: "Exceeded All Expectations",              quote: "The floral installation for our gala was breathtaking. The team's creativity and attention to detail transformed our venue into something magical. Highly recommend!",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/cream-color-purple-set-flowers-flower-art_114579-2483.jpg",              imageAlt: "Event decoration flowers"
            },
            {
              id: "4",              name: "Jessica Martinez, Customer",              date: "Date: 5 December 2024",              tag: "Personal Delivery",              title: "Made My Day Special",              quote: "I ordered flowers for my anniversary and they were even more beautiful than the photos online. The freshness and presentation were impeccable. Thank you, Baklajan!",              avatarSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-pretty-floral-decoration_23-2147609389.jpg",              imageAlt: "Anniversary bouquet"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get In Touch"
          ctaDescription="Ready to order your perfect floral arrangement? Contact us today for custom orders, consultations, or event planning."
          ctaButton={{ text: "Contact Us", href: "mailto:hello@baklajan.com" }}
          ctaIcon={Mail}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How far in advance should I order?",              content: "For custom arrangements, we recommend ordering at least 3-5 days in advance. For seasonal or pre-designed bouquets, you can order as little as 1 day ahead. Rush orders may be available depending on our schedule."
            },
            {
              id: "2",              title: "Do you offer same-day delivery?",              content: "Yes, we offer same-day delivery for orders placed before 11 AM in our service area. Additional delivery fees may apply for rush orders."
            },
            {
              id: "3",              title: "Can I customize arrangements?",              content: "Absolutely! We specialize in custom arrangements. Our team can work with you to create the perfect bouquet based on your preferences, color scheme, and occasion."
            },
            {
              id: "4",              title: "What is your refund policy?",              content: "We stand behind the quality of our flowers. If you're not completely satisfied, contact us within 24 hours for a replacement or refund."
            },
            {
              id: "5",              title: "Do you offer wedding services?",              content: "Yes, we provide comprehensive wedding floral services including bridal bouquets, ceremony arrangements, centerpieces, and installation. Consultations are available by appointment."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "hero" },
                { label: "About", href: "about" },
                { label: "Collections", href: "arrangements" },
                { label: "Services", href: "services" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Custom Arrangements", href: "#" },
                { label: "Wedding Florals", href: "#" },
                { label: "Event Decoration", href: "#" },
                { label: "Gift Delivery", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Email", href: "mailto:hello@baklajan.com" },
                { label: "Phone", href: "tel:+1234567890" },
                { label: "Instagram", href: "https://instagram.com/baklajan" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Baklajan Flowers Studio. All rights reserved."
          bottomRightText="Crafted with Passion & Blooms"
        />
      </div>
    </ThemeProvider>
  );
}