"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Heart, Quote, Star, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Artisan Bakery"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to Artisan Bakery"
          description="Handcrafted pastries, fresh-baked breads, and delicious treats made daily with the finest ingredients. Taste the difference tradition makes."
          background={{ variant: "sparkles-gradient" }}
          tag="Freshly Baked Daily"
          tagIcon={Sparkles}
          buttons={[
            { text: "Order Online", href: "contact" },
            { text: "Explore Menu", href: "products" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/baker-with-flour-hand_169016-6374.jpg"
          imageAlt="Fresh bakery display with pastries and bread"
        />
      </div>
      
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="For over 15 years, we've been baking with passion and tradition. Our recipes are passed down through generations, refined to perfection."
          description="Master Baker"
          subdescription="Elena Rodriguez"
          icon={Quote}
          imageSrc="https://img.b2bpic.net/free-photo/woman-spreading-dough-with-hands-wooden-table-top-view_176474-5539.jpg"
          imageAlt="Artisan baker preparing dough"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Products"
          description="Discover our artisan collection of fresh-baked goods"
          products={[
            {
              id: "1",              name: "Butter Croissants",              price: "$4.99",              variant: "Classic French Style",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-croissants-tray_23-2149395317.jpg",              imageAlt: "Golden butter croissants"
            },
            {
              id: "2",              name: "Sourdough Loaf",              price: "$6.99",              variant: "Traditional Recipe",              imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg",              imageAlt: "Artisan sourdough loaf"
            },
            {
              id: "3",              name: "Chocolate Cake",              price: "$24.99",              variant: "Rich & Decadent",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-croissants-jam_23-2148243510.jpg",              imageAlt: "Rich chocolate layer cake"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Why Choose Us"
          description="Experience the difference quality and tradition make in every bite"
          features={[
            {
              id: "premium",              label: "Premium",              title: "Only the finest organic ingredients from trusted local suppliers",              items: ["Organic flour", "Farm-fresh eggs", "Local dairy", "No preservatives"]
            },
            {
              id: "artisan",              label: "Artisan",              title: "Handcrafted by skilled bakers using traditional techniques",              items: ["Hand-shaped", "Traditional methods", "Small batches", "Decades of experience"]
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="What Makes Us Special"
          tagIcon={Heart}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahm_foodie",              testimonial: "The croissants from Artisan Bakery are absolutely divine. I've never tasted anything this buttery and delicious!",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "David Chen",              handle: "@davidc_baker",              testimonial: "Their sourdough is incredible. You can taste the quality and craftsmanship in every slice.",              imageSrc: "https://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Emma Wilson",              handle: "@emmaw_treats",              testimonial: "Best bakery in town! Their chocolate cake is to die for. Perfect for special occasions.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-shopping-bags_329181-18722.jpg",              imageAlt: "Emma Wilson"
            },
            {
              id: "4",              name: "James Rodriguez",              handle: "@jamesr_local",              testimonial: "The staff is amazing and the pastries are always fresh. My family's favorite bakery!",              imageSrc: "https://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "5",              name: "Lisa Park",              handle: "@lisap_coffee",              testimonial: "Perfect croissants and excellent coffee. My morning routine wouldn't be the same without this place.",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Lisa Park"
            },
            {
              id: "6",              name: "Michael Torres",              handle: "@miket_baker",              testimonial: "As a fellow baker, I can appreciate the skill and dedication that goes into every product here.",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Michael Torres"
            }
          ]}
          animationType="slide-up"
          title="What Our Customers Say"
          description="Hear from those who love our fresh-baked goods"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={Mail}
          title="Ready to Order?"
          description="Subscribe to our newsletter for special offers, new products, and delivery updates."
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Menu",              items: [
                { label: "Pastries", href: "products" },
                { label: "Breads", href: "products" },
                { label: "Cakes & Desserts", href: "products" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (555) 123-4567", href: "#" },
                { label: "Email: hello@artisanbakery.com", href: "#" },
                { label: "Hours: 7am - 7pm Daily", href: "#" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Twitter", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Artisan Bakery. All rights reserved."
          bottomRightText="Made with Webild"
        />
      </div>
    </ThemeProvider>
  );
}