"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Sparkles, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLarge"
      background="blurBottom"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Product", id: "product-section" },
            { name: "Testimonial", id: "testimonial-section" },
            { name: "Faq", id: "faq-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          brandName="Warm & Cozy Bakery"
          bottomLeftText="Global Community"
          bottomRightText="hello@warmandcozybakery.com"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroOverlay
          title="Artisan Baked Goods Made with Love"
          description="Discover the warmth of our traditional recipes, crafted daily with the finest ingredients and passion for perfect flavor."
          tag="Fresh Daily Baked"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Our Menu", href: "#product-section" },
            { text: "Visit Us", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=55zhsk"
          imageAlt="Cozy bakery interior with fresh pastries on display"
          textPosition="bottom-left"
          showDimOverlay={true}
          showBlur={true}
          ariaLabel="Welcome to our warm and inviting bakery"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <MediaAbout
          title="Our Artisan Bakery Story"
          description="For over two decades, we've been crafting exceptional baked goods using time-honored techniques and the finest ingredients sourced from local farms. Each loaf, pastry, and treat tells a story of passion, tradition, and dedication to quality."
          tag="Since 2003"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Products", href: "#product-section" },
            { text: "Visit Our Bakery", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a3wlg1"
          imageAlt="Artisan bakers at work in our cozy bakery kitchen, kneading dough and decorating pastries"
          useInvertedBackground={false}
          ariaLabel="About our bakery section"
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardMedia
          title="Our Artisanal Craftsmanship"
          description="Discover the passion and dedication that goes into every loaf, pastry, and treat we create. Our time-honored techniques and premium ingredients ensure each bite is a celebration of flavor and tradition."
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              id: "feature-1",              title: "Fresh Daily Baked Goods",              description: "Each morning, our master bakers prepare an array of freshly baked breads, pastries, and desserts using traditional methods passed down through generations.",              tag: "Artisanal",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yktrx0",              imageAlt: "Freshly baked sourdough bread on a wooden board"
            },
            {
              id: "feature-2",              title: "Locally Sourced Ingredients",              description: "We partner with local farms and suppliers to bring you the freshest, highest quality ingredients, supporting our community while delivering exceptional taste.",              tag: "Local",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a6gi9a",              imageAlt: "Organic flour and fresh berries arranged on a rustic table"
            },
            {
              id: "feature-3",              title: "Custom Orders & Events",              description: "Whether it's a wedding cake, corporate event, or special occasion, our team creates bespoke baked goods tailored to your unique needs and preferences.",              tag: "Personalized",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6trgjr",              imageAlt: "Elegant wedding cake with delicate frosting details"
            }
          ]}
        />
      </div>

      <div id="product-section" data-section="product-section">
        <ProductCardOne
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Artisanal Baked Goods"
          description="Discover our handcrafted selection of fresh-baked breads, pastries, and desserts made with locally sourced ingredients and traditional techniques."
          tag="Fresh Daily"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "croissant",              name: "Butter Croissant",              price: "$3.50",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6rbeb",              imageAlt: "Golden butter croissant with flaky layers"
            },
            {
              id: "sourdough",              name: "Sourdough Boule",              price: "$6.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pvxren",              imageAlt: "Rustic sourdough loaf with crispy crust"
            },
            {
              id: "chocolate",              name: "Chocolate Chip Cookie",              price: "$2.50",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s3e3em",              imageAlt: "Warm chocolate chip cookie with gooey center"
            }
          ]}
        />
      </div>

      <div id="testimonial-section" data-section="testimonial-section">
        <TestimonialCardOne
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Johnson",              role: "Local Food Blogger",              company: "Tasty Bites Weekly",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5j3tb3",              imageAlt: "Sarah Johnson, local food blogger"
            },
            {
              id: "testimonial-2",              name: "Michael Torres",              role: "Community Chef",              company: "Urban Kitchen",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04f1ms",              imageAlt: "Michael Torres, community chef"
            },
            {
              id: "testimonial-3",              name: "Emma Richardson",              role: "Regular Customer",              company: "Local Resident",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/carefree-friends_1098-15889.jpg",              imageAlt: "Emma Richardson, regular customer"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="What Our Community Says"
          description="Hear from our beloved customers and food enthusiasts who have experienced the warmth and quality of our artisanal baked goods."
          tag="Customer Love"
          tagIcon={Heart}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "View All Reviews", href: "#" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="inline-image"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq-section" data-section="faq-section">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our artisanal baked goods, ordering process, and bakery experience."
          faqs={[
            {
              id: "faq-1",              title: "What makes your pastries different?",              content: "Our pastries are made with locally sourced ingredients and traditional techniques passed down through generations. We focus on quality over quantity, ensuring every bite is a delightful experience."
            },
            {
              id: "faq-2",              title: "How do I place an order?",              content: "You can place orders online through our website or by calling us directly. We also offer custom orders for special occasions and events."
            },
            {
              id: "faq-3",              title: "Do you offer gluten-free options?",              content: "Yes, we have a selection of gluten-free baked goods available daily. Please inform us of any allergies when placing your order."
            },
            {
              id: "faq-4",              title: "What is your delivery policy?",              content: "We deliver within the local area Monday through Saturday. Delivery fees apply based on distance and order size."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="inline-image"
          useInvertedBackground={false}
          tag="Bakery Basics"
          tagIcon={Sparkles}
          tagAnimation="opacity"
          buttons={[
            { text: "View All Products", href: "#product-section" },
            { text: "Contact Us", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          showCard={true}
          ariaLabel="Frequently asked questions about our bakery"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="Visit Our Bakery or Reach Out"
          description="We'd love to hear from you! Whether you're planning a special order, have questions about our products, or just want to say hello, our friendly team is here to help. Visit us during business hours or send us a message below."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number" }
          ]}
          textarea={{
            name: "message",            placeholder: "Your Message",            rows: 5,
            required: true
          }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hpvl9u"
          imageAlt="Cozy bakery interior with warm lighting and fresh pastries displayed on wooden shelves"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
          ariaLabel="Contact section"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qawm9v"
          imageAlt="Cozy bakery interior with warm lighting and fresh pastries on display"
          columns={[
            {
              title: "Explore",              items: [
                { label: "Our Story", href: "#about-section" },
                { label: "Fresh Products", href: "#product-section" },
                { label: "Special Events", href: "#events-section" },
                { label: "Baking Classes", href: "#classes-section" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact-section" },
                { label: "FAQ", href: "#faq-section" },
                { label: "Delivery Info", href: "#delivery-section" },
                { label: "Returns Policy", href: "#returns-section" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com/bakeryname" },
                { label: "Facebook", href: "https://facebook.com/bakeryname" },
                { label: "Newsletter", href: "#newsletter-section" },
                { label: "Blog", href: "#blog-section" }
              ]
            }
          ]}
          logoText="Sweet Crumb Bakery"
          copyrightText="© 2025 Sweet Crumb Bakery | Crafting Artisanal Delights Since 2010"
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}