"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Flower, Box, Sparkles, Gift, Instagram, Facebook, Pinterest } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Fresh Blossoms"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About", id: "#about" },
            { name: "Services", id: "#services" },
            { name: "Shop", id: "#shop" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
          logoSrc="http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pack-pastel-colors_23-2148373484.jpg"
          logoAlt="Fresh Blossoms Logo"
          button={{ text: "Order Now", href: "#shop" }}
          animateOnLoad={true}
        />
      </div>
      <div id="home" data-section="home">
        <HeroOverlay
          title="Fresh Blossoms: Crafting Moments with Luxury Florals"
          description="Experience the art of floral design with our exquisite custom arrangements, elegant bouquets, and bespoke decorations for every special occasion. Elevate your celebrations with Fresh Blossoms."
          tag="Luxury Florist"
          tagIcon={Flower}
          buttons={[
            { text: "Explore Collections", href: "#shop" },
            { text: "Wedding Consult", href: "#contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/dried-flowers-wooden-box-photo-frame-envelope-wooden-background-top-view_185193-163422.jpg"
          imageAlt="Stunning floral box arrangement with premium roses and orchids, elegant pastel pink and cream color palette."
          showBlur={true}
          textPosition="bottom"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="about" data-section="about">
        <MediaAbout
          title="Our Passion for Petals and Perfection"
          description="At Fresh Blossoms, we believe every flower tells a story. Our master florists meticulously select the freshest blooms to create breathtaking designs that capture your vision and exceed expectations. Discover the artistry behind every arrangement."
          tag="About Us"
          imageSrc="http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28403.jpg"
          imageAlt="Female florist meticulously arranging flowers in a modern, elegant flower shop interior with natural lighting."
          useInvertedBackground={true}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="services" data-section="services">
        <FeatureBento
          title="Our Signature Creations & Services"
          description="From custom floral boxes to grand wedding decorations, Fresh Blossoms offers a range of bespoke services tailored to your unique needs. We transform moments into memories with unparalleled floral artistry."
          tag="What We Offer"
          features={[
            {
              title: "Exquisite Floral Boxes",              description: "Hand-curated selections of premium roses, lilies, and orchids in luxury packaging, perfect for any occasion.",              bentoComponent: "reveal-icon",              icon: Box
            },
            {
              title: "Elegant Bouquet Arrangements",              description: "Artfully designed bouquets featuring seasonal blooms, from classic roses to exotic tulips, crafted for maximum impact.",              bentoComponent: "reveal-icon",              icon: Sparkles
            },
            {
              title: "Dream Wedding Decorations",              description: "Bespoke floral designs that bring your wedding vision to life, from stunning centerpieces to breathtaking arches.",              bentoComponent: "media-stack",              items: [
                { imageSrc: "http://img.b2bpic.net/free-photo/pink-white-chrysanthemums-hang-threads-from-ceiling_1304-3324.jpg", imageAlt: "Elegant wedding floral decorations with white roses and green foliage." },
                { imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-furoshiki-package_23-2150643007.jpg", imageAlt: "Luxury floral box with fresh roses, a perfect birthday gift." },
                { imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17257.jpg", imageAlt: "Modern acrylic flower box with premium roses inside." }
              ]
            },
            {
              title: "Celebratory Birthday Gifts",              description: "Thoughtful and vibrant floral arrangements and gift baskets designed to make birthdays unforgettable.",              bentoComponent: "reveal-icon",              icon: Gift
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="shop" data-section="shop">
        <ProductCardTwo
          title="Our Latest Floral Collections"
          description="Discover our curated selection of luxury floral boxes, elegant bouquets, and bespoke arrangements. Each piece is crafted with the freshest blooms and an eye for sophisticated design."
          tag="Shop Florals"
          products={[
            {
              id: "p-1",              brand: "Fresh Blossoms",              name: "Elegance Bouquet",              price: "$120",              rating: 5,
              reviewCount: "50",              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-blooms-vase-table_23-2148029219.jpg",              imageAlt: "Elegant mixed bouquet with pastel roses and lilies"
            },
            {
              id: "p-2",              brand: "Fresh Blossoms",              name: "Blush Rose Box",              price: "$150",              rating: 5,
              reviewCount: "45",              imageSrc: "http://img.b2bpic.net/free-photo/boxes-with-rings-lie-flowers-table_8353-7349.jpg",              imageAlt: "Custom floral box arrangement with blush pink roses"
            },
            {
              id: "p-3",              brand: "Fresh Blossoms",              name: "Wedding Table Decor",              price: "$280",              rating: 5,
              reviewCount: "30",              imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-flowers_23-2147975968.jpg",              imageAlt: "Wedding table centerpiece with luxury floral design"
            },
            {
              id: "p-4",              brand: "Fresh Blossoms",              name: "Graceful Orchid Pot",              price: "$95",              rating: 5,
              reviewCount: "22",              imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17266.jpg",              imageAlt: "Exotic orchid arrangement in a luxury pot"
            },
            {
              id: "p-5",              brand: "Fresh Blossoms",              name: "Spring Meadow Mix",              price: "$110",              rating: 5,
              reviewCount: "38",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lgtbiq-plus-portraits_23-2149165923.jpg",              imageAlt: "Spring floral bouquet with pastel tulips and ranunculus"
            },
            {
              id: "p-6",              brand: "Fresh Blossoms",              name: "Lavender Dream Box",              price: "$140",              rating: 5,
              reviewCount: "28",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-cake-with-flower-decorations_181624-46798.jpg",              imageAlt: "Lavender themed floral box arrangement"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Brands & Events"
          description="Our exquisite floral designs have graced high-profile events and partnered with luxury brands, earning us a reputation for unparalleled quality and sophisticated style."
          tag="Our Partners"
          names={[]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          logos={[
            { src: "http://img.b2bpic.net/free-photo/wedding-invitation-flowers-arrangement_23-2150279541.jpg", alt: "Luxury Wedding Magazine" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hih50", alt: "Boutique Hotel Group" },
            { src: "http://img.b2bpic.net/free-photo/ornaments-arrangement-flat-lay_23-2148926229.jpg", alt: "Elite Event Planners" },
            { src: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414734.jpg", alt: "High-End Fashion Brand" },
            { src: "http://img.b2bpic.net/free-photo/grilled-lobster-tail-with-herbs-strawberries-black-plate_84443-94406.jpg", alt: "Gourmet Catering Service" },
            { src: "http://img.b2bpic.net/free-photo/lady-black-dress-holds-red-velvet-boxes-with-jewels_8353-1765.jpg", alt: "Luxury Jewelry Boutique" },
            { src: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101889.jpg", alt: "Premium Gift Company" }
          ]}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial={
            `"Fresh Blossoms transformed our wedding venue into a fairytale. The arrangements were beyond stunning, and their team was an absolute dream to work with! Truly a premium experience."`
          }
          rating={5}
          author="Sarah M."
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg",              alt: "Sarah M."
            },
            {
              src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081855.jpg",              alt: "David C."
            },
            {
              src: "http://img.b2bpic.net/free-photo/stressed-young-caucasian-woman-showing-empty-hands-shouting-out-loudly-with-closed-eyes-isolated-blue-background_141793-134642.jpg",              alt: "Emily R."
            },
            {
              src: "http://img.b2bpic.net/free-photo/corporate-young-woman-posing-office_23-2148452662.jpg",              alt: "Michael J."
            },
            {
              src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg",              alt: "Olivia B."
            }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Have questions about our services, ordering, or custom designs? Find quick answers here or reach out to our team for personalized assistance."
          tag="Support"
          faqs={[
            {
              id: "q1",              title: "How far in advance should I order for a wedding?",              content: "For wedding floral arrangements, we recommend booking at least 6-12 months in advance to ensure availability and allow ample time for personalized consultations and planning."
            },
            {
              id: "q2",              title: "Do you offer custom floral designs?",              content: "Absolutely! We specialize in custom floral designs tailored to your specific preferences, occasion, and aesthetic. Schedule a consultation to discuss your unique vision with our expert florists."
            },
            {
              id: "q3",              title: "What is your delivery policy?",              content: "We offer premium local delivery services within a specified radius. Delivery fees vary based on location and urgency. Please see our delivery page for detailed information or contact us directly."
            },
            {
              id: "q4",              title: "Can I request specific flower types or colors?",              content: "Yes, we strive to accommodate specific requests whenever possible, depending on seasonal availability. Please specify your desired flowers and colors during your order or consultation."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-working-as-wedding-planners_23-2150328533.jpg"
          imageAlt="Female florist working on a flower arrangement at a counter, with a laptop nearby."
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Connect With Us"
          title="Ready to Elevate Your Floral Experience?"
          description="Whether you're planning a grand event or sending a heartfelt gift, our team is here to bring your floral dreams to life. Reach out today for a consultation or inquiry."
          buttons={[
            { text: "Get in Touch", href: "mailto:info@freshblossoms.com" },
            { text: "Book a Consultation", href: "#" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Fresh Blossoms"
          logoSrc="http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pack-pastel-colors_23-2148373484.jpg"
          logoAlt="Fresh Blossoms Logo"
          copyrightText="© 2024 Fresh Blossoms. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "#", ariaLabel: "Instagram" },
            { icon: Facebook, href: "#", ariaLabel: "Facebook" },
            { icon: Pinterest, href: "#", ariaLabel: "Pinterest" }
          ]}
          useInvertedBackground={false}
        />
      </div>
    </ThemeProvider>
  );
}
