219 lines
12 KiB
TypeScript
219 lines
12 KiB
TypeScript
"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="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<main>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Baba's Bakery"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Order Now", href: "#contact" }}
|
|
className="py-4 px-6 md:px-10"
|
|
buttonClassName="px-5 py-2"
|
|
buttonTextClassName="text-base"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Authentic Ukrainian Baking, From Our Oven to Your Table"
|
|
description="Experience the warmth of homemade traditions with our delicious breads, pastries, and desserts, crafted with love and authentic recipes."
|
|
buttons={[
|
|
{ text: "Explore Our Menu", href: "#products" },
|
|
{ text: "Find Us", 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"
|
|
showBlur={true}
|
|
showDimOverlay={false}
|
|
className="h-screen"
|
|
titleClassName="text-4xl md:text-6xl lg:text-7xl font-bold leading-tight"
|
|
descriptionClassName="text-lg md:text-xl max-w-xl"
|
|
buttonClassName="min-w-32 px-6 py-3"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Our Story: A Taste of Ukraine in Every Bite"
|
|
description="Founded on generations of family recipes and a passion for baking, Baba's Bakery brings the rich culinary heritage of Ukraine to your neighborhood. We use only the finest ingredients, ensuring every product is a testament to tradition and quality."
|
|
tag="About Us"
|
|
buttons={[{ text: "Meet the Team", href: "#" }]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/female-baker-taking-notes-while-pastry-shop_23-2150379560.jpg"
|
|
imageAlt="Smiling Ukrainian baker kneading dough in a rustic kitchen"
|
|
useInvertedBackground={false}
|
|
className="py-20"
|
|
textBoxClassName="rounded-lg p-8 md:p-12"
|
|
titleClassName="text-4xl md:text-5xl font-semibold"
|
|
descriptionClassName="text-lg md:text-xl leading-relaxed"
|
|
buttonClassName="px-6 py-3"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Our Delicious Offerings"
|
|
description="From savory varenyky to sweet paska, discover a world of authentic Ukrainian flavors. Each item is baked fresh daily with care."
|
|
products={[
|
|
{
|
|
id: "1", name: "Varenyky (Dumplings)", price: "$12.00", imageSrc: "https://img.b2bpic.net/free-photo/delicious-dumplings-with-cherries-jam_2829-8239.jpg", imageAlt: "Plate of freshly made varenyky dumplings"},
|
|
{
|
|
id: "2", name: "Paska (Easter Bread)", price: "$25.00", imageSrc: "https://img.b2bpic.net/free-photo/spanish-typical-epiphany-cake-roscon-de-reyes-green-background_123827-19818.jpg", imageAlt: "Traditional Ukrainian Easter bread, Paska"},
|
|
{
|
|
id: "3", name: "Syrnyky (Cheese Pancakes)", price: "$10.00", imageSrc: "https://img.b2bpic.net/free-photo/strawberry-rolled-cake-fruit-ice-cream_1203-5677.jpg", imageAlt: "Stack of golden syrnyky cheese pancakes"},
|
|
{
|
|
id: "4", name: "Medovik (Honey Cake)", price: "$8.00/slice", imageSrc: "https://img.b2bpic.net/free-photo/slice-homemade-honey-cake_658428-129.jpg", imageAlt: "Slice of rich, multi-layered Medovik honey cake"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="py-20"
|
|
cardClassName="hover:shadow-lg transition-shadow duration-300"
|
|
cardNameClassName="text-lg font-semibold"
|
|
cardPriceClassName="text-xl font-bold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Hear from those who have savored the authentic taste of Baba's Bakery."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Olena K.", role: "Local Resident", company: "Community Supporter", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-eating-piece-cake_171337-4068.jpg", imageAlt: "Smiling woman, Olena K."},
|
|
{
|
|
id: "2", name: "Dmytro B.", role: "Food Blogger", company: "Culinary Critic", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-baker-kitchen-by-pastry-cart_1303-32295.jpg", imageAlt: "Man with traditional Ukrainian bread"},
|
|
{
|
|
id: "3", name: "Anastasia P.", role: "Cafe Owner", company: "Partnership", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg", imageAlt: "Woman enjoying a pastry and coffee"},
|
|
{
|
|
id: "4", name: "Mykola S.", role: "New Customer", company: "First-time Visitor", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/mother-with-little-charming-daughter-is-sitting-cafeteria-sunlight_291650-1195.jpg", imageAlt: "Man holding a fresh loaf of bread"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="py-20"
|
|
cardClassName="min-h-95 rounded-lg overflow-hidden relative flex flex-col justify-end p-6"
|
|
overlayClassName="bg-gradient-to-t from-background via-background/80 to-transparent p-6 pt-20 text-foreground"
|
|
nameClassName="font-semibold text-lg"
|
|
roleClassName="text-sm text-foreground/80"
|
|
companyClassName="text-xs text-foreground/60"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Got questions? We've got answers. If you can't find what you're looking for, feel free to contact us!"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your bakery hours?", content: "We are open Tuesday to Saturday from 8 AM to 5 PM."},
|
|
{
|
|
id: "2", title: "Do you offer gluten-free options?", content: "Currently, we offer a limited selection of gluten-free treats. Please ask our staff for details."},
|
|
{
|
|
id: "3", title: "Can I place a custom order for a special event?", content: "Yes! We love creating custom orders for birthdays, weddings, and other celebrations. Please contact us at least one week in advance."},
|
|
{
|
|
id: "4", title: "Do you deliver?", content: "We offer local delivery within a 10-mile radius for orders over $50. Delivery fees apply."},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="py-20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Visit Us or Send a Message"
|
|
description="We'd love to hear from you! Stop by for a fresh treat or send us a message with any inquiries."
|
|
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?_wi=1"
|
|
imageAlt="Cozy interior of a Ukrainian bakery with display counter"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
useInvertedBackground={false}
|
|
className="py-20"
|
|
formCardClassName="p-8 md:p-12 rounded-lg"
|
|
titleClassName="text-4xl md:text-5xl font-semibold"
|
|
descriptionClassName="text-lg text-foreground/80"
|
|
buttonClassName="min-w-32 px-6 py-3"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg?_wi=2"
|
|
imageAlt="Interior of a warm and inviting Ukrainian bakery"
|
|
logoText="Baba's Bakery"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{ label: "Breads", href: "#products" },
|
|
{ label: "Pastries", href: "#products" },
|
|
{ label: "Desserts", href: "#products" },
|
|
],
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Baba's Bakery. All rights reserved."
|
|
className="py-10 bg-background"
|
|
/>
|
|
</div>
|
|
</main>
|
|
</ThemeProvider>
|
|
);
|
|
}
|