204 lines
17 KiB
TypeScript
204 lines
17 KiB
TypeScript
"use client";
|
||
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="light"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="Бочка"
|
||
navItems={[
|
||
{ name: "Главная", id: "#hero" },
|
||
{ name: "О нас", id: "#about" },
|
||
{ name: "Напитки", id: "#products" },
|
||
{ name: "Отзывы", id: "#testimonials" },
|
||
{ name: "FAQ", id: "#faq" },
|
||
{ name: "Контакты", id: "#contact" }
|
||
]}
|
||
/>
|
||
</div>
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
title="Добро пожаловать в Бочку!"
|
||
description="Идеальное место, где встречаются традиции и современный вкус. Откройте для себя нашу коллекцию крафтового пива, авторских коктейлей и уютную атмосферу."
|
||
background={{ variant: "glowing-orb" }}
|
||
tag="Лучшие напитки в городе"
|
||
buttons={[
|
||
{ text: "Посмотреть Меню", href: "#products" },
|
||
{ text: "Забронировать Столик", href: "#contact" }
|
||
]}
|
||
mediaItems={[
|
||
{ imageSrc: "https://images.unsplash.com/photo-1574347576269-2f22c6e61f18?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Бармен смешивает коктейль" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1543886561-c812c6a0b411?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Уютный интерьер бара" }
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={5}
|
||
ratingText="Нас любят наши гости"
|
||
/>
|
||
</div>
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
title="Наша История"
|
||
description="«Бочка» – это больше, чем просто бар. Это место, где каждое посещение превращается в праздник вкуса и душевного общения. Мы гордимся нашим наследием и страстью к созданию незабываемых моментов для каждого гостя."
|
||
metrics={[
|
||
{ value: "15+", title: "Лет работы" },
|
||
{ value: "50+", title: "Сортов пива" },
|
||
{ value: "100+", title: "Видов коктейлей" }
|
||
]}
|
||
useInvertedBackground={false}
|
||
imageSrc="https://images.unsplash.com/photo-1551602967-7b6c59b20e06?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||
imageAlt="Ассортимент напитков на барной стойке"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
<div id="features" data-section="features">
|
||
<FeatureCardMedia
|
||
features={[
|
||
{ id: "cocktails", title: "Авторские Коктейли", description: "Погрузитесь в мир уникальных вкусов с нашей коллекцией авторских коктейлей, созданных нашими лучшими миксологами.", tag: "Эксклюзивно", imageSrc: "https://images.unsplash.com/photo-1551602967-7b6c59b20e06?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Элегантный коктейль с гарниром" },
|
||
{ id: "beer", title: "Крафтовое Пиво", description: "Откройте для себя богатство вкусов с нашим широким выбором крафтового пива от местных и международных пивоварен.", tag: "Свежее", imageSrc: "https://images.unsplash.com/photo-1618237953289-409162955f10?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Крафтовое пиво в кружке" },
|
||
{ id: "food", title: "Изысканные Закуски", description: "Насладитесь идеальным дополнением к вашим напиткам – нашими изысканными закусками, приготовленными из свежих ингредиентов.", tag: "Вкусно", imageSrc: "https://images.unsplash.com/photo-1563721345811-13788736d5e0?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Тарелка с закусками" }
|
||
]}
|
||
animationType="scale-rotate"
|
||
title="Что Делает Нас Особенными"
|
||
description="Мы предлагаем не только напитки, но и незабываемые впечатления. У нас вы найдете идеальное сочетание атмосферы, вкуса и сервиса."
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
products={[
|
||
{ id: "1", brand: "Классика", name: "Старый Модный", price: "2000 UZS", rating: 5, reviewCount: "250", imageSrc: "https://images.unsplash.com/photo-1629739454174-8b83e33f677d?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Виски со льдом" },
|
||
{ id: "2", brand: "Элегантно", name: "Сухой Мартини", price: "2200 UZS", rating: 5, reviewCount: "180", imageSrc: "https://images.unsplash.com/photo-1632766327376-b6059d021c13?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Классический Мартини" },
|
||
{ id: "3", brand: "Для Ценителей", name: "Пивной Сет", price: "3500 UZS", rating: 4, reviewCount: "120", imageSrc: "https://images.unsplash.com/photo-1579782508375-9c925b4cf53a?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Набор крафтового пива" },
|
||
{ id: "4", brand: "Освежающий", name: "Тропический Бриз", price: "1800 UZS", rating: 5, reviewCount: "300", imageSrc: "https://images.unsplash.com/photo-1551602967-7b6c59b20e06?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Тропический коктейль" },
|
||
{ id: "5", brand: "Красное", name: "Мерло", price: "2800 UZS", rating: 4, reviewCount: "90", imageSrc: "https://images.unsplash.com/photo-1571431057790-a54101e51b14?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Бокал красного вина" },
|
||
{ id: "6", brand: "Крепкое", name: "Абсент", price: "3000 UZS", rating: 4, reviewCount: "75", imageSrc: "https://images.unsplash.com/photo-1556942475-6e5454655f2b?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Рюмка крепкого алкоголя" }
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
title="Наше Меню Напитков"
|
||
description="Познакомьтесь с нашим тщательно отобранным ассортиментом напитков, от классических коктейлей до редких сортов пива и вин."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
names={[
|
||
"Лучшее Крафтовое Пиво 2023", "Выбор Редакции Коктейлей", "Лучший Сервис в Баре", "Самая Уютная Атмосфера", "Топ-5 Заведений Города", "Место Года для Встреч", "Наш Фирменный Коктейль"
|
||
]}
|
||
title="Наши Достижения"
|
||
description="Мы гордимся тем, что нас признают как лучшие в городе. Ваши отзывы и признание – наша главная награда."
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
testimonials={[
|
||
{ id: "1", name: "Анна Соколова", handle: "@anna_s", testimonial: "«Это мой любимый бар! Отличная атмосфера, невероятные коктейли и очень дружелюбный персонал. Рекомендую всем!»", rating: 5, imageSrc: "https://images.unsplash.com/photo-1594744803329-e58b31de8ba0?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Анна Соколова" },
|
||
{ id: "2", name: "Иван Петров", handle: "@ivan_p", testimonial: "«Пришел с друзьями, попробовали несколько сортов пива - выбор просто потрясающий. Обязательно вернемся снова!»", rating: 5, imageSrc: "https://images.unsplash.com/photo-1506157788654-e0544f12d57b?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Иван Петров" },
|
||
{ id: "3", name: "Елена Морозова", handle: "@elena_m", testimonial: "«Уютное место для свиданий. Коктейли на высоте, а закуски просто тают во рту. Пять звезд!»", rating: 5, imageSrc: "https://images.unsplash.com/photo-1589182372403-9993309a4d80?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Елена Морозова" },
|
||
{ id: "4", name: "Дмитрий Козлов", handle: "@dima_k", testimonial: "«Я часто бываю в разных барах, но \"Бочка\" выделяется своим уникальным стилем и вниманием к деталям. Браво!»", rating: 5, imageSrc: "https://images.unsplash.com/photo-1555546747-73d84a754b2d?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Дмитрий Козлов" },
|
||
{ id: "5", name: "Мария Смирнова", handle: "@masha_s", testimonial: "«Отличная музыка, приятная публика и, конечно, самые вкусные напитки. \"Бочка\" - это любовь с первого взгляда!»", rating: 5, imageSrc: "https://images.unsplash.com/photo-1610488056070-070183b06387?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Мария Смирнова" }
|
||
]}
|
||
showRating={true}
|
||
animationType="depth-3d"
|
||
title="Что Говорят Наши Гости"
|
||
description="Нам важно мнение каждого клиента. Прочтите отзывы тех, кто уже успел насладиться атмосферой и вкусами \"Бочки\"."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
faqs={[
|
||
{ id: "1", title: "Какое у вас время работы?", content: "Мы открыты с воскресенья по четверг с 16:00 до 01:00, а в пятницу и субботу с 16:00 до 03:00." },
|
||
{ id: "2", title: "Можно ли забронировать столик?", content: "Да, вы можете забронировать столик через форму на нашем сайте или по телефону, указанному в разделе контактов." },
|
||
{ id: "3", title: "У вас есть живая музыка?", content: "Мы регулярно проводим вечера живой музыки и диджей-сеты. Следите за нашим расписанием в социальных сетях!" }
|
||
]}
|
||
imageSrc="https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||
imageAlt="Интерьер бара с удобными сиденьями"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
title="Часто Задаваемые Вопросы"
|
||
description="Здесь вы найдете ответы на самые распространенные вопросы о нашем баре. Если у вас есть другие вопросы, свяжитесь с нами."
|
||
faqsAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
tag="Свяжитесь с Нами"
|
||
title="Готовы Посетить Нас?"
|
||
description="Мы всегда рады новым гостям и готовы ответить на любые ваши вопросы. Свяжитесь с нами для бронирования или по любым другим вопросам."
|
||
buttons={[
|
||
{ text: "Отправить Сообщение", href: "mailto:info@bochka.com" },
|
||
{ text: "Позвонить", href: "tel:+998991234567" }
|
||
]}
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="https://images.unsplash.com/photo-1571431057790-a54101e51b14?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||
imageAlt="Бокалы вина на барной стойке"
|
||
logoSrc="http://img.b2bpic.net/free-vector/vintage-brewing-emblems_225004-932.jpg"
|
||
logoAlt="Логотип Бочка"
|
||
logoText="Бочка"
|
||
columns={[
|
||
{ title: "Разделы", items: [
|
||
{ label: "Главная", href: "#hero" },
|
||
{ label: "О нас", href: "#about" },
|
||
{ label: "Напитки", href: "#products" },
|
||
{ label: "Отзывы", href: "#testimonials" },
|
||
{ label: "FAQ", href: "#faq" },
|
||
{ label: "Контакты", href: "#contact" }
|
||
]
|
||
},
|
||
{ title: "Напитки", items: [
|
||
{ label: "Пиво", href: "#products" },
|
||
{ label: "Коктейли", href: "#products" },
|
||
{ label: "Вино", href: "#products" },
|
||
{ label: "Безалкогольные", href: "#products" }
|
||
]
|
||
},
|
||
{ title: "Информация", items: [
|
||
{ label: "Время работы", href: "#contact" },
|
||
{ label: "Бронирование", href: "#contact" },
|
||
{ label: "Политика конфиденциальности", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2024 | Bochka Bar"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|