92331962-4fd4-469f-a218-c61803447251/src/app/page.tsx

"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 SitePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="large"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay 
          brandName="Zoryana Bakery"
          navItems={[
            { name: "About Us", id: "about" },
            { name: "Products", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Order Now", href: "#contact" }}
          className="py-4 px-6 md:px-8"
          buttonClassName="px-5 py-2 text-sm md:text-base"
          buttonTextClassName="font-medium"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay 
          title="Zoryana Bakery"
          description="Taste the authentic flavors of Ukraine. Freshly baked goods made with love and tradition."
          tag="Authentic Ukrainian Delights"
          buttons={[
            { text: "View Our Menu", href: "#products" },
            { text: "Order Now", href: "#contact" },
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/white-cheese-bread-with-eggs_140725-3991.jpg"
          imageAlt="Warm and inviting Ukrainian bakery interior with fresh pastries"
          textPosition="bottom-left"
          showDimOverlay={true}
          showBlur={true}
          titleClassName="text-4xl md:text-5xl lg:text-6xl font-extrabold leading-tight"
          descriptionClassName="text-lg md:text-xl max-w-2xl"
          tagClassName="text-sm md:text-base px-3 py-1 rounded-full bg-primary-cta text-primary-cta-text font-semibold"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout 
          title="Our Story, Our Passion"
          description="At Zoryana Bakery, we bring the heart of Ukraine to your table. Every loaf of bread, every pastry, is crafted with age-old recipes passed down through generations. We use only the finest local ingredients, ensuring each bite is a taste of home and tradition."
          tag="Baked with Love in Our Community"
          imageSrc="https://img.b2bpic.net/free-photo/man-baker-with-fresh-bread-baker-house_1303-32273.jpg"
          imageAlt="Ukrainian baker proudly holding a freshly baked traditional bread"
          useInvertedBackground={false}
          buttons={[{ text: "Learn More", href: "#" }]}
          titleClassName="text-4xl font-semibold"
          descriptionClassName="text-lg max-w-2xl"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne 
          title="Our Delicious Products"
          description="Explore our range of traditional Ukrainian baked goods, from savory pastries to sweet treats. Each item is a testament to our rich culinary heritage."
          tag="Freshly Baked Daily"
          products={[
            { id: "1", name: "Paska (Easter Bread)", price: "$18.00", imageSrc: "https://img.b2bpic.net/free-photo/baked-pastry-cloth-with-wheat_23-2148359035.jpg", imageAlt: "Traditional Ukrainian Paska bread" },
            { id: "2", name: "Pirozhki (Savory Buns)", price: "$4.50", imageSrc: "https://img.b2bpic.net/free-photo/glass-jar-milk-dried-dates-basket-gogals-marble-table_114579-29993.jpg", imageAlt: "Assortment of savory Pirozhki buns" },
            { id: "3", name: "Varenyky (Sweet Dumplings)", price: "$12.00", imageSrc: "https://img.b2bpic.net/free-photo/side-view-traditional-azerbaijani-gurza-wooden-cutting-board_140725-10309.jpg", imageAlt: "Plate of sweet Varenyky dumplings with berries" },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="What Our Community Says"
          description="Hear from our cherished customers who have experienced the warmth and flavor of Zoryana Bakery."
          tag="Trusted by Locals"
          testimonials={[
            { id: "1", name: "Oksana Kovalenko", role: "Local Resident", company: "Kyiv, Ukraine", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/this-is-best-job-young-people_329181-2905.jpg", imageAlt: "Portrait of Oksana Kovalenko" },
            { id: "2", name: "Dmytro Horbatenko", role: "Food Enthusiast", company: "Lviv, Ukraine", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/smiling-woman-clicking-photo-burger-from-mobile-phone_1170-740.jpg", imageAlt: "Portrait of Dmytro Horbatenko" },
            { id: "3", name: "Anastasia Lysenko", role: "Cafe Owner", company: "Odesa, Ukraine", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/man-baker-kitchen-by-pastry-cart_1303-32295.jpg", imageAlt: "Portrait of Anastasia Lysenko" },
            { id: "4", name: "Maksym Semenov", role: "Student", company: "Kharkiv, Ukraine", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/portrait-family-having-fun-kitchen_329181-5378.jpg", imageAlt: "Portrait of Maksym Semenov" },
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase 
          title="Frequently Asked Questions"
          description="Find quick answers to common questions about our bakery, products, and ordering process."
          tag="Your Questions Answered"
          faqs={[
            { id: "1", title: "What are your bakery hours?", content: "We are open Tuesday to Saturday, from 8 AM to 5 PM. Closed on Sundays and Mondays." },
            { id: "2", title: "Do you offer gluten-free options?", content: "Currently, we offer a selection of naturally gluten-free items, but our kitchen handles wheat. Please contact us for specific inquiries." },
            { id: "3", title: "Can I place a custom order for an event?", content: "Yes! We love custom orders for special occasions. Please contact us at least one week in advance to discuss your needs." },
            { id: "4", title: "Do you deliver?", content: "We offer local delivery within a 10-mile radius for orders over $30. A delivery fee applies." },
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Visit Our Bakery or Say Hello!"
          description="We'd love to hear from you or see you at our shop. Fill out the form below or stop by for a fresh treat."
          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 }}
          imageSrc="https://img.b2bpic.net/free-photo/bakery-shop-gourmet-concept_53876-163311.jpg?_wi=1"
          imageAlt="Exterior of Zoryana Bakery, a welcoming local shop"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
          useInvertedBackground={false}
          titleClassName="text-4xl font-semibold"
          descriptionClassName="text-lg max-w-2xl"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-photo/bakery-shop-gourmet-concept_53876-163311.jpg?_wi=2"
          imageAlt="Exterior of Zoryana Bakery at dusk"
          columns={[
            { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Products", href: "#products" }, { label: "About Us", href: "#about" }] },
            { title: "Connect", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
            { title: "Follow Us", items: [{ label: "Facebook", href: "https://facebook.com/zoryanabakery" }, { label: "Instagram", href: "https://instagram.com/zoryanabakery" }] },
          ]}
          logoText="Zoryana Bakery"
          copyrightText="© 2024 Zoryana Bakery. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}