Files
aeaf7196-3a1d-4338-8f0f-2b4…/src/app/page.tsx
2026-03-09 17:05:58 +00:00

205 lines
13 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Star, Heart, Flame, DollarSign, Coffee, UtensilsCrossed, Quote, MapPin } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="fluid"
cardStyle="glass-elevated"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="ОбNял"
navItems={[
{ name: "О нас", id: "about" },
{ name: "Меню", id: "menu" },
{ name: "Отзывы", id: "testimonials" },
{ name: "Контакты", id: "contact" }
]}
button={{
text: "Забронировать", href: "tel:+375296728847"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Гриль-Бар ОбNял"
description="Уютное атмосферное место с вкусной едой по приятным ценам. Насладитесь лучшей едой в спокойной и уютной обстановке."
tag="Минск · 5,0 ★"
tagIcon={Star}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081864.jpg?_wi=1", imageAlt: "Гриль-бар ОбNял интерьер"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-with-variety-three-sauces_23-2148646572.jpg?_wi=1", imageAlt: "Крылышки гриль-бара"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-baked-fish-fillet-with-herbs-vegetables-table_141793-2937.jpg?_wi=1", imageAlt: "Гриль мясо"
}
]}
buttons={[
{ text: "Позвонить", href: "tel:+375296728847" },
{ text: "Адрес", href: "#contact" }
]}
buttonAnimation="blur-reveal"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
title="О гриль-баре ОбNял"
description="Мы создали место, где каждый гость чувствует себя как дома. Наша философия - вкусная еда, приятные цены и атмосфера, которая расслабляет."
tag="О нас"
tagIcon={Heart}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
bulletPoints={[
{
title: "Вкусная еда", description: "Все блюда готовятся на гриле с использованием качественных ингредиентов", icon: Flame
},
{
title: "Приятные цены", description: "Мы верим, что хорошая еда должна быть доступной для всех", icon: DollarSign
},
{
title: "Уютная атмосфера", description: "Спокойное и комфортное место для встреч с друзьями и семьей", icon: Coffee
}
]}
imageSrc="http://img.b2bpic.net/free-vector/coffee-shop-modern-trendy-interior-with-bar-stools-counter-with-pastry-brick-wall_1284-61470.jpg?_wi=1"
imageAlt="Интерьер гриль-бара ОбNял"
imagePosition="right"
mediaAnimation="opacity"
buttons={[
{ text: "Наше меню", href: "#menu" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardTwentyThree
title="Фирменные блюда"
description="Попробуйте наши самые популярные и любимые блюда. Каждое блюдо готовится с любовью и мастерством."
tag="Меню"
tagIcon={UtensilsCrossed}
tagAnimation="slide-up"
features={[
{
id: "1", title: "Крылышки гриль", tags: ["Популярное", "Рекомендуем"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-with-variety-three-sauces_23-2148646572.jpg?_wi=2", imageAlt: "Крылышки гриль", videoAriaLabel: "Видео крылышек гриль"
},
{
id: "2", title: "Мясо на гриле", tags: ["Премиум", "Для компании"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-baked-fish-fillet-with-herbs-vegetables-table_141793-2937.jpg?_wi=2", imageAlt: "Мясо на гриле", videoAriaLabel: "Видео мяса на гриле"
},
{
id: "3", title: "Закуски и напитки", tags: ["Разнообразие", "Для всех"],
imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-modern-trendy-interior-with-bar-stools-counter-with-pastry-brick-wall_1284-61470.jpg?_wi=2", imageAlt: "Закуски и напитки", videoAriaLabel: "Видео закусок"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Связаться с нами", href: "#contact" }
]}
buttonAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="Что говорят наши гости"
description="Отзывы людей, которые уже попробовали нашу еду и почувствовали нашу атмосферу"
tag="Отзывы"
tagIcon={Quote}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1", name: "Елена Белоусова, Местный эксперт", date: "Date: 2 года назад", title: "Уютное атмосферное место", quote: "Уютное атмосферное место, вкусная еда по приятным ценам. Рекомендую всем, кто ищет хорошее место для отдыха!", tag: "Проверенный отзыв", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg", avatarAlt: "Елена Белоусова", imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-modern-trendy-interior-with-bar-stools-counter-with-pastry-brick-wall_1284-61470.jpg?_wi=3", imageAlt: "Атмосфера гриль-бара"
},
{
id: "2", name: "Анна Сидорова, Постоянный гость", date: "Date: 1 год назад", title: "Крылышки это что-то невероятное", quote: "Очень крутое место! Еда при своей хорошей цене очень вкусная (крылышки это что-то невероятное), атмосфера спокойная и уютная. Буду приходить сюда еще 100%!", tag: "Рекомендация", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", avatarAlt: "Анна Сидорова", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-with-variety-three-sauces_23-2148646572.jpg?_wi=3", imageAlt: "Популярные крылышки"
},
{
id: "3", name: "Наталья Булавинская, Бизнес-гост", date: "Date: 2 года назад", title: "Отличный бар для встреч", quote: "Отличный бар. Вкусно, недорого, атмосферно. Идеальное место для деловых встреч и просто приятного времяпрепровождения с друзьями.", tag: "Премиум отзыв", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-with-tablet-side-view_23-2149442245.jpg", avatarAlt: "Наталья Булавинская", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-baked-fish-fillet-with-herbs-vegetables-table_141793-2937.jpg?_wi=3", imageAlt: "Гриль меню"
},
{
id: "4", name: "Дмитрий Петров, Постоянный клиент", date: "Date: 8 месяцев назад", title: "Лучшее место в городе", quote: "Ходим сюда регулярно. Персонал дружелюбный, еда всегда свежая и вкусная, цены справедливые. Спасибо за такое замечательное место!", tag: "Верный поклонник", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-content-elegant-man_23-2147689111.jpg", avatarAlt: "Дмитрий Петров", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081864.jpg?_wi=2", imageAlt: "Интерьер ресторана"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Свяжитесь с нами"
tagIcon={MapPin}
tagAnimation="slide-up"
title="Приходите в ОбNял"
description="ул. Свердлова 19, Минск 220006 · Открыто до 23:00 · Звоните: +375 29 672-88-47"
buttons={[
{ text: "Позвонить", href: "tel:+375296728847" },
{ text: "Маршрут", href: "https://maps.google.com/?q=Свердлова+19+Минск" }
]}
buttonAnimation="blur-reveal"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="ОбNял"
columns={[
{
items: [
{ label: "О нас", href: "#about" },
{ label: "Меню", href: "#menu" },
{ label: "Отзывы", href: "#testimonials" }
]
},
{
items: [
{ label: "Контакты", href: "#contact" },
{ label: "Телефон", href: "tel:+375296728847" },
{ label: "Адрес", href: "https://maps.google.com/?q=Свердлова+19+Минск" }
]
},
{
items: [
{ label: "Часы работы", href: "#" },
{ label: "Пн-Вс 11:00-23:00", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}