"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Cake, Feather, Heart, Leaf, Palette, Sparkles, Star, Truck, Wheat } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Our Cakes",          id: "#products"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="EL ALAMI CAKE"
      button={{
        text: "Order Now",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="EL ALAMI CAKE: Crafting Sweet Moments"
      description="Indulge in our exquisite collection of handcrafted cakes, from charming small treats to magnificent birthday masterpieces. Every bite is a celebration."
      buttons={[
        {
          text: "Explore Our Cakes",          href: "#products"},
        {
          text: "Order Your Custom Cake",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/overhead-view-woman-inserting-spoon-ice-cream-sandwich-plate-table_23-2148161744.jpg"
      imageAlt="Beautifully decorated birthday cake with delicate frosting"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-caucasian-smiling-hipster-brunette-woman-model-bright-shinny-reflecting-summer-stylish-jacket-green-dress-isolated-eating-french-macaroon_158538-12419.jpg",          alt: "Smiling customer"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-africanamerican-girl-celebrating-birthday-smiling-looking-happy-holdin_1258-137588.jpg",          alt: "Satisfied client"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-rejoicing-woman-eats-tasty-croissant-home-unhealthy-food-concept_1153-8292.jpg",          alt: "Happy patron"},
        {
          src: "http://img.b2bpic.net/free-photo/pleased-middle-aged-male-cook-chef-uniform-showing-cake-plate-his-hand-isolated-white-wall-with-copy-space_141793-36931.jpg",          alt: "Reviewer"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-girl-with-birthday-cake_23-2148155294.jpg",          alt: "Gourmet enthusiast"},
      ]}
      avatarText="Join thousands of happy customers!"
      marqueeItems={[
        {
          type: "text-icon",          text: "Freshly Baked Daily",          icon: Feather,
        },
        {
          type: "text-icon",          text: "Custom Designs",          icon: Palette,
        },
        {
          type: "text-icon",          text: "Premium Ingredients",          icon: Wheat,
        },
        {
          type: "text-icon",          text: "Delivered with Care",          icon: Truck,
        },
        {
          type: "text-icon",          text: "Sweet Moments",          icon: Heart,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Our Passion for Perfection"
      description="At EL ALAMI CAKE, we believe every cake tells a story. We pour our heart into creating delectable and visually stunning cakes that become the centerpiece of your celebrations. Using only the finest ingredients, we bake with love and artistry."
      bulletPoints={[
        {
          title: "Handcrafted Excellence",          description: "Each cake is meticulously crafted by our skilled bakers, ensuring unique beauty and exceptional taste."},
        {
          title: "Fresh, Premium Ingredients",          description: "We source the highest quality ingredients to guarantee a rich flavor and superior texture in every bite."},
        {
          title: "Personalized Creations",          description: "From elegant small cakes to grand birthday designs, we tailor each creation to your vision and occasion."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cook-putting-icing-decorations-cake_23-2148485378.jpg"
      imageAlt="Pastry chef meticulously decorating a cake"
      mediaAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Artisanal Quality",          description: "Experience the difference of cakes made with traditional methods and a modern touch, ensuring exquisite taste and appearance.",          icon: Cake,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/open-pie-raspberry-galette-summer-berry-dessert_114579-8243.jpg",              imageAlt: "Close up of a handcrafted cake with delicate details"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/decorative-items-light-wooden-surfacexa_58702-17802.jpg",              imageAlt: "Various small, beautifully decorated cakes on a platter"},
          ]
        },
        {
          title: "Stunning Custom Designs",          description: "Bring your dream cake to life with our bespoke design services. We create custom cakes that perfectly match your celebration's theme.",          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pink-white-cupcakes-tray-table_181624-43398.jpg",              imageAlt: "Chef presenting a custom designed tiered cake"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-chocolate-cakes-with-berries-top_140725-20227.jpg",              imageAlt: "Colorful custom birthday cake with unique decorations"},
          ]
        },
        {
          title: "Freshness Guaranteed",          description: "Baked fresh daily using only the finest, locally sourced ingredients to ensure every cake is as delicious as it is beautiful.",          icon: Leaf,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-raw-dough-little-cakes-inn-back-dish-bakery-line_7502-5868.jpg",              imageAlt: "Freshly baked cake cooling on a rack in a bakery"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-kitchen-supplies-with-pasta-ingredients_23-2148343557.jpg",              imageAlt: "A cake decorated with fresh, seasonal fruits"},
          ]
        }
      ]}
      title="Why Choose EL ALAMI CAKE?"
      description="Discover the delightful difference that sets our cakes apart. We're dedicated to delivering not just a dessert, but an unforgettable experience."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          name: "Classic Vanilla Bean",          price: "$45.00",          imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake_74190-2550.jpg",          imageAlt: "Classic vanilla bean cake with white frosting"},
        {
          id: "2",          name: "Decadent Chocolate Fudge",          price: "$50.00",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-chocolate-cake-concept_23-2148746678.jpg",          imageAlt: "Rich chocolate fudge cake with chocolate ganache"},
        {
          id: "3",          name: "Elegant Red Velvet",          price: "$55.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-sweet-dessert-with-sauce-it-berries-with-red-napkin-marble-background_140725-136083.jpg",          imageAlt: "Red velvet cake with cream cheese frosting"},
        {
          id: "4",          name: "Strawberry Shortcake Dream",          price: "$60.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fruit-cake-delicious-round-formed-with-fresh-blue-berries-bright-cake-biscuit-sweet-sugar_140725-25102.jpg",          imageAlt: "Strawberry shortcake with fresh strawberries and cream"},
        {
          id: "5",          name: "Zesty Lemon Raspberry",          price: "$58.00",          imageSrc: "http://img.b2bpic.net/free-photo/cakes-with-fruits-assortment_23-2148536854.jpg",          imageAlt: "Lemon raspberry cake with delicate frosting and fresh berries"},
        {
          id: "6",          name: "Custom Celebration Cake",          price: "Starting at $75.00",          imageSrc: "http://img.b2bpic.net/free-photo/muffin-with-flower_1157-588.jpg",          imageAlt: "Highly customized multi-tiered birthday cake"},
      ]}
      title="Our Delectable Cake Collection"
      description="Discover a variety of cakes perfect for any occasion. From classic flavors to unique custom designs, find your next sweet delight."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "small-cake",          badge: "Perfect for small gatherings",          price: "From $30",          subtitle: "Small & Beautiful",          buttons: [
            {
              text: "Order Small Cake",              href: "#contact"},
          ],
          features: [
            "Serves 2-4 people",            "Standard flavors available",            "Basic decoration"],
        },
        {
          id: "birthday-cake",          badge: "Most Popular",          badgeIcon: Star,
          price: "From $80",          subtitle: "Birthday Celebrations",          buttons: [
            {
              text: "Customize Birthday Cake",              href: "#contact"},
          ],
          features: [
            "Serves 8-12 people",            "Wide range of flavors",            "Custom theme decoration",            "Personalized message"],
        },
        {
          id: "event-cake",          badge: "For Grand Events",          price: "Custom Quote",          subtitle: "Wedding & Events",          buttons: [
            {
              text: "Request A Consultation",              href: "#contact"},
          ],
          features: [
            "Serves 20+ people",            "Premium flavors & fillings",            "Elaborate multi-tier designs",            "Delivery & setup available"],
        },
      ]}
      title="Custom Cake Pricing & Orders"
      description="Every celebration is unique, and so should be your cake. Choose from our standard options or request a personalized quote for your dream design."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Absolutely stunning and delicious!",          quote: "EL ALAMI CAKE created a birthday cake that was beyond my expectations. Not only did it look incredible, but every guest raved about how delicious it was. A true masterpiece!",          name: "Sarah J.",          role: "Celebration Planner",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinks-coffee-with-gingerbread-boy-cafe-street_169016-49028.jpg",          imageAlt: "Happy woman eating cake"},
        {
          id: "2",          title: "The best cake I've ever tasted!",          quote: "I ordered a custom cake for my anniversary, and it was perfect. The attention to detail and the rich flavors made our special day even sweeter. Highly recommend!",          name: "Michael D.",          role: "Happy Customer",          imageSrc: "http://img.b2bpic.net/free-photo/excited-young-blonde-caucasian-woman-receiving-gift-from-her-friend-indoors-concept-celebration-happiness-emotions_197531-31521.jpg",          imageAlt: "Man showing cake box"},
        {
          id: "3",          title: "A delightful experience from start to finish.",          quote: "From the initial consultation to the delivery, EL ALAMI CAKE made the process so easy and enjoyable. The cake for our family gathering was a huge hit!",          name: "Emily R.",          role: "Event Host",          imageSrc: "http://img.b2bpic.net/free-photo/epiphany-christmas-celebration_23-2149187573.jpg",          imageAlt: "Family celebrating with cake"},
        {
          id: "4",          title: "Beautiful designs and incredible taste.",          quote: "I'm always amazed by the artistry of EL ALAMI CAKE. Their small cakes are perfect for gifts, and the larger ones are showstoppers. Always fresh and delicious!",          name: "Jessica L.",          role: "Frequent Buyer",          imageSrc: "http://img.b2bpic.net/free-photo/cute-asian-woman-laughing-while-making-birthday-wish-refined-japanese-woman-hat-holding-piece-cake_197531-14605.jpg",          imageAlt: "Woman posing with small cake"},
        {
          id: "5",          title: "Our wedding cake was a dream come true!",          quote: "EL ALAMI CAKE designed our wedding cake, and it was everything we hoped for and more. Elegant, flawless, and tasted divine. Thank you for making our day so special.",          name: "David & Maria K.",          role: "Newlyweds",          imageSrc: "http://img.b2bpic.net/free-photo/man-takes-piece-wedding-cake_8353-92.jpg",          imageAlt: "Couple cutting wedding cake"},
      ]}
      title="Hear From Our Happy Customers"
      description="Our passion is crafting moments of joy. Read what our wonderful clients have to say about their EL ALAMI CAKE experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "How far in advance should I place my order?",          content: "For custom birthday or event cakes, we recommend placing your order at least 2-3 weeks in advance. Smaller cakes and standard orders can typically be placed with 3-5 days' notice."},
        {
          id: "2",          title: "Do you offer custom designs for birthday cakes?",          content: "Absolutely! We specialize in creating unique, personalized designs tailored to your specific theme and preferences. Contact us to discuss your vision."},
        {
          id: "3",          title: "What kind of flavors and fillings do you offer?",          content: "We offer a wide selection of classic and seasonal flavors, including vanilla, chocolate, red velvet, lemon, and more. Our fillings range from buttercream to fruit compotes and ganaches."},
        {
          id: "4",          title: "Do you accommodate dietary restrictions (e.g., gluten-free, vegan)?",          content: "We offer a limited selection of gluten-free and vegan options. Please inform us of any dietary needs when placing your order so we can discuss suitable options."},
        {
          id: "5",          title: "What are your delivery options?",          content: "We offer local delivery within a specified radius for an additional fee. Pick-up from our store is also available during business hours. Please inquire about delivery availability and costs."},
      ]}
      sideTitle="Questions About Our Cakes?"
      sideDescription="Find answers to the most common questions about ordering, customization, and delivery services for your EL ALAMI CAKE."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static-grid"}}
      text="Ready to make your celebration sweeter? Contact EL ALAMI CAKE today to discuss your order or request a custom quote!"
      buttons={[
        {
          text: "Get in Touch",          href: "mailto:info@elalamicake.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/female-confectioner-boxing-desserts_23-2150360236.jpg"
      logoAlt="EL ALAMI CAKE logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Cakes",              href: "#products"},
          ],
        },
        {
          items: [
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="EL ALAMI CAKE"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}