"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Award, Cookie, CupCake, Gift, Heart, Mail, Menu, Star, Sun, Wheat } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Artisan Bakery"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Artisan Bakery"
          description="Handcrafted breads, pastries, and desserts made fresh daily with premium ingredients"
          imageSrc="https://img.b2bpic.net/free-photo/delicious-various-loaves-bread_23-2147761313.jpg"
          imageAlt="Fresh artisan bakery with warm lighting and pastries"
          showDimOverlay={true}
          buttons={[
            { text: "Order Now", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Our Bakery"
          description={[
            "For over a decade, we've been dedicated to crafting the finest baked goods in our community. Every loaf, pastry, and dessert is made fresh each morning using time-honored techniques and the highest quality ingredients sourced from trusted local and regional suppliers.",            "Our master bakers wake before dawn to ensure you have access to the freshest, most delicious creations. We believe in slow fermentation, natural leavening, and traditional methods that result in unparalleled flavor and texture. From our signature sourdough to delicate French pastries, every item reflects our commitment to excellence."
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Visit Our Shop", href: "contact" }
          ]}
          showBorder={false}
        />
      </div>

      <div id="products" data-section="products">
        <FeatureHoverPattern
          title="Our Signature Creations"
          description="Discover the handcrafted specialties that keep our customers coming back daily"
          features={[
            {
              icon: Wheat,
              title: "French Croissants",              description: "Buttery, flaky croissants with hundreds of delicate layers, baked to golden perfection daily"
            },
            {
              icon: Wheat,
              title: "Artisan Sourdough",              description: "Traditional sourdough with a tangy flavor and chewy texture, fermented for 24+ hours"
            },
            {
              icon: CupCake,
              title: "Custom Cakes",              description: "Beautiful custom cakes for celebrations, designed and baked to your specifications"
            },
            {
              icon: Cookie,
              title: "Handmade Cookies",              description: "Freshly baked cookies in seasonal flavors, from classic chocolate chip to innovative creations"
            },
            {
              icon: Star,
              title: "Specialty Pastries",              description: "Rotating selection of seasonal pastries featuring fruit Danish, tarts, and cream puffs"
            },
            {
              icon: Gift,
              title: "Gift Boxes",              description: "Beautifully packaged assortments perfect for gifting or sharing with loved ones"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          tag="Featured Products"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Why Choose Our Bakery"
          description="Join thousands of satisfied customers who experience the difference quality makes"
          metrics={[
            {
              id: "1",              value: "15+",              title: "Years of Excellence",              description: "Baking with passion and perfection since 2009",              icon: Award
            },
            {
              id: "2",              value: "100%",              title: "Fresh Daily",              description: "All items baked fresh every single morning",              icon: Sun
            },
            {
              id: "3",              value: "50+",              title: "Loyal Customers",              description: "Thousands of happy customers visit monthly",              icon: Heart
            },
            {
              id: "4",              value: "30+",              title: "Menu Items",              description: "Rotating selection of breads and pastries",              icon: Menu
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="The croissants here are absolutely incredible - flaky, buttery, and taste like they were made in Paris. We've become regulars and can't imagine getting pastries anywhere else. The owners genuinely care about quality!"
          rating={5}
          author="Sarah Mitchell, Local Resident"
          useInvertedBackground="noInvert"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              alt: "Sarah Mitchell"
            },
            {
              src: "https://img.b2bpic.net/free-photo/front-view-woman-looking-camera-office_23-2148218515.jpg",              alt: "Customer review"
            },
            {
              src: "https://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg",              alt: "Customer feedback"
            },
            {
              src: "https://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",              alt: "Happy customer"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our bakery, products, and services"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What time do you open and close?",              content: "We open at 7:00 AM and close at 7:00 PM, Monday through Saturday. We're closed on Sundays. On special occasions and holidays, hours may vary, so please check our website or call ahead."
            },
            {
              id: "2",              title: "Do you offer custom cake orders?",              content: "Yes! We specialize in custom cakes for birthdays, weddings, anniversaries, and other celebrations. Please contact us at least 48 hours in advance to discuss your design, flavor preferences, and dietary requirements."
            },
            {
              id: "3",              title: "Are your products gluten-free?",              content: "We offer a selection of gluten-free bread and pastries made in our dedicated baking area to prevent cross-contamination. Please ask our staff about our gluten-free options when you visit."
            },
            {
              id: "4",              title: "Do you deliver or offer online ordering?",              content: "We offer local delivery for orders over $30 within a 5-mile radius. You can place orders by calling us directly or visiting our shop. We accept all major credit cards and cash."
            },
            {
              id: "5",              title: "What makes your bread taste so good?",              content: "Our success comes from three things: time (24+ hour fermentation), quality ingredients (premium flour from local mills), and traditional techniques passed down through generations of master bakers."
            },
            {
              id: "6",              title: "Can I pre-order specific items?",              content: "Absolutely! We encourage pre-orders for special breads, custom pastries, and seasonal items. Call us at least 24 hours in advance to reserve your favorites and ensure availability."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          tagIcon={Mail}
          title="Visit Us or Stay Updated"
          description="Stop by our shop to experience the aroma of fresh baking, or subscribe to our newsletter for updates on seasonal specials, new menu items, and exclusive offers."
          useInvertedBackground="noInvert"
          background={{ variant: "radial-gradient" }}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. No spam, just fresh bakery updates."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Artisan Bakery"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Contact Us", href: "contact" }}
        />
      </div>
    </ThemeProvider>
  );
}