Files
d0748e64-d78a-4b33-bdfc-52c…/src/app/page.tsx

272 lines
18 KiB
TypeScript

"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="smallMedium"
sizing="largeSmallSizeLargeTitles"
background="noise"
cardStyle="gradient-radial"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Хата Огню"
navItems={[
{ name: "Philosophy", id: "philosophy" },
{ name: "Menu", id: "menu" },
{ name: "Banquets", id: "banquets" },
{ name: "Delivery", id: "delivery" },
{ name: "Contacts", id: "contacts" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
title="Хата Огню"
description="Experience the warmth of traditional Ukrainian hospitality in a modern setting. Savor authentic dishes and cozy ambiance."
background={{ variant: "downward-rays-static" }}
avatars={[
{ src: "https://img.b2bpic.net/free-photo/full-shot-woman-getting-warmer-by-fire_23-2149172517.jpg", alt: "Fireplace interior" },
{ src: "https://img.b2bpic.net/free-photo/beautiful-landscape-with-mountains_23-2151151078.jpg", alt: "Mountain landscape" }
]}
buttons={[
{ label: "Book a Table", href: "contacts", dataWebildId: "book_table_button" },
{ label: "View Menu", href: "menu", dataWebildId: "view_menu_button" },
{ label: "Visit Us", href: "about", dataWebildId: "visit_us_button" }
]}
imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
imageAlt="Luxury gradient background"
/>
</div>
<div id="philosophy" data-section="philosophy">
<MediaSplitTabsAbout
title="Our Philosophy"
description="Discover the heart of Хата Огню - where tradition meets warmth"
tabs={[
{
id: "family-format", label: "Family Format", description: "We believe dining should feel like coming home. Our family-owned restaurant celebrates togetherness, creating memories around shared meals and authentic Ukrainian hospitality that welcomes everyone as part of our extended family."
},
{
id: "ethno-design", label: "Ethno Design", description: "Every corner reflects Ukrainian cultural heritage. Custom-designed interiors feature traditional patterns, natural wood, clay accents, and rustic charm that transport guests to authentic Ukrainian traditions and timeless elegance."
},
{
id: "culinary-tradition", label: "Culinary Tradition", description: "Our kitchen honors generations of Ukrainian culinary excellence. From wood-fired preparations to time-honored recipes, each dish tells a story of heritage, passion, and dedication to preserving authentic flavors."
}
]}
imageSrc="https://img.b2bpic.net/free-photo/side-view-wild-berries-clay-pot-table_141793-3800.jpg"
imageAlt="Authentic Ukrainian restaurant interior"
imagePosition="right"
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
<div id="banquets" data-section="banquets">
<ProductCardFour
title="Banquet Locations"
description="Discover our versatile spaces perfectly suited for celebrations, corporate events, and family gatherings. Each hall combines authentic Ukrainian aesthetics with modern comfort."
tag="Event Spaces"
products={[
{
id: "1", name: "Main Hall", price: "80+ guests", variant: "Stage, Fireplace, Traditional Decor", imageSrc: "https://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg", imageAlt: "Main banquet hall with stage and fireplace"
},
{
id: "2", name: "Lounge Zone", price: "30-50 guests", variant: "Hookah Corner, Terrace Access, Cozy Seating", imageSrc: "https://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg", imageAlt: "Comfortable lounge area with hookah zone"
},
{
id: "3", name: "VIP Room", price: "20-30 guests", variant: "Private, Luxury Details, Intimate Atmosphere", imageSrc: "https://img.b2bpic.net/free-photo/young-playful-sensual-woman-posing-luxury-hotel-enjoy-her-relaxed-morning-wearing-silk-robe-soft-toned-colors-relaxed-boudoir-atmosphere_291049-1125.jpg", imageAlt: "Exclusive VIP private dining room"
},
{
id: "4", name: "Kids' Room", price: "15-25 guests", variant: "Family-Friendly, Safe, Entertainment-Ready", imageSrc: "https://img.b2bpic.net/free-photo/interior-design-kindergarten-classroom_53876-146760.jpg", imageAlt: "Colorful kids' celebration space"
},
{
id: "5", name: "Second Floor Hall", price: "60+ guests", variant: "Spacious, Flexible Layout, Climate Controlled", imageSrc: "https://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg", imageAlt: "Expansive second floor event space"
},
{
id: "6", name: "Terrace", price: "40-70 guests", variant: "Seasonal, Open-Air, Garden Setting", imageSrc: "https://img.b2bpic.net/free-photo/stylish-young-woman-walk-after-shopping-christmas-preparations_169016-16485.jpg", imageAlt: "Beautiful outdoor terrace space"
},
{
id: "7", name: "Cottage 1", price: "10-20 guests", variant: "Rustic Charm, Private Entrance, Intimate", imageSrc: "https://img.b2bpic.net/free-photo/old-residential-building-village-museum-bucharest-romania_1268-21652.jpg", imageAlt: "Traditional cottage venue"
},
{
id: "8", name: "Cottage 2", price: "10-20 guests", variant: "Rustic Charm, Private Entrance, Intimate", imageSrc: "https://img.b2bpic.net/free-photo/old-residential-building-village-museum-bucharest-romania_1268-21652.jpg", imageAlt: "Traditional cottage venue"
},
{
id: "9", name: "Cottage 3", price: "10-20 guests", variant: "Rustic Charm, Private Entrance, Intimate", imageSrc: "https://img.b2bpic.net/free-photo/old-residential-building-village-museum-bucharest-romania_1268-21652.jpg", imageAlt: "Traditional cottage venue"
}
]}
textboxLayout="default"
gridVariant="bento-grid"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardNineteen
title="Our Menu"
description="Authentic Ukrainian cuisine prepared with passion. From traditional recipes to modern interpretations, each dish celebrates our culinary heritage."
tag="Dining Experience"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
tag: "Kitchen", title: "Traditional Dishes", subtitle: "Authentic Ukrainian recipes", description: "Savor time-honored Ukrainian classics prepared using traditional cooking methods. From hearty pottages to grilled specialties, each dish honors generations of culinary excellence.", imageSrc: "https://img.b2bpic.net/free-photo/fried-meat-with-mixed-onions-herbs_140725-44191.jpg", imageAlt: "Traditional Ukrainian dish"
},
{
id: 2,
tag: "Grilling", title: "From the Fire", subtitle: "Wood-fired meat specialties", description: "Our signature meat dishes prepared over an open flame. Premium cuts grilled to perfection, infused with smoke and tradition. A feast for those who appreciate authentic fire-cooked cuisine.", imageSrc: "https://img.b2bpic.net/free-photo/side-view-lamb-kebab-grilled-lamb-ribs-with-lettuce-tomato-greens-red-onion-grilled-corn-dried-barberry-glass-red-wine-table_141793-4982.jpg", imageAlt: "Grilled meat specialties"
},
{
id: 3,
tag: "Bar", title: "Beverage Selection", subtitle: "Curated drinks & spirits", description: "Thoughtfully selected Ukrainian and international beverages. Premium vodkas, wines, and craft cocktails complement our culinary offerings perfectly.", imageSrc: "https://img.b2bpic.net/free-photo/top-view-grilled-kebab-mix-fresh-herbs_140725-12387.jpg", imageAlt: "Bar beverage selection"
}
]}
/>
</div>
<div id="delivery" data-section="delivery">
<PricingCardTwo
title="From the Fire Delivery"
description="Premium meat dishes delivered to your home. Authentic Ukrainian fire-grilled specialties perfect for family dinners and celebrations."
tag="Home Delivery"
plans={[
{
id: "family-platter", badge: "Family Feast", price: "From 45 UAH", subtitle: "Perfect for 4-6 people", buttons: [
{ text: "Order Now", href: "contacts" },
{ text: "Learn More" }
],
features: [
"Mixed grilled meats", "Fresh vegetables", "Homemade sauces", "Delivery to your door"
]
},
{
id: "premium-selection", badge: "Premium Selection", price: "From 65 UAH", subtitle: "Best for special occasions", buttons: [
{ text: "Order Now", href: "contacts" },
{ text: "View Details" }
],
features: [
"Premium meat cuts", "Chef's special preparation", "Wine pairing suggestions", "Priority delivery"
]
},
{
id: "corporate-catering", badge: "Corporate Catering", price: "Custom Pricing", subtitle: "Events and celebrations", buttons: [
{ text: "Inquire", href: "contacts" },
{ text: "Request Quote" }
],
features: [
"Full menu customization", "Large quantity orders", "Professional service", "Event coordination"
]
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Guest Stories"
description="Hear from our guests about their unforgettable experiences at Хата Огню"
tag="Testimonials"
showRating={true}
testimonials={[
{
id: "1", name: "Марія Павленко", handle: "@maria_p", testimonial: "Absolutely magical experience! The atmosphere transported us back to grandmother's house. Every detail, from the decor to the food, speaks of authenticity and love.", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", imageAlt: "Марія Павленко"
},
{
id: "2", name: "Дмитро Ковальчук", handle: "@dmitro_k", testimonial: "We hosted our wedding celebration here and it was perfect. The staff treated us like family, the food was incredible, and the venue's character is unmatched.", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", imageAlt: "Дмитро Ковальчук"
},
{
id: "3", name: "Олена Морозова", handle: "@elena_m", testimonial: "This restaurant is a hidden gem! The traditional Ukrainian cuisine combined with the ethno-styled interior creates an atmosphere you simply cannot find elsewhere.", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg", imageAlt: "Олена Морозова"
},
{
id: "4", name: "Іван Петренко", handle: "@ivan_p", testimonial: "Brought my family for a birthday celebration. The warmth of the place, the quality of food, and the impeccable service made it a day we'll remember forever.", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", imageAlt: "Іван Петренко"
},
{
id: "5", name: "Софія Андрієнко", handle: "@sofia_a", testimonial: "Their delivery service is exceptional! The meat dishes arrive perfectly cooked and warm. It's like enjoying restaurant quality food at home.", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg", imageAlt: "Софія Андрієнко"
},
{
id: "6", name: "Сергій Романко", handle: "@sergey_r", testimonial: "Every banquet here feels like a celebration of culture. The team goes above and beyond to make every guest feel welcomed and valued.", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Сергій Романко"
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contacts" data-section="contacts">
<ContactText
text="Ready to celebrate at Хата Огню? Reserve your table or inquire about our banquet services. We're here to make your event unforgettable."
animationType="entrance-slide"
buttons={[
{ text: "Book a Table", href: "https://example.com/reservations" },
{ text: "Call Us", href: "tel:+380123456789" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Restaurant", items: [
{ label: "About Us", href: "#philosophy" },
{ label: "Menu", href: "#menu" },
{ label: "Banquet Halls", href: "#banquets" },
{ label: "Delivery", href: "#delivery" }
]
},
{
title: "Contact", items: [
{ label: "Phone: +380 (123) 456-789", href: "tel:+380123456789" },
{ label: "Email: info@hata-ogniu.ua", href: "mailto:info@hata-ogniu.ua" },
{ label: "Address: Kyiv, Ukraine", href: "https://maps.google.com" },
{ label: "Hours: Mon-Sun 12:00-23:00" }
]
},
{
title: "Follow Us", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Twitter", href: "https://twitter.com" }
]
}
]}
bottomLeftText="© 2025 Хата Огню. All rights reserved."
bottomRightText="Authentic Ukrainian Hospitality"
/>
</div>
</ThemeProvider>
);
}