"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav" className="mx-auto px-4 md:px-6">
        <NavbarLayoutFloatingInline
          brandName="Homemade Moroccan Cakes"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About", id: "#about" },
            { name: "Products", id: "#products" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
          button={{
            text: "Order Now",            href: "#contact"
          }}
        />
      </div>

      <div id="home" data-section="home" className="mx-auto px-4 md:px-6">
        <HeroSplitDoubleCarousel
          title="Authentic Moroccan Patisseries, Baked with Love"
          description="Experience the rich flavors of Morocco with our handcrafted cakes, biscuits, bread, and delightful pastries, made fresh daily."
          background={{ variant: "plain" }}
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-assorted-traditional-turkish-delight-with-nuts_114579-20606.jpg", imageAlt: "Assortment of Moroccan pastries" },
            { imageSrc: "http://img.b2bpic.net/free-photo/meaty-qutab-tasty-salted-brown-surface-grey-surface_140725-14184.jpg", imageAlt: "Traditional Moroccan bread" },
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweets-with-cookies-wooden-desk_140725-91420.jpg", imageAlt: "Colorful Moroccan sweets platter" },
            { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-sweets-coffee-cup_23-2149192021.jpg", imageAlt: "Selection of Moroccan cakes" },
            { imageSrc: "http://img.b2bpic.net/free-photo/delicious-winter-crepe-dessert-cutting-board-top-view_23-2148717369.jpg", imageAlt: "Homemade Moroccan msemen" },
            { imageSrc: "http://img.b2bpic.net/free-photo/cookies-lined-up-platter-sack-teapot-marble-surface_114579-54593.jpg", imageAlt: "Moroccan ghriba cookies" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/eid-al-fitr-concept-with-tea_23-2147799469.jpg", imageAlt: "Moroccan mint tea with sweets" },
            { imageSrc: "http://img.b2bpic.net/free-photo/chef-folding-ingredients-dough-while-preparing-traditional-italian-dish-calzone-selective-focus_166373-6889.jpg", imageAlt: "Chef decorating a Moroccan cake" },
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-round-dough-around-eggs-jelly-flour-dark-bread-white-background-bake-oven-pie-cake-colors-egg-milk-breakfast_140725-158467.jpg", imageAlt: "Ingredients for Moroccan baking" },
            { imageSrc: "http://img.b2bpic.net/free-photo/old-man-wearing-bonete-while-explaining-food-preparation-recipe-looking-camera-retired-blogger-chef-influencer-using-internet-technology-communicating-social-media-with-digital-equipment_482257-14431.jpg", imageAlt: "Moroccan pastry chef smiling" },
            { imageSrc: "http://img.b2bpic.net/free-photo/nuts-falling-out-box_23-2147690222.jpg", imageAlt: "Cozy Moroccan kitchen" },
            { imageSrc: "http://img.b2bpic.net/free-photo/fresh-made-breads-baking_23-2148983517.jpg", imageAlt: "Freshly baked goods cooling" }
          ]}
          carouselPosition="right"
          tag="Taste the Tradition"
          buttons={[
            { text: "View Our Menu", href: "#products" },
            { text: "Contact Us", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about" className="mx-auto px-4 md:px-6">
        <MetricSplitMediaAbout
          title="Our Passion for Moroccan Baking"
          description="At Homemade Moroccan Cakes, we bring the warmth and richness of Moroccan culinary traditions directly to your home. Every pastry, bread, and biscuit is crafted with authentic recipes, premium ingredients, and a deep love for baking. We pride ourselves on creating delightful treats that evoke the true taste of Morocco."
          metrics={[
            { value: "10+", title: "Years of Tradition" },
            { value: "100%", title: "Handmade Fresh" },
            { value: "200+", title: "Unique Recipes" }
          ]}
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/handful-flour-with-egg-rustic-kitchen-against-background-men-s-hands-knead-dough-ingredients-cooking-flour-products-dough-bread-muffins-pie-pizza-dough-copy-space_639032-457.jpg"
          imageAlt="Hands preparing dough for Moroccan pastries"
          tag="Our Story"
        />
      </div>

      <div id="features" data-section="features" className="mx-auto px-4 md:px-6">
        <FeatureCardTwelve
          title="Our Delicious Categories"
          description="Explore a wide range of Moroccan delights, perfect for any occasion."
          features={[
            { id: "cakes", label: "Cakes & Gateaux", title: "Exquisite Moroccan Cakes", items: ["Honey & Almond Cakes", "Semolina & Orange Blossom", "Date & Walnut Delights"] },
            { id: "biscuits", label: "Biscuits & Cookies", title: "Traditional Moroccan Biscuits", items: ["Ghriba Coconut Cookies", "Fakas Anise Biscuits", "Chebakia Honey Sesame"] },
            { id: "bread", label: "Artisan Bread", title: "Freshly Baked Moroccan Bread", items: ["Khobz Traditional Loaf", "Msemen Flaky Flatbread", "Baghrir Moroccan Pancakes"] }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          tag="What We Offer"
          buttons={[
            { text: "See All Products", href: "#products" }
          ]}
        />
      </div>

      <div id="products" data-section="products" className="mx-auto px-4 md:px-6">
        <ProductCardTwo
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          title="Our Homemade Selection"
          description="Discover our most popular Moroccan cakes, biscuits, bread, and patisseries."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Browse Our Treats"
          products={[
            { id: "product-1", brand: "Homemade", name: "Almond & Honey Cake", price: "$25.00", rating: 5, reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/classic-cake-topped-with-peanuts-raisins_140725-5783.jpg", imageAlt: "Moroccan Almond and Honey Cake" },
            { id: "product-2", brand: "Homemade", name: "Ghriba Coconut Cookies", price: "$18.00", rating: 5, reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-yummy-biscuits-with-milk-nuts-dark-blue-surface_179666-44156.jpg", imageAlt: "Moroccan Ghriba Coconut Cookies" },
            { id: "product-3", brand: "Homemade", name: "Traditional Khobz Bread", price: "$8.50", rating: 5, reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/cutting-bread-marble-background_114579-15467.jpg", imageAlt: "Traditional Moroccan Khobz Bread" },
            { id: "product-4", brand: "Homemade", name: "Briouat Almond Pastries", price: "$22.00", rating: 5, reviewCount: "80 reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pie-delicious-dessert-tea-with-nuts-white-background-fruit-cake-pie-tea-biscuit-sweet-dessert_140725-121827.jpg", imageAlt: "Moroccan Briouat Almond Pastries" },
            { id: "product-5", brand: "Homemade", name: "Harsha Semolina Cake", price: "$20.00", rating: 5, reviewCount: "110 reviews", imageSrc: "http://img.b2bpic.net/free-photo/homemade-apple-strudel-slices_123827-36372.jpg", imageAlt: "Moroccan Harsha Semolina Cake" },
            { id: "product-6", brand: "Homemade", name: "Fakas Anise Biscuits", price: "$17.00", rating: 4, reviewCount: "75 reviews", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-caramel-eclairs-table_140725-9378.jpg", imageAlt: "Moroccan Fakas Anise Biscuits" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
        <MetricCardEleven
          metrics={[
            { id: "m1", value: "100+", title: "Handcrafted Daily", description: "Every single item is made from scratch with passion and precision, ensuring the freshest taste.", imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-pie-making-assortment_23-2149055395.jpg", imageAlt: "Hands kneading dough" },
            { id: "m2", value: "5000+", title: "Happy Customers", description: "Our pastries have brought smiles to thousands of customers across the region.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-cooking-delicious-pizza_23-2150306976.jpg", imageAlt: "Happy family enjoying pastries" },
            { id: "m3", value: "Top Rated", title: "Authenticity Guaranteed", description: "We are committed to preserving traditional Moroccan recipes and flavors.", imageSrc: "http://img.b2bpic.net/free-photo/view-baked-muffins-done-by-vegan-bakery_23-2150195079.jpg", imageAlt: "Award-winning pastries" }
          ]}
          animationType="slide-up"
          title="Our Commitments & Achievements"
          description="We're proud of the dedication and quality we put into every Moroccan treat."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Why Choose Us"
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
        <TestimonialCardTen
          testimonials={[
            { id: "t1", title: "Absolutely Delicious!", quote: "The almond cakes are out of this world! They taste just like my grandmother used to make. Highly recommend for an authentic Moroccan experience.", name: "Fatima Z.", role: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg", imageAlt: "Happy woman eating cake" },
            { id: "t2", title: "A Taste of Home", quote: "Every bite of the Khobz bread takes me back to Morocco. The quality is exceptional and the flavors are spot on. A true gem!", name: "Karim B.", role: "Local Food Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/autumn-cozy-drink_23-2151949061.jpg", imageAlt: "Man enjoying Moroccan tea" },
            { id: "t3", title: "Perfect for Gatherings", quote: "I ordered an assortment for a family gathering, and everyone loved them! The Ghriba cookies were a huge hit. Fresh and flavorful.", name: "Amina R.", role: "Event Planner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-taking-cookie-from-plate_23-2148277064.jpg", imageAlt: "Family enjoying Moroccan meal" },
            { id: "t4", title: "Exceptional Quality", quote: "As a chef, I appreciate the craftsmanship and authentic ingredients. These pastries are a testament to true Moroccan baking.", name: "Chef Omar L.", role: "Professional Baker", imageSrc: "http://img.b2bpic.net/free-photo/closeup-colorful-sauces-vegan-food-small-jars-table_181624-11514.jpg", imageAlt: "Chef tasting her own creation" },
            { id: "t5", title: "My New Favorite!", quote: "The Msemen is divine, flaky and perfect with honey. This is my new go-to for authentic Moroccan treats. You won't be disappointed!", name: "Sara M.", role: "Happy Customer", imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-pie-making-composition_23-2149055422.jpg", imageAlt: "Older woman baking smiling" }
          ]}
          title="What Our Customers Say"
          description="Hear from our happy customers who love our authentic Moroccan homemade cakes and pastries."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Testimonials"
        />
      </div>

      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
        <FaqSplitMedia
          faqs={[
            { id: "q1", title: "Do you offer custom orders for events?", content: "Yes, we gladly accept custom orders for special occasions like weddings, birthdays, and corporate events. Please contact us with your requirements to discuss options." },
            { id: "q2", title: "What are your delivery options?", content: "We offer local delivery within a specific radius and also provide a pickup option from our kitchen. Delivery fees and zones vary, please check our contact page for details." },
            { id: "q3", title: "Do you have gluten-free or vegan options?", content: "Currently, our traditional recipes contain gluten and dairy. We are exploring options for gluten-free and vegan alternatives in the future. Please check back for updates!" },
            { id: "q4", title: "How far in advance should I place an order?", content: "For regular orders, we recommend placing them at least 24-48 hours in advance. For large or custom event orders, please provide at least one week's notice to ensure availability and preparation time." }
          ]}
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products and services."
          textboxLayout="default"
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/top-view-woman-hand-cutting-onion-with-garlic-egg-shallot-others-white-background-with-copy-space_141793-6009.jpg"
          imageAlt="Woman writing recipes"
          mediaPosition="right"
          tag="Need Help?"
        />
      </div>

      <div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
        <ContactCenter
          tag="Get in Touch"
          title="Order Your Moroccan Delights"
          description="Have a question or want to place a custom order? Reach out to us!"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email for inquiries"
          buttonText="Send Message"
          termsText="By sending a message, you agree to our privacy policy and terms of service."
        />
      </div>

      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
        <FooterSimple
          columns={[
            { title: "Quick Links", items: [{ label: "Home", href: "#home" }, { label: "About Us", href: "#about" }, { label: "Products", href: "#products" }, { label: "FAQ", href: "#faq" }] },
            { title: "Our Products", items: [{ label: "Cakes", href: "#products" }, { label: "Biscuits", href: "#products" }, { label: "Bread", href: "#products" }, { label: "Patisseries", href: "#products" }] },
            { title: "Connect", items: [{ label: "Contact Us", href: "#contact" }, { label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] }
          ]}
          bottomLeftText="© 2023 Homemade Moroccan Cakes. All rights reserved."
          bottomRightText="Privacy Policy | Terms of Service"
        />
      </div>
    </ThemeProvider>
  );
}
