"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
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="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="fluid"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <main>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "home" },
              { name: "About Us", id: "about" },
              { name: "Menu", id: "menu" },
              { name: "Testimonials", id: "testimonials" },
              { name: "FAQ", id: "faq" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="Смак України"
            button={{ text: "Order Now", href: "#contact" }}
            buttonClassName="bg-primary-cta text-primary-cta-text"
            buttonTextClassName="text-primary-cta-text"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroSplit
            title="Смак України"
            description="Experience the authentic taste of Ukraine with our traditional baked goods, crafted with love and age-old recipes."
            background={{ variant: "plain" }}
            imageSrc="https://img.b2bpic.net/free-photo/vertical-view-whole-black-bread-brown-towel-potteries-dark-colors-surface_179666-24652.jpg"
            imageAlt="A display of freshly baked Ukrainian traditional bread and pastries"
            imagePosition="right"
            buttons={[
              { text: "Explore Our Menu", href: "#menu" },
              { text: "Our Story", href: "#about" },
            ]}
            mediaAnimation="slide-up"
            tag="Freshly Baked"
            buttonContainerClassName="gap-4"
            buttonClassName="bg-primary-cta text-primary-cta-text"
            buttonTextClassName="text-primary-cta-text"
            titleClassName="text-foreground"
            descriptionClassName="text-foreground"
          />
        </div>

        <div id="about" data-section="about">
          <MediaAbout
            title="Generations of Flavor & Tradition"
            description="At Smak Ukrainy, we bring you the rich culinary heritage of Ukraine. Our recipes have been passed down through generations, ensuring every bite tells a story of warmth, family, and tradition. We use only the finest local ingredients to create pastries and breads that are truly authentic."
            tag="Our Story"
            imageSrc="https://img.b2bpic.net/free-photo/man-baker-with-fresh-bread-baker-house_1303-32273.jpg"
            imageAlt="An elderly Ukrainian baker smiling while working with dough"
            buttons={[{ text: "Learn More", href: "#contact" }]}
            useInvertedBackground={true}
            buttonClassName="bg-primary-cta text-primary-cta-text"
            buttonTextClassName="text-primary-cta-text"
            titleClassName="text-foreground"
            descriptionClassName="text-foreground"
          />
        </div>

        <div id="menu" data-section="menu">
          <ProductCardOne
            title="Our Traditional Delights"
            description="Discover a mouth-watering selection of Ukrainian breads, pastries, and sweets, baked fresh daily."
            products={[
              {
                id: "paska",                name: "Paska (Easter Bread)",                price: "$18.00",                imageSrc: "https://img.b2bpic.net/free-photo/sultana-pie-slices-blue-checked-towel_114579-61932.jpg",                imageAlt: "Traditional Ukrainian Easter bread, Paska"},
              {
                id: "pirozhok",                name: "Pirozhok (Savory Pastries)",                price: "$4.50",                imageSrc: "https://img.b2bpic.net/free-photo/delicious-ravioli-with-tomato-sauce-dill_2829-16724.jpg",                imageAlt: "Assorted Ukrainian savory pastries, Pirozhok"},
              {
                id: "varenyky",                name: "Varenyky (Sweet Dumplings)",                price: "$12.00",                imageSrc: "https://img.b2bpic.net/free-photo/meat-dumplings-russian-boiled-pelmeni-plate_2829-13794.jpg",                imageAlt: "Sweet varenyky with cheese filling"},
              {
                id: "honey-cake",                name: "Medovyk (Honey Cake)",                price: "$6.00 / slice",                imageSrc: "https://img.b2bpic.net/free-photo/slice-homemade-honey-cake_658428-129.jpg",                imageAlt: "A slice of traditional Ukrainian honey cake, Medovyk"},
            ]}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            cardClassName="bg-card"
            cardNameClassName="text-foreground"
            cardPriceClassName="text-accent"
            titleClassName="text-foreground"
            descriptionClassName="text-foreground"
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardOne
            title="What Our Customers Say"
            description="Hear from those who've experienced the warmth and flavor of Smak Ukrainy."
            testimonials={[
              {
                id: "1",                name: "Oksana Kovalenko",                role: "Local Resident",                company: "Kyiv",                rating: 5,
                imageSrc: "https://img.b2bpic.net/free-photo/tablet-mobile-female-using-phone_1303-2074.jpg",                imageAlt: "Oksana Kovalenko smiling"},
              {
                id: "2",                name: "Taras Shevchenko",                role: "Food Blogger",                company: "Lviv Foodies",                rating: 5,
                imageSrc: "https://img.b2bpic.net/free-photo/waiter-serving-cup-coffee-customer_1170-634.jpg",                imageAlt: "Taras Shevchenko smiling"},
              {
                id: "3",                name: "Halyna Protsenko",                role: "Chef",                company: "Golden Spoon Cafe",                rating: 5,
                imageSrc: "https://img.b2bpic.net/free-photo/mother-with-little-charming-daughter-is-sitting-cafeteria-sunlight_291650-1195.jpg",                imageAlt: "Halyna Protsenko smiling"},
              {
                id: "4",                name: "Dmytro Vasylenko",                role: "Historian",                company: "Ukrainian Cultural Center",                rating: 5,
                imageSrc: "https://img.b2bpic.net/free-photo/smell-fresh-bread-warm-kitchen-moment-slow-lifestyle_169016-68780.jpg",                imageAlt: "Dmytro Vasylenko smiling"},
            ]}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            cardClassName="bg-card"
            nameClassName="text-foreground"
            roleClassName="text-foreground"
            companyClassName="text-foreground"
            titleClassName="text-foreground"
            descriptionClassName="text-foreground"
            overlayClassName="bg-card/70 backdrop-blur-sm"
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqBase
            title="Frequently Asked Questions"
            description="Find answers to common questions about our bakery, products, and services."
            faqs={[
              {
                id: "1",                title: "What are your most popular traditional items?",                content: "Our Paska (Easter bread), Pirozhky, and Medovyk (honey cake) are among our most beloved traditional offerings. We also have a rotating selection of seasonal specialties!"},
              {
                id: "2",                title: "Do you offer custom orders for events?",                content: "Yes, we do! Please contact us directly to discuss your custom order needs for weddings, birthdays, or any special occasion. We'd love to help make your event sweeter."},
              {
                id: "3",                title: "Are there any gluten-free or vegan options available?",                content: "While many traditional Ukrainian recipes rely on wheat and dairy, we are exploring options to include gluten-free and vegan alternatives in the future. Please check back or inquire about current availability."},
              {
                id: "4",                title: "Where do you source your ingredients?",                content: "We prioritize using fresh, high-quality ingredients, often sourced from local Ukrainian farms and suppliers to ensure authenticity and support our community."},
            ]}
            faqsAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            accordionClassName="bg-card"
            accordionTitleClassName="text-foreground"
            accordionContentClassName="text-foreground"
            titleClassName="text-foreground"
            descriptionClassName="text-foreground"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            title="Connect with Smak Ukrainy"
            description="Have a question, custom order request, or just want to say hello? We'd love to hear from you!"
            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",              rows: 5,
              required: true,
            }}
            buttonText="Send Message"
            imageSrc="https://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg"
            imageAlt="A cozy and inviting interior of a traditional Ukrainian bakery"
            mediaAnimation="slide-up"
            mediaPosition="left"
            useInvertedBackground={true}
            buttonClassName="bg-primary-cta text-primary-cta-text"
            buttonTextClassName="text-primary-cta-text"
            formCardClassName="bg-card"
            titleClassName="text-foreground"
            descriptionClassName="text-foreground"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="https://img.b2bpic.net/free-photo/vertical-view-whole-black-bread-brown-towel-potteries-dark-colors-surface_179666-24652.jpg"
            imageAlt="Traditional Ukrainian bakery display"
            logoText="Смак України"
            columns={[
              {
                title: "Bakery",                items: [
                  { label: "Our Menu", href: "#menu" },
                  { label: "Our Story", href: "#about" },
                  { label: "FAQ", href: "#faq" },
                ],
              },
              {
                title: "Connect",                items: [
                  { label: "Contact Us", href: "#contact" },
                  { label: "Instagram", href: "https://instagram.com" },
                  { label: "Facebook", href: "https://facebook.com" },
                ],
              },
            ]}
            copyrightText="© 2024 Smak Ukrainy. All rights reserved."
            logoTextClassName="text-foreground"
            columnTitleClassName="text-foreground"
            columnItemClassName="text-foreground"
            copyrightTextClassName="text-foreground"
          />
        </div>
      </main>
    </ThemeProvider>
  );
}
