"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, Clock, Star } from "lucide-react";

export default function Home() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Blog", id: "/blog" },
    { name: "Shop", id: "/shop" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen navItems={navItems} />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroOverlay
          title="Artisan Baked Goods Made with Love"
          description="Discover the warmth of our freshly baked breads, pastries, and treats crafted daily with locally sourced ingredients and time-honored traditions."
          tag="Fresh Daily"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Our Menu", href: "#products-section" },
            { text: "Visit Us", href: "#contact-section" },
          ]}
          buttonAnimation="blur-reveal"
          imageSrc="https://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629567.jpg"
          imageAlt="bakery interior warm lighting fresh bread cozy atmosphere"
          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. Each loaf of sourdough, every croissant, and all our handcrafted pastries reflect our commitment to traditional techniques and the finest ingredients sourced from local farms. Our cozy bakery has become a beloved cornerstone of the community, where every bite tells a story of care and craftsmanship."
          tag="Since 2003"
          tagIcon={Clock}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Products", href: "#products-section" },
            { text: "Visit Our Bakery", href: "#contact-section" },
          ]}
          buttonAnimation="blur-reveal"
          imageSrc="https://img.b2bpic.net/free-photo/female-glazing-dough-with-mum-wooden-table-top-view_176474-5458.jpg"
          imageAlt="baker kneading dough rustic kitchen artisan baking wooden surfaces"
          useInvertedBackground={true}
          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 with locally sourced ingredients and time-honored techniques."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          features={[
            {
              id: "feature-1",              title: "Locally Sourced Ingredients",              description: "We partner with local farms and suppliers to bring you the freshest, highest-quality ingredients for our baked goods.",              tag: "Fresh & Local",              imageSrc: "https://img.b2bpic.net/free-photo/organic-foods-fresh-organic-food-local-farmers-market-farmers-markets-are-traditional-way-selling-agricultural-products_1391-373.jpg",              imageAlt: "farmers market local ingredients fresh produce organic foods"},
            {
              id: "feature-2",              title: "Traditional Techniques",              description: "Our bakers use time-tested methods passed down through generations to create authentic flavors and textures.",              tag: "Time-Honored",              imageSrc: "https://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-115978.jpg",              imageAlt: "traditional baking wooden rolling pin clay pot artisan techniques"},
            {
              id: "feature-3",              title: "Daily Freshness",              description: "Each item is baked fresh daily, ensuring peak flavor and quality when you enjoy it at home or in our cozy shop.",              tag: "Made Fresh Daily",              imageSrc: "https://img.b2bpic.net/free-photo/cup-milky-cappuccino-with-cookie-blue-table_114579-4248.jpg",              imageAlt: "fresh baked goods croissants rustic tray daily freshness"},
          ]}
        />
      </div>

      <div id="products-section" data-section="products-section">
        <ProductCardOne
          title="Artisanal Baked Goods"
          description="Handcrafted with love using traditional methods and the finest ingredients. Each item is made fresh daily to ensure the highest quality and taste."
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          products={[
            {
              id: "croissant",              name: "Butter Croissant",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/wooden-cutting-board-with-powdered-cacao-cookie_114579-52662.jpg",              imageAlt: "croissant buttery pastry flaky layers wooden surface"},
            {
              id: "sourdough",              name: "Sourdough Bread",              price: "$5.00",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-fresh-bread-wooden-board_23-2148613571.jpg",              imageAlt: "sourdough bread artisan bread crusty exterior soft interior"},
            {
              id: "chocolate-chip",              name: "Chocolate Chip Cookie",              price: "$2.50",              imageSrc: "https://img.b2bpic.net/free-photo/plate-with-fresh-cookies-from-oven_23-2148837150.jpg",              imageAlt: "chocolate chip cookies warm baked goods wooden board homemade treats"},
            {
              id: "blueberry-muffin",              name: "Blueberry Muffin",              price: "$3.00",              imageSrc: "https://img.b2bpic.net/free-photo/muffins-with-black-currant_661915-152.jpg",              imageAlt: "blueberry muffins fresh baked goods ceramic plate fruit muffins"},
          ]}
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardOne
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Johnson",              role: "Local Food Blogger",              company: "Bite & Sip",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24661.jpg",              imageAlt: "customer enjoying pastry cozy bakery happy customer fresh baked goods"},
            {
              id: "testimonial-2",              name: "Michael Torres",              role: "Community Chef",              company: "Urban Kitchen",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-parents-teaching-girl-cook_23-2148542888.jpg",              imageAlt: "family bakery visit children with pastries local community happy family"},
            {
              id: "testimonial-3",              name: "Emma Richardson",              role: "Artisan Bread Enthusiast",              company: "The Bread Collective",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/tea-time-cafe_1098-14163.jpg",              imageAlt: "elderly customer warm croissant cozy seating retired customer"},
            {
              id: "testimonial-4",              name: "David Chen",              role: "Local Business Owner",              company: "Cozy Corner Café",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-girl-with-curly-hair-listening-music-sitting-restaurant_651396-865.jpg",              imageAlt: "young professional coffee and pastry rustic table workplace cafe"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          title="What Our Community Says"
          description="Hear from our beloved customers who share their experiences with our handcrafted baked goods."
          tag="Customer Favorites"
          tagIcon={Star}
          tagAnimation="blur-reveal"
          buttons={[{ text: "View All Reviews", href: "#" }]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </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 baked goods special?",              content: "Our baked goods are crafted using traditional methods and high-quality ingredients sourced from local farms. Each item is made fresh daily 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 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 breads and pastries available. Please inform us of any allergies when placing your order."},
            {
              id: "faq-4",              title: "What are your hours of operation?",              content: "We're open Tuesday through Sunday from 7:00 AM to 6:00 PM. Closed on Mondays for fresh ingredient preparation."},
            {
              id: "faq-5",              title: "Can I customize my order?",              content: "Absolutely! We love creating custom cakes, pastries, and breads for birthdays, weddings, and corporate events. Contact us for more details."},
          ]}
          faqsAnimation="slide-up"
          textboxLayout="inline-image"
          useInvertedBackground={true}
          tag="Bakery Guide"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "View All Products", href: "#products-section" },
            { text: "Contact Us", href: "#contact-section" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="Bake a Sweet Connection With Us"
          description="We'd love to hear from you! Whether you have questions about our fresh-baked goods, want to place a custom order, or just want to share your favorite recipe, reach out and let's create something delicious together."
          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: 4, required: true }}
          useInvertedBackground={true}
          imageSrc="https://img.b2bpic.net/free-photo/welcome-open-sign-hanging_23-2149168995.jpg"
          imageAlt="bakery storefront inviting window handwritten sign warm atmosphere"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Your Sweet Message"
          ariaLabel="Contact section"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg"
          imageAlt="bakery counter rustic setup warm lighting baked goods display"
          columns={[
            {
              title: "Explore",              items: [
                { label: "Our Story", href: "#about-section" },
                { label: "Fresh Products", href: "#products-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: "Return Policy", href: "#faq-section" },
              ],
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Newsletter", href: "#" },
                { label: "Blog", href: "#" },
              ],
            },
          ]}
          logoText="Sweet Crumb Bakery"
          copyrightText="© 2025 Sweet Crumb Bakery | Crafting joy, one bite at a time"
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
