272 lines
18 KiB
TypeScript
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>
|
|
);
|
|
} |