"use client";

import React from 'react';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { 
  Briefcase, 
  Facebook, 
  Feather, 
  Flower, 
  Gift, 
  Handshake, 
  Heart, 
  Home, 
  Instagram, 
  Leaf, 
  Mail, 
  PartyPopper, 
  Pinterest, 
  Settings, 
  Sparkles 
} from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="grid"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Angelina"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Shop", id: "shop" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
          ]}
          button={{ text: "Contact Us", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Crafting Unforgettable Floral Moments"
          description="At Angelina, we blend artistry with nature to create exquisite bouquets and stunning arrangements for every occasion."
          background={{ variant: 'radial-gradient' }}
          tag="Your Floral Journey Begins Here"
          tagIcon={Sparkles}
          buttons={[
            { text: "Shop Now", href: "#shop" },
            { text: "Explore Services", href: "#services" },
          ]}
          dashboard={{
            title: "Our Creative Gallery",            logoIcon: Flower,
            imageSrc: "https://img.b2bpic.net/free-photo/pink-roses-glass-vase-with-water_114579-2258.jpg",            imageAlt: "Luxurious floral arrangement with various flowers",            buttons: [
              { text: "View Bouquets", href: "#shop" },
              { text: "Custom Order", href: "#contact" },
            ],
            sidebarItems: [
              { icon: Home, active: true },
              { icon: Heart, active: false },
              { icon: Settings, active: false },
            ],
            stats: [
              { title: "Bouquets Designed", values: ["2500+", "3000+", "3500+"], description: "Unique creations." },
              { title: "Happy Clients", values: ["98%", "99%", "100%"], valueSuffix: "", description: "Satisfaction rate." },
              { title: "Events Beautified", values: ["150+", "200+", "250+"], description: "Weddings & more." },
            ],
            chartTitle: "Seasonal Popularity",            chartData: [{ value: 50 }, { value: 70 }, { value: 60 }, { value: 80 }, { value: 90 }],
            listTitle: "Recent Highlights",            listItems: [
              { icon: PartyPopper, title: "Wedding at The Grand Hall", status: "Completed" },
              { icon: Gift, title: "Anniversary Gift Delivery", status: "Delivered" },
              { icon: Handshake, title: "Corporate Event Decor", status: "Upcoming" },
            ],
            searchPlaceholder: "Search for flowers or events..."}}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="Passionate Florists Crafting Your Dreams into Bloom."
          description="Angelina Studio was founded on a love for flowers and a commitment to exceptional design. We believe every bloom tells a story."
          subdescription="Dedicated to Freshness and Artistry"
          icon={Leaf}
          imageSrc="https://img.b2bpic.net/free-photo/exotic-rustic-bunch-flowers-mixed-colors_114579-1969.jpg"
          imageAlt="Florist arranging flowers in a charming studio"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFive
          title="Our Bespoke Floral Services"
          description="From grand weddings to intimate gatherings, we provide a full spectrum of floral design services tailored to your unique vision."
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "Wedding & Event Design",              description: "Transform your special day with breathtaking floral installations and elegant arrangements that capture your style.",              icon: Heart,
              mediaItems: [
                { imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg", imageAlt: "Grand wedding flower arch" },
                { imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg", imageAlt: "Exquisite bridal bouquet" },
              ],
            },
            {
              title: "Custom Bouquets & Gifts",              description: "Surprise loved ones with unique, handcrafted bouquets for any occasion, delivered with care.",              icon: Gift,
              mediaItems: [
                { imageSrc: "https://img.b2bpic.net/free-photo/flower-bouquet-wooden-stand-with-candies-candles_114579-2064.jpg", imageAlt: "Custom-designed flower bouquet" },
                { imageSrc: "https://img.b2bpic.net/free-photo/lisianthus-bouquet-wooden-table_501050-281.jpg", imageAlt: "Florist creating a personalized flower gift" },
              ],
            },
            {
              title: "Floral Workshops",              description: "Join our interactive workshops to learn the art of floral design and create your own beautiful arrangements.",              icon: Feather,
              mediaItems: [
                { imageSrc: "https://img.b2bpic.net/free-photo/man-winter-outfits-with-bouquet-mixed-flowers_114579-2706.jpg", imageAlt: "People participating in a flower arranging workshop" },
                { imageSrc: "https://img.b2bpic.net/free-photo/tender-pink-roses-put-bouquet_1304-5428.jpg", imageAlt: "Hands-on floral design lesson" },
              ],
            },
            {
              title: "Corporate & Editorial",              description: "Elevate your brand or publication with stunning floral designs for corporate events, photoshoots, and editorials.",              icon: Briefcase,
              mediaItems: [
                { imageSrc: "https://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17298.jpg", imageAlt: "Elegant floral decor for a corporate event" },
                { imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005526.jpg", imageAlt: "Modern office flower arrangement" },
              ],
            },
          ]}
        />
      </div>

      <div id="shop" data-section="shop">
        <ProductCardThree
          title="Our Exquisite Floral Collection"
          description="Discover a curated selection of fresh, seasonal blooms and signature arrangements designed with passion."
          tag="Seasonal & Handcrafted"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          products={[
            { id: "1", name: "Velvet Rose Bouquet", price: "$75.00", imageSrc: "https://img.b2bpic.net/free-photo/decoration-artificial-flower_1232-2044.jpg", imageAlt: "Vibrant red rose bouquet" },
            { id: "2", name: "Elegance Lily Arrangement", price: "$90.00", imageSrc: "https://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17285.jpg", imageAlt: "Graceful white lily arrangement in a vase" },
            { id: "3", name: "Mixed Seasonal Delight", price: "$60.00", imageSrc: "https://img.b2bpic.net/free-photo/bouquet-florish-vase-standing_114579-2320.jpg", imageAlt: "Colorful bouquet of seasonal mixed flowers" },
            { id: "4", name: "Orchid Serenity Pot", price: "$120.00", imageSrc: "https://img.b2bpic.net/free-photo/heart-shaped-bouquet-red-white-roses_140725-10944.jpg", imageAlt: "Exotic orchid plant in a decorative pot" },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Hear From Our Happy Clients"
          description="Their words bloom brighter than any flower. See what our customers say about Angelina's artistry and service."
          tag="Client Love"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            { id: "1", name: "Isabella Rossi", role: "Bride", company: "Wedding Client", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/pink-roses-glass-vase-with-water_114579-2258.jpg", imageAlt: "Isabella Rossi, happy bride" },
            { id: "2", name: "Marcus Thorne", role: "Event Planner", company: "Thorne Events", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/exotic-rustic-bunch-flowers-mixed-colors_114579-1969.jpg", imageAlt: "Marcus Thorne, professional event planner" },
            { id: "3", name: "Sophia Lee", role: "Corporate Client", company: "Bloom Corp", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg", imageAlt: "Sophia Lee, satisfied corporate client" },
            { id: "4", name: "David & Maria", role: "Anniversary Couple", company: "Private Client", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/flower-bouquet-wooden-stand-with-candies-candles_114579-2064.jpg", imageAlt: "David and Maria, a happy couple" },
          ]}
          kpiItems={[
            { value: "5 Stars", label: "Average Rating" },
            { value: "100%", label: "Satisfaction Rate" },
            { value: "200+", label: "Weddings Beautified" },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services, ordering process, and floral care."
          tag="Need Help?"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          faqs={[
            { id: "1", title: "What areas do you deliver to?", content: "We offer local delivery within a 20-mile radius of our studio. For deliveries outside this area, please contact us directly." },
            { id: "2", title: "Can I request a custom floral arrangement?", content: "Absolutely! We specialize in bespoke designs. Contact us to discuss your vision, and our florists will create something truly unique for you." },
            { id: "3", title: "How far in advance should I order for events?", content: "For weddings and large events, we recommend booking at least 3-6 months in advance to ensure availability and thorough planning. For smaller events, 2-4 weeks is usually sufficient." },
            { id: "4", title: "What is your cancellation policy?", content: "Cancellations for standard orders require 24 hours notice for a full refund. For events, specific terms are outlined in our service agreement." },
            { id: "5", title: "How do I care for my fresh flowers?", content: "To prolong the life of your bouquet, trim stems, change water daily, keep away from direct sunlight and heat, and remove any wilting leaves." },
            { id: "6", title: "Do you offer flower subscriptions?", content: "Yes, we do! Enjoy fresh, seasonal bouquets delivered to your home or office weekly, bi-weekly, or monthly. Inquire for subscription details." },
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Mail}
          title="Let's Create Something Beautiful Together"
          description="Ready to discuss your floral needs or place a special order? We'd love to hear from you!"
          buttons={[
            { text: "Send us a message", href: "mailto:info@angelinaflowers.com" },
            { text: "Call us now", href: "tel:+1234567890" },
          ]}
          background={{ variant: 'sparkles-gradient' }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Angelina"
          copyrightText="© 2025 Angelina Flowers Studio. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/angelinaflowers", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com/angelinaflowers", ariaLabel: "Facebook" },
            { icon: Pinterest, href: "https://pinterest.com/angelinaflowers", ariaLabel: "Pinterest" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
