"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
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';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[{'name':'About Us','id':'about'},{'name':'Menu','id':'products'},{'name':'Testimonials','id':'testimonials'},{'name':'FAQ','id':'faq'},{'name':'Contact','id':'contact'}]}
          brandName="Смачна Випічка"
          button={{'text':'Order Now','href':'#contact'}}
          buttonClassName="min-w-fit px-4 py-2"
          buttonTextClassName="font-semibold"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Смачна Випічка: Taste of Ukraine"
          description="Experience the rich heritage and exquisite flavors of traditional Ukrainian baking. Handmade with love, using time-honored recipes."
          imageSrc="https://img.b2bpic.net/free-photo/top-close-up-view-cake-lemon-cinnamon-star-anise-wooden-board-cake-with-red-currants-cupcakes_140725-123304.jpg"
          imageAlt="A display of Ukrainian traditional baked goods"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[{'text':'Our Menu','href':'#products'},{'text':'Learn Our Story','href':'#about'}]}
          tag="Authentic Ukrainian Bakery"
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          titleClassName="text-balance"
          descriptionClassName="max-w-xl"
        />
      </div>
      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story: Where Tradition Meets Taste"
          description="At Смачна Випічка, we are passionate about preserving the culinary art of Ukraine. Every loaf, pastry, and cake is a testament to generations of baking wisdom, crafted with the finest ingredients and heartfelt dedication. We invite you to taste the tradition."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/white-cheese-bread-with-eggs_140725-3991.jpg"
          imageAlt="Traditional Ukrainian bakery interior with a baker"
          useInvertedBackground={false}
          buttons={[{'text':'See Our Process','href':'#contact'}]}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          titleClassName="text-balance"
          descriptionClassName="max-w-xl"
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Delicious Offerings"
          description="Discover a delightful array of traditional Ukrainian baked goods, from savory staples to sweet treats. Each item is a piece of our heritage, baked fresh daily."
          tag="Handcrafted Delights"
          products={[{'id':'1','name':'Golden Babka','price':'$18.00','imageSrc':'https://img.b2bpic.net/free-photo/close-up-view-delicious-sweet-bread-with-coffee_23-2148695040.jpg','imageAlt':'Ukrainian Babka, sweet braided bread'},{'id':'2','name':'Savory Pampushky','price':'$9.50','imageSrc':'https://img.b2bpic.net/free-photo/top-view-delicious-sweet-pastry-light-surface-tea-dessert-pie-sugar-fruit-biscuit-cookie-sweet-cake_179666-17705.jpg','imageAlt':'Ukrainian garlic buns, Pampushky'},{'id':'3','name':'Sweet Varenyky','price':'$12.00','imageSrc':'https://img.b2bpic.net/free-photo/side-view-gurza-lamb-dumplings-with-sour-cream-plate_141793-3646.jpg','imageAlt':'Ukrainian cherry Varenyky dumplings'}]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          textBoxTitleClassName="text-balance"
          textBoxDescriptionClassName="max-w-xl"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Hear from those who have savored the authentic flavors of Смачна Випічка. Their smiles are our greatest reward."
          tag="Happy Bakers, Happy Customers"
          testimonials={[{'id':'1','name':'Olena Petrova','role':'Food Blogger','company':'Kyivan Kitchen','rating':5,'imageSrc':'https://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12317.jpg','imageAlt':'Portrait of Olena Petrova'},{'id':'2','name':'Dmytro Koval','role':'Chef','company':'Golden Wheat Restaurant','rating':5,'imageSrc':'https://img.b2bpic.net/free-photo/happy-father-giving-thumbs-up-while-holding-plate-muffins_23-2148414896.jpg','imageAlt':'Portrait of Dmytro Koval'},{'id':'3','name':'Anastasiiaenko','role':'Local Resident','company':'Lviv Community','rating':5,'imageSrc':'https://img.b2bpic.net/free-photo/portrait-smiling-redhead-woman-sitting-cafe_171337-15663.jpg','imageAlt':'Portrait of Anastasiiaenko'},{'id':'4','name':'Maksym Hryhorovych','role':'Bakery Enthusiast','company':'Dnipro Foodies','rating':5,'imageSrc':'https://img.b2bpic.net/free-photo/man-baker-with-fresh-bread-baker-house_1303-32273.jpg','imageAlt':'Portrait of Maksym Hryhorovych'}]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          textBoxTitleClassName="text-balance"
          textBoxDescriptionClassName="max-w-xl"
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our ingredients, baking process, and ordering."
          tag="Your Questions, Our Answers"
          faqs={[{'id':'1','title':'What kind of flour do you use?','content':'We proudly use locally sourced, high-quality Ukrainian wheat flour for all our baked goods, ensuring authentic taste and supporting local farmers.'},{'id':'2','title':'Do you offer gluten-free options?','content':'Currently, our traditional recipes do not include gluten-free alternatives, but we are exploring options to cater to dietary needs in the future.'},{'id':'3','title':'Can I place a custom order for an event?','content':'Yes, we happily accept custom orders for special occasions! Please contact us directly to discuss your specific needs and our availability.'},{'id':'4','title':'What are your delivery options?','content':'We offer local delivery within the Kyiv area and in-store pickup. Shipping options for certain non-perishable items are also available upon request.'}]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          textBoxTitleClassName="text-balance"
          textBoxDescriptionClassName="max-w-xl"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch: Order Your Favorites"
          description="Whether you have a question about our traditional recipes or want to place a custom order, we'd love to hear from you. Fill out the form below!"
          inputs={[{'name':'name','type':'text','placeholder':'Your Name','required':true},{'name':'email','type':'email','placeholder':'Your Email','required':true}]}
          textarea={{'name':'message','placeholder':'Your Message or Order Details...','rows':5,'required':true}}
          buttonText="Send Message"
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/white-cheese-bread-with-eggs_140725-3991.jpg"
          imageAlt="Exterior of a traditional Ukrainian bakery"
          mediaAnimation="slide-up"
          mediaPosition="right"
          titleClassName="text-balance"
          descriptionClassName="max-w-xl"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterMedia
          logoText="Смачна Випічка"
          copyrightText="© 2024 Смачна Випічка. All rights reserved."
          imageSrc="https://img.b2bpic.net/free-photo/top-view-fresh-bread-with-milk-eggs-dark-blue-surface_179666-44600.jpg"
          imageAlt="Traditional Ukrainian baking tools"
          columns={[{'title':'Menu','items':[{'label':'Babka','href':'#products'},{'label':'Pampushky','href':'#products'},{'label':'Varenyky','href':'#products'}]},{'title':'Bakery','items':[{'label':'Our Story','href':'#about'},{'label':'FAQ','href':'#faq'},{'label':'Contact','href':'#contact'}]}]}
          mediaClassName="h-80"
          mediaWrapperClassName="h-80"
          logoTextClassName="text-2xl font-bold"
          copyrightTextClassName="text-sm text-center"
          columnTitleClassName="font-semibold"
          columnItemClassName="text-sm"
          columnsClassName="grid grid-cols-2 lg:grid-cols-3 gap-8"
          containerClassName="max-w-full px-8"
        />
      </div>
    </ThemeProvider>
  );
}
