"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 SitePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay 
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Смачно Bakery"
          button={{ text: "Order Now", href: "contact" }}
          buttonClassName="min-w-[120px] justify-center"
          buttonTextClassName="text-center"
          className="z-50"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplit 
          title="Смачно Bakery"
          description="Experience the rich tradition and exquisite flavors of authentic Ukrainian baked goods, crafted with love and age-old recipes."
          background={{ variant: 'aurora' }}
          buttons={[{ text: "Our Menu", href: "menu" }, { text: "Contact Us", href: "contact" }]}
          imageSrc="https://img.b2bpic.net/free-photo/baker-holding-fresh-bread-hands_169016-1421.jpg"
          imageAlt="Traditional Ukrainian bread and pastries on a rustic table"
          mediaAnimation="slide-up"
          imagePosition="right"
          fixedMediaHeight={true}
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
        />
      </div>
      <div id="about" data-section="about">
        <MediaAbout 
          title="Crafting Traditions, One Loaf at a Time"
          description="At Смачно Bakery, we honor the culinary heritage of Ukraine. Every pastry, every bread, is a testament to generations of baking expertise, using only the finest ingredients to bring you a taste of home."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/handful-flour-with-egg-rustic-kitchen-against-background-men-s-hands-knead-dough-ingredients-cooking-flour-products-dough-bread-muffins-pie-pizza-dough-copy-space_639032-457.jpg"
          imageAlt="Baker kneading dough with traditional Ukrainian patterns in the background"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
          tagClassName="text-foreground"
        />
      </div>
      <div id="menu" data-section="menu">
        <ProductCardOne 
          title="Our Traditional Delights"
          description="From sweet Paska to savory Pyrizhky, explore our authentic selection of Ukrainian baked goods."
          products={[
            { id: "paska", name: "Paska", price: "$25.00", imageSrc: "https://img.b2bpic.net/free-photo/sultana-pie-slices-blue-checked-towel_114579-61932.jpg?_wi=1", imageAlt: "Beautifully decorated Ukrainian Easter bread, Paska" },
            { id: "pyrizhky", name: "Pyrizhky", price: "$4.50", imageSrc: "https://img.b2bpic.net/free-photo/mini-casserole-with-side-salad_140725-4052.jpg?_wi=1", imageAlt: "Assortment of savory Ukrainian pyrizhky pastries" },
            { id: "honey-cake", name: "Medovyk (Honey Cake)", price: "$35.00", imageSrc: "https://img.b2bpic.net/free-photo/slice-homemade-honey-cake_658428-131.jpg?_wi=1", imageAlt: "Delicious multi-layered Ukrainian honey cake, Medovyk" },
            { id: "varenyky-pies", name: "Varenyky (Sweet Pies)", price: "$6.00", imageSrc: "https://img.b2bpic.net/free-photo/mini-casserole-with-side-salad_140725-4052.jpg?_wi=2", imageAlt: "Sweet varenyky pies with fruit filling" },
            { id: "nalysnyky", name: "Nalysnyky (Crepes)", price: "$8.00", imageSrc: "https://img.b2bpic.net/free-photo/sultana-pie-slices-blue-checked-towel_114579-61932.jpg?_wi=2", imageAlt: "Thin Ukrainian crepes filled with cottage cheese" },
            { id: "kolach", name: "Kolach (Braided Bread)", price: "$18.00", imageSrc: "https://img.b2bpic.net/free-photo/slice-homemade-honey-cake_658428-131.jpg?_wi=2", imageAlt: "Round braided Ukrainian bread, Kolach" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="What Our Customers Say"
          description="Hear from those who have savored the authentic taste of Смачно Bakery."
          testimonials={[
            { id: "1", name: "Olena K.", role: "Food Enthusiast", company: "Local Community", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg" },
            { id: "2", name: "Dmytro S.", role: "Chef", company: "", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/portrait-waiter-holding-plate-cup-cake-counter_1170-602.jpg" },
            { id: "3", name: "Irina P.", role: "Home Baker", company: "", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/woman-having-lunch-outdoors-while-surrounded-by-family_23-2149043470.jpg" },
            { id: "4", name: "Markian Z.", role: "Restaurant Owner", company: "", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12318.jpg" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Order Your Ukrainian Delights"
          description="Have a question or special request? We'd love to hear from you. Place your order or inquire about custom requests here."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Your Order / Message", rows: 5, required: true }}
          imageSrc="https://img.b2bpic.net/free-photo/white-cheese-bread-with-eggs_140725-3991.jpg?_wi=1"
          imageAlt="Interior of a cozy Ukrainian bakery with fresh bread"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Order"
          useInvertedBackground={false}
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
          formCardClassName="bg-card"
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqBase 
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products, ingredients, and ordering process."
          faqs={[
            { id: "1", title: "Do you offer gluten-free options?", content: "Currently, we do not offer gluten-free products, but we are exploring options for the future." },
            { id: "2", title: "How far in advance should I place a custom order?", content: "For custom orders, we recommend placing them at least 3-5 days in advance, depending on complexity." },
            { id: "3", title: "What are your delivery options?", content: "We offer local delivery within a 15-mile radius and in-store pickup during business hours." },
            { id: "4", title: "Are your ingredients locally sourced?", content: "We prioritize using fresh, high-quality, and often local ingredients whenever possible." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterMedia 
          columns={[
            { title: "Bakery", items: [{ label: "Our Story", href: "about" }, { label: "Menu", href: "menu" }, { label: "Contact Us", href: "contact" }] },
            { title: "Support", items: [{ label: "FAQ", href: "faq" }, { label: "Shipping", href: "#" }] }
          ]}
          logoText="Смачно Bakery"
          copyrightText="© 2024 Смачно Bakery. All rights reserved."
          imageSrc="https://img.b2bpic.net/free-photo/white-cheese-bread-with-eggs_140725-3991.jpg?_wi=2"
          imageAlt="Warm and inviting interior of a traditional Ukrainian bakery"
        />
      </div>
    </ThemeProvider>
  );
}