"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 { Sparkles, Award, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <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: "testimonials-section" },
            { name: "Faq", id: "faq-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          brandName="Artisan Bakes"
          bottomLeftText="Global Community"
          bottomRightText="hello@artisanbakes.com"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroOverlay 
          title="Artisan Baked Goods Delivered to Your Doorstep"
          description="Handcrafted with love using traditional techniques and the finest ingredients. Every bite tells a story of passion and dedication to quality."
          tag="Fresh Daily Baked"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Our Products", href: "#product-section" },
            { text: "Visit Our Store", href: "#about-section" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://img.b2bpic.net/free-photo/side-view-professional-chef-cooking-delicious-juicy-beef-steak-flaming-grill-handsome-man-with-beard-tattoos-hand-preparing-food-modern-restaurant-kitchen_651396-3908.jpg"
          imageAlt="Freshly baked bread and pastries on a wooden table"
          textPosition="bottom-left"
          showDimOverlay={true}
          showBlur={true}
          ariaLabel="Welcome to our artisanal bakery"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <MediaAbout 
          title="Our Artisanal Story"
          description="For over two decades, we've been crafting exceptional baked goods with passion and precision. Our commitment to using only the finest ingredients and time-honored techniques ensures every bite delivers the warmth and satisfaction our customers cherish."
          tag="Since 2003"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Products", href: "#product-section" },
            { text: "Visit Our Bakery", href: "#contact-section" }
          ]}
          buttonAnimation="opacity"
          imageSrc="https://img.b2bpic.net/free-photo/baker-making-dough-bread_23-2147761396.jpg"
          imageAlt="Artisan bakers preparing fresh bread and pastries in a cozy bakery setting"
          useInvertedBackground={true}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardMedia 
          title="Our Artisanal Approach"
          description="Discover the passion and craftsmanship behind every loaf, cookie, and pastry we create."
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground={true}
          features={[
            {
              id: "feature-1",              title: "Fresh Daily Baked Goods",              description: "Each morning, our master bakers prepare fresh breads, pastries, and treats using time-honored techniques and premium ingredients.",              tag: "Artisanal",              imageSrc: "https://img.b2bpic.net/free-photo/loaf-bred-with-fresh-herb_23-2147761348.jpg",              imageAlt: "Freshly baked bread and pastries"
            },
            {
              id: "feature-2",              title: "Locally Sourced Ingredients",              description: "We partner with local farms and suppliers to ensure the highest quality, seasonal ingredients in every product.",              tag: "Local",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-shot-autumn-veggies-arrangement_23-2148294633.jpg",              imageAlt: "Farmers market produce and ingredients"
            },
            {
              id: "feature-3",              title: "Custom Orders & Events",              description: "From wedding cakes to corporate events, we specialize in creating custom baked goods tailored to your special occasions.",              tag: "Personalized",              imageSrc: "https://img.b2bpic.net/free-photo/birthday-cake-front-watercolor-background_23-2148015971.jpg",              imageAlt: "Custom cake and event setup"
            }
          ]}
        />
      </div>

      <div id="product-section" data-section="product-section">
        <ProductCardOne 
          products={[
            {
              id: "croissant",              name: "Buttery Croissant",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-homemade-croissants-plate_23-2148543734.jpg",              imageAlt: "A golden, flaky croissant fresh out of the oven"
            },
            {
              id: "chocolate-chip-cookie",              name: "Chocolate Chip Cookie",              price: "$2.25",              imageSrc: "https://img.b2bpic.net/free-photo/cookies-with-chocolate-chips-closeup-plate_169016-25341.jpg",              imageAlt: "A warm chocolate chip cookie with melted chocolate chips"
            },
            {
              id: "blueberry-muffin",              name: "Blueberry Muffin",              price: "$3.00",              imageSrc: "https://img.b2bpic.net/free-photo/muffins-with-black-currant_661915-152.jpg",              imageAlt: "A moist blueberry muffin with fresh blueberries on top"
            },
            {
              id: "cinnamon-roll",              name: "Cinnamon Roll",              price: "$4.00",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-baked-bun_1220-75.jpg",              imageAlt: "A soft cinnamon roll with creamy glaze"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Artisanal Baked Goods"
          description="Handcrafted with care using traditional techniques and premium ingredients. Each item is made fresh daily to ensure the best taste and texture."
          tag="Fresh Daily"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardOne 
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Johnson",              role: "Bakery Owner",              company: "Sweet Crumb Bakery",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-baker-carrying-stack-baked-breads_1170-2314.jpg",              imageAlt: "Sarah Johnson, owner of Sweet Crumb Bakery"
            },
            {
              id: "testimonial-2",              name: "Michael Chen",              role: "Pastry Chef",              company: "Urban Bistro",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-girl-cooking-with-her-grandmother_23-2149240766.jpg",              imageAlt: "Michael Chen, pastry chef at Urban Bistro"
            },
            {
              id: "testimonial-3",              name: "Emma Rodriguez",              role: "Food Blogger",              company: "Tasty Tales",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-colleagues-celebrating-with-presents_23-2149295512.jpg",              imageAlt: "Emma Rodriguez, food blogger at Tasty Tales"
            },
            {
              id: "testimonial-4",              name: "David Kim",              role: "Restaurant Manager",              company: "The Golden Loaf",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-baker-kitchen-by-pastry-cart_1303-32295.jpg",              imageAlt: "David Kim, restaurant manager at The Golden Loaf"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="What Our Customers Say"
          description="Hear from our satisfied customers who have experienced the warmth and quality of our artisanal baked goods."
          tag="Customer Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            { text: "View All Reviews", href: "#reviews" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="default"
          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 services."
          faqs={[
            {
              id: "faq-1",              title: "What makes your baked goods special?",              content: "Our artisanal approach focuses on using high-quality ingredients, traditional techniques, and time-honored recipes passed down through generations. Each item is crafted with care and attention to detail."
            },
            {
              id: "faq-2",              title: "How do I place an order?",              content: "You can place orders online through our website, by calling us directly, or visiting our bakery in person. 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. Please note that our kitchen handles gluten, so cross-contamination may occur."
            },
            {
              id: "faq-4",              title: "What are your delivery hours?",              content: "We deliver daily from 8 AM to 6 PM. Delivery areas include downtown and surrounding neighborhoods. Special arrangements can be made for larger orders."
            },
            {
              id: "faq-5",              title: "Can I customize my order?",              content: "Absolutely! We offer customization options for cakes, cookies, and other baked goods. Contact us to discuss your specific requirements and design preferences."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="inline-image"
          useInvertedBackground={true}
          tag="Bakery Basics"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "View All Products", href: "#product-section" },
            { text: "Contact Us", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm 
          title="Get In Touch With Us"
          description="Have questions about our fresh-baked goods or want to place an order? We'd love to hear from you! Reach out and we'll get back to you as soon as possible."
          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={true}
          imageSrc="https://img.b2bpic.net/free-photo/bakery-shop-gourmet-concept_53876-163311.jpg"
          imageAlt="Bakery team welcoming customers"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-photo/three-brown-bread-slices-around-single-bun-marble-background-high-quality-photo_114579-64674.jpg"
          imageAlt="Warm bakery interior with wooden shelves and fresh bread"
          columns={[
            {
              title: "Explore",              items: [
                { label: "Our Story", href: "#about-section" },
                { label: "Our Products", href: "#product-section" },
                { label: "Baking Classes", href: "#faq-section" },
                { label: "Seasonal Specials", href: "#features-section" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact-section" },
                { label: "FAQs", href: "#faq-section" },
                { label: "Delivery Info", href: "#faq-section" },
                { label: "Returns & Exchanges", href: "#faq-section" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Newsletter", href: "#" },
                { label: "Blog", href: "#" }
              ]
            }
          ]}
          logoText="Artisan Bake Co."
          copyrightText="© 2025 Artisan Bake Co. | Crafting Freshness Since 2010"
        />
      </div>
    </ThemeProvider>
  );
}