"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Artisan Bakery"
          navItems={[
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Artisan Bakery"
          description="Handcrafted breads, pastries, and desserts made fresh daily with premium ingredients and time-honored techniques."
          imageSrc="https://img.b2bpic.net/free-photo/view-tasty-croissants_23-2148531595.jpg"
          imageAlt="Fresh artisan baked goods including sourdough bread and croissants"
          frameStyle="card"
          logoLineHeight={1.1}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Products"
          description="Discover our most popular handmade creations, baked fresh every morning"
          products={[
            {
              id: "1",              name: "Sourdough Loaf",              price: "$6.99",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-105983.jpg",              imageAlt: "Fresh artisan sourdough loaf"
            },
            {
              id: "2",              name: "Butter Croissant",              price: "$4.49",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-bread-wooden-spoon-old-wooden-background_169016-3149.jpg",              imageAlt: "Golden butter croissant"
            },
            {
              id: "3",              name: "Chocolate Torte",              price: "$8.99",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-rustic-village-bread-cut-slices-wooden-board_181624-59450.jpg",              imageAlt: "Rich chocolate dessert cake"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Baked with love since" },
            { type: "text", content: "2015" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "#about" },
            { text: "Visit Us", href: "#contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Join thousands of satisfied customers who trust us for their daily bread and special occasions"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarah_loves_bread",              testimonial: "The sourdough here is absolutely exceptional. The crust has the perfect crunch and the flavor is so authentic. I've been coming here every Saturday for a year!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@james_baker_fan",              testimonial: "Outstanding quality and attention to detail. My wedding cake from Artisan Bakery was the talk of the reception. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emma_pastry_lover",              testimonial: "I've tried bakeries all over the city, and this is hands down the best. Fresh, delicious, and always friendly service. Worth every penny!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Thompson",              handle: "@david_coffee_bread",              testimonial: "Their morning croissants pair perfectly with my coffee. I'm a regular and have never been disappointed. Keep up the amazing work!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "David Thompson"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Have questions? We have answers. Learn more about our products, ordering, and delivery."
          faqs={[
            {
              id: "1",              title: "Do you offer custom orders?",              content: "Yes! We love creating custom orders for special occasions. Please contact us at least 48 hours in advance to discuss your needs and ensure we can accommodate your request."
            },
            {
              id: "2",              title: "What are your delivery options?",              content: "We offer local delivery for orders over $25 within a 5-mile radius. You can also pick up orders at our storefront during business hours."
            },
            {
              id: "3",              title: "Are your products gluten-free?",              content: "We have a small selection of gluten-free items. Please call ahead to check availability, as these items are made in small batches and may not always be in stock."
            },
            {
              id: "4",              title: "What are your hours?",              content: "We're open Monday-Friday 7am-7pm, Saturday 8am-6pm, and Sunday 9am-5pm. We're closed on major holidays."
            },
            {
              id: "5",              title: "How long do your products stay fresh?",              content: "Our bread is best enjoyed within 24-48 hours of purchase. Pastries should be eaten within 1-2 days. You can freeze our products for up to 3 months and thaw at room temperature."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273190.jpg"
          imageAlt="Friendly bakery staff serving customers"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Updated with Fresh Offerings"
          description="Subscribe to our weekly newsletter for exclusive recipes, new product announcements, and special promotions."
          useInvertedBackground="noInvert"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime from our newsletter."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Artisan Bakery"
          columns={[
            {
              items: [
                { label: "Home", href: "#" },
                { label: "Products", href: "#products" },
                { label: "About", href: "#about" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "#contact" },
                { label: "Delivery Info", href: "#faq" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}