"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
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, Star, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="grid"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      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: "products-section" },
            { name: "Testimonial", id: "testimonials-section" },
            { name: "Faq", id: "faq-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          brandName="Warm & Crumb Bakery"
          bottomLeftText="Global Community"
          bottomRightText="hello@warmandcrumb.com"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroLogo
          logoText="Warm & Crumb"
          description="Artisan Baked Goods Delivered to Your Doorstep"
          buttons={[
            { text: "View Our Menu", href: "products-section" },
            { text: "Visit Us", href: "contact-section" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg"
          imageAlt="Warm and inviting bakery interior with fresh pastries on display"
          showDimOverlay={true}
        />
      </div>

      <div id="about-section" data-section="about-section">
        <MediaAbout
          title="Our Story"
          description="For over two decades, we've been crafting exceptional baked goods with passion and precision. Each loaf of bread, each pastry, and each cookie tells a story of tradition, care, and dedication to quality. Our journey began with a simple dream: to bring warmth and joy to every bite."
          tag="Artisan Bakers Since 2003"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Products", href: "products-section" },
            { text: "Visit Our Bakery", href: "contact-section" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg"
          imageAlt="Artisan bakers at work in our cozy bakery kitchen"
          useInvertedBackground={false}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardMedia
          title="Artisanal Craftsmanship"
          description="Each loaf, pastry, and bread is crafted with care using time-honored techniques and premium ingredients sourced from local farms."
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              id: "feature-1",              title: "Fresh Daily Baking",              description: "Our bakery opens every morning to ensure you get the freshest baked goods straight from our ovens.",              tag: "Freshness Guaranteed",              imageSrc: "https://img.b2bpic.net/free-photo/croissants-breakfast-with-copy-space_23-2148243546.jpg",              imageAlt: "Freshly baked bread loaves on a wooden tray"
            },
            {
              id: "feature-2",              title: "Local Sourcing",              description: "We partner with local farmers and suppliers to bring you the finest ingredients in every bite.",              tag: "Supporting Local",              imageSrc: "https://img.b2bpic.net/free-photo/team-local-farmers-selling-natural-bio-produce_482257-77615.jpg",              imageAlt: "Farmers market produce and artisanal breads"
            },
            {
              id: "feature-3",              title: "Traditional Recipes",              description: "Our recipes have been passed down through generations, preserving the authentic flavors of our heritage.",              tag: "Timeless Taste",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cake-ingredients-with-copy-space_23-2148769317.jpg",              imageAlt: "Vintage recipe book and kneading dough"
            }
          ]}
        />
      </div>

      <div id="products-section" data-section="products-section">
        <ProductCardOne
          title="Artisanal Baked Goods"
          description="Discover our handcrafted selection of fresh-baked breads, pastries, and desserts made with locally sourced ingredients and traditional techniques."
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "croissant",              name: "Butter Croissant",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-sweet-pastry-is-sprinkled-with-sugar-powder-wooden-surface_78826-2429.jpg",              imageAlt: "Golden butter croissant with flaky layers"
            },
            {
              id: "chocolate-chip-cookie",              name: "Chocolate Chip Cookie",              price: "$2.25",              imageSrc: "https://img.b2bpic.net/free-photo/chocolate-cookies-with-grid-white-table_181624-57138.jpg",              imageAlt: "Warm chocolate chip cookie with gooey center"
            },
            {
              id: "blueberry-muffin",              name: "Blueberry Muffin",              price: "$3.00",              imageSrc: "https://img.b2bpic.net/free-photo/muffins-with-black-currant_661915-152.jpg",              imageAlt: "Fresh blueberry muffin with visible berries"
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardOne
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Johnson",              role: "Pastry Enthusiast",              company: "Local Food Blog",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/crop-daughter-giving-gift-mom-breakfast_23-2147788218.jpg",              imageAlt: "Sarah Johnson enjoying a fresh croissant"
            },
            {
              id: "testimonial-2",              name: "Michael Chen",              role: "Bread Lover",              company: "Urban Baking Co.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/kids-cooking-having-fun-home_23-2149891145.jpg",              imageAlt: "Michael Chen savoring a sourdough loaf"
            },
            {
              id: "testimonial-3",              name: "Emma Rodriguez",              role: "Cafe Owner",              company: "The Daily Grind Cafe",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg",              imageAlt: "Emma Rodriguez with a tray of pastries"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="What Our Customers Say"
          description="Hear from our beloved community about their delightful experiences with our artisanal baked goods."
          tag="Customer Favorites"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="inline-image"
          useInvertedBackground={false}
          carouselMode="buttons"
          uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
        />
      </div>

      <div id="faq-section" data-section="faq-section">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our bakery, products, and services."
          faqs={[
            {
              id: "faq-1",              title: "What types of baked goods do you offer?",              content: "We specialize in artisanal breads, fresh pastries, custom cakes, and seasonal specialties made with locally sourced ingredients."
            },
            {
              id: "faq-2",              title: "Do you offer gluten-free options?",              content: "Yes, we have a selection of gluten-free breads and pastries available upon request. Please inform us of any dietary restrictions when placing your order."
            },
            {
              id: "faq-3",              title: "How far in advance should I place an order?",              content: "For custom cakes and special orders, we recommend placing your order at least 48 hours in advance. For daily items, we're happy to accommodate same-day requests."
            },
            {
              id: "faq-4",              title: "Can I customize my order?",              content: "Absolutely! We love personalizing orders for birthdays, weddings, and corporate events. Contact us for details on customization options and pricing."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="inline-image"
          useInvertedBackground={false}
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          buttons={[
            { 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 or want to place an order? Reach out to our friendly team 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={false}
          imageSrc="https://img.b2bpic.net/free-photo/bakery-shop-gourmet-concept_53876-163311.jpg"
          imageAlt="Bakery team greeting customers warmly"
          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/abstract-textured-backgound_1258-30495.jpg"
          imageAlt="Warm bakery interior with wooden shelves and fresh pastries"
          columns={[
            {
              title: "Explore",              items: [
                { label: "Home", href: "hero-section" },
                { label: "Our Story", href: "about-section" },
                { label: "Menu", href: "products-section" },
                { label: "Testimonials", href: "testimonials-section" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "faq-section" },
                { label: "Contact Us", href: "contact-section" },
                { label: "Delivery Info", href: "#" },
                { label: "Returns Policy", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Newsletter", href: "#" },
                { label: "Blog", href: "#" }
              ]
            }
          ]}
          logoText="Bake & Blend"
          copyrightText="© 2025 Bake & Blend | Artisan Baked Goods"
        />
      </div>
    </ThemeProvider>
  );
}