"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="animatedAurora"
      cardStyle="solid-accent"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Mom's Magic"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Contact", id: "contact" },
            { name: "Order Now", id: "order" }
          ]}
          bottomLeftText="Premium Baked Goods"
          bottomRightText="hello@mommagic.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="Mom's Magic"
          description="Handcrafted baked goods made with premium ingredients and traditional techniques. From artisan bread to delicate pastries, every item is prepared fresh daily."
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815281669-gjtl61dk.jpg",
              imageAlt: "Artisan Sourdough Bread"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245920754-l4cqyyki.jpg",
              imageAlt: "Fresh Butter Croissants"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815282638-jqdn27ad.jpg",
              imageAlt: "Premium Layer Cake"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815283490-ayi8b4na.jpg",
              imageAlt: "Handmade Artisan Donuts"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815284365-gb81unvn.jpg",
              imageAlt: "Fresh Baked Cookies"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815285364-7q7e9roz.jpg",
              imageAlt: "Chocolate Pastry Selection"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="Our Baking Heritage"
          description="Established in 2015, we have been committed to delivering exceptional baked goods to our community."
          textboxLayout="default"
          contentTag="OUR STORY"
          contentTagIcon={Sparkles}
          contentTitle="Crafted with passion, baked with care"
          contentDescription="Every item in our bakery is made from scratch using only the finest ingredients. We believe in traditional baking methods combined with innovative recipes to create memorable flavors. Our skilled bakers wake up early every morning to ensure you have the freshest baked goods available."
          contentButtons={[
            { text: "Learn More", href: "#products" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815286222-1wyqliyq.jpg"
          imageAlt="Inside our artisan bakery kitchen"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Our Collections"
          description="Explore our selection of premium baked goods, made fresh daily"
          textboxLayout="default"
          products={[
            {
              id: "artisan-bread",
              name: "Artisan Sourdough",
              price: "$8.99",
              variant: "Whole grain, Seeded, Classic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815281669-gjtl61dk.jpg",
              imageAlt: "Artisan Sourdough Loaf"
            },
            {
              id: "butter-croissant",
              name: "French Butter Croissant",
              price: "$4.99",
              variant: "Plain, Chocolate, Almond",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245920754-l4cqyyki.jpg",
              imageAlt: "Buttery Fresh Croissant"
            },
            {
              id: "layer-cake",
              name: "Premium Layer Cake",
              price: "$24.99",
              variant: "Vanilla, Chocolate, Strawberry",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815284365-gb81unvn.jpg",
              imageAlt: "Decorated Layer Cake"
            },
            {
              id: "morning-pastry",
              name: "Seasonal Pastry Box",
              price: "$16.99",
              variant: "Assorted 6-piece selection",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815283490-ayi8b4na.jpg",
              imageAlt: "Assorted Fresh Pastries"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="What Our Customers Say"
          description="Hear from people who love our baked goods"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "The sourdough here is absolutely incredible. I have tried bakeries across the city and none compare. The crust is perfect and the flavor is simply outstanding.",
              name: "Maria Santos",
              role: "Food Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Maria Santos"
            },
            {
              id: "2",
              quote: "I ordered a custom cake for my wedding and it was the highlight of our reception. Beautiful presentation and absolutely delicious. Highly recommend!",
              name: "James Mitchell",
              role: "Wedding Planner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "James Mitchell"
            },
            {
              id: "3",
              quote: "My kids love the croissants for breakfast. I appreciate knowing they are made with quality ingredients and no artificial additives. Worth every penny.",
              name: "Rebecca Johnson",
              role: "Parent",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              imageAlt: "Rebecca Johnson"
            },
            {
              id: "4",
              quote: "The team at Mom's Magic is so friendly and passionate about their craft. Every visit feels special, and the products always exceed expectations.",
              name: "David Chen",
              role: "Regular Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "David Chen"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated With New Flavors"
          description="Subscribe to our newsletter and be the first to know about new seasonal flavors, special offers, and baking tips from our expert bakers."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815288763-rdmena96.jpg"
          imageAlt="Fresh baking in our kitchen"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815287094-qvf76sgh.jpg"
          imageAlt="Mom's Magic Storefront"
          logoText="Mom's Magic"
          copyrightText="© 2025 Mom's Magic. All rights reserved."
          columns={[
            {
              title: "Shop",
              items: [
                { label: "Bread", href: "#products" },
                { label: "Pastries", href: "#products" },
                { label: "Cakes", href: "#products" },
                { label: "Custom Orders", href: "#contact" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Email", href: "mailto:hello@mommagic.com" },
                { label: "Phone", href: "tel:+1234567890" },
                { label: "Location", href: "#" },
                { label: "Hours", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}