"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Award, ShoppingCart } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="fluid"
      cardStyle="glass-depth"
      primaryButtonStyle="outline"
      secondaryButtonStyle="outline"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Our Pastries", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Artisan Bakery"
          bottomLeftText="Fresh Daily"
          bottomRightText="hello@artisanbakery.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo 
          logoText="Artisan Bakery"
          description="Handcrafted breads and pastries baked fresh daily with the finest ingredients"
          buttons={[
            { text: "Order Now", href: "contact" },
            { text: "Explore Menu", href: "products" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg"
          imageAlt="Artisan bakery display with fresh pastries"
          showDimOverlay={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo 
          title="Our Signature Collection"
          description="Discover our most beloved baked goods, crafted with passion and premium ingredients"
          tag="Best Sellers"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Daily Specials",              name: "Buttery Croissants",              price: "$4.50",              rating: 5,
              reviewCount: "328",              imageSrc: "https://img.b2bpic.net/free-photo/croissant-coffee-food-photography_53876-104492.jpg",              imageAlt: "Golden buttery croissants"
            },
            {
              id: "2",              brand: "Artisan Breads",              name: "Classic Sourdough",              price: "$6.99",              rating: 5,
              reviewCount: "456",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-fresh-sandwiches-arrangement-wooden-background_23-2148617301.jpg",              imageAlt: "Rustic sourdough loaf"
            },
            {
              id: "3",              brand: "Custom Cakes",              name: "Celebration Cake",              price: "$35.00",              rating: 5,
              reviewCount: "189",              imageSrc: "https://img.b2bpic.net/free-photo/croissants-filled-with-chocolate-chips_140725-3583.jpg",              imageAlt: "Beautifully decorated celebration cake"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout 
          title="Our Story"
          description="For over 20 years, we've been dedicated to creating exceptional baked goods using traditional techniques and the finest natural ingredients. Every loaf, pastry, and cake is made by hand with love and expertise."
          tag="Heritage & Craft"
          tagIcon={Award}
          imageSrc="https://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg"
          imageAlt="Artisan bakers at work in our kitchen"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen 
          testimonial="The quality and freshness of their pastries is unmatched. Every morning I look forward to their croissants. It's not just bakery, it's an experience!"
          rating={5}
          author="Sarah Mitchell, Food Blogger"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", alt: "Sarah Mitchell" },
            { src: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "John Davis" },
            { src: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Emma Rodriguez" },
            { src: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", alt: "Michael Chen" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaTitle="Ready to Order?"
          ctaDescription="Get fresh baked goods delivered or pick up at our location today."
          ctaButton={{ text: "Place Your Order", href: "#" }}
          ctaIcon={ShoppingCart}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What are your hours of operation?",              content: "We're open Monday-Friday 6am-7pm, Saturday 7am-6pm, and Sunday 8am-5pm. All items are fresh daily!"
            },
            {
              id: "2",              title: "Do you offer custom orders?",              content: "Yes! We specialize in custom cakes and special orders. Please contact us at least 3 days in advance."
            },
            {
              id: "3",              title: "Are your products gluten-free?",              content: "We have a selection of gluten-free options available. Please ask our staff for current availability."
            },
            {
              id: "4",              title: "Can you accommodate dietary restrictions?",              content: "Absolutely! We work with customers to create items for vegan, dairy-free, and nut-free diets. Contact us to discuss options."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg"
          imageAlt="Artisan bakery interior with fresh baked goods"
          logoText="Artisan Bakery"
          copyrightText="© 2025 Artisan Bakery. Freshly baked daily."
          columns={[
            {
              title: "Shop",              items: [
                { label: "Pastries", href: "products" },
                { label: "Breads", href: "products" },
                { label: "Custom Cakes", href: "products" },
                { label: "Seasonal Items", href: "products" }
              ]
            },
            {
              title: "Visit Us",              items: [
                { label: "123 Main Street", href: "#" },
                { label: "(555) 123-4567", href: "#" },
                { label: "Hours", href: "#" },
                { label: "Location Map", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Newsletter", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}