Initial commit
This commit is contained in:
203
src/app/page.tsx
Normal file
203
src/app/page.tsx
Normal file
@@ -0,0 +1,203 @@
|
||||
"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: "http://img.b2bpic.net/free-photo/medium-shot-bartender-preparing-drink_23-2150494251.jpg", imageAlt: "Бармен смешивает коктейль" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg", 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="http://img.b2bpic.net/free-photo/still-life-wine-carafe-table_23-2149631768.jpg"
|
||||
imageAlt="Рустикальная барная стойка с бутылками"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
features={[
|
||||
{ id: "cocktails", title: "Авторские Коктейли", description: "Погрузитесь в мир уникальных вкусов с нашей коллекцией авторских коктейлей, созданных нашими лучшими миксологами.", tag: "Эксклюзивно", imageSrc: "http://img.b2bpic.net/free-photo/abstract_1122-1861.jpg", imageAlt: "Элегантный коктейль с гарниром" },
|
||||
{ id: "beer", title: "Крафтовое Пиво", description: "Откройте для себя богатство вкусов с нашим широким выбором крафтового пива от местных и международных пивоварен.", tag: "Свежее", imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-with-beer-table_23-2148342191.jpg", imageAlt: "Крафтовое пиво в кружке" },
|
||||
{ id: "food", title: "Изысканные Закуски", description: "Насладитесь идеальным дополнением к вашим напиткам – нашими изысканными закусками, приготовленными из свежих ингредиентов.", tag: "Вкусно", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-dinner-party_23-2151043647.jpg", 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: "http://img.b2bpic.net/free-photo/beverage-with-lemon-copy-space_23-2148340043.jpg", imageAlt: "Виски со льдом" },
|
||||
{ id: "2", brand: "Элегантно", name: "Сухой Мартини", price: "2200 UZS", rating: 5, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/milky-cocktail-with-chopped-coconut-inside_114579-3224.jpg", imageAlt: "Классический Мартини" },
|
||||
{ id: "3", brand: "Для Ценителей", name: "Пивной Сет", price: "3500 UZS", rating: 4, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wine-cellar_23-2149428764.jpg", imageAlt: "Набор крафтового пива" },
|
||||
{ id: "4", brand: "Освежающий", name: "Тропический Бриз", price: "1800 UZS", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/slice-pear-juice-transparent-glass-with-straw_23-2148306990.jpg", imageAlt: "Безалкогольный Моктейль" },
|
||||
{ id: "5", brand: "Красное", name: "Мерло", price: "2800 UZS", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/comparing-sorts-wine_1098-15037.jpg", imageAlt: "Бокал красного вина" },
|
||||
{ id: "6", brand: "Крепкое", name: "Абсент", price: "3000 UZS", rating: 4, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/margarita-cocktail-with-lime-salt-splash_84443-94465.jpg", 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: "http://img.b2bpic.net/free-photo/portrait-man-holding-glass-beer_107420-65360.jpg", imageAlt: "Анна Соколова" },
|
||||
{ id: "2", name: "Иван Петров", handle: "@ivan_p", testimonial: "«Пришел с друзьями, попробовали несколько сортов пива – выбор просто потрясающий. Обязательно вернемся снова!»", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-with-sangria_23-2149436793.jpg", imageAlt: "Иван Петров" },
|
||||
{ id: "3", name: "Елена Морозова", handle: "@elena_m", testimonial: "«Уютное место для свиданий. Коктейли на высоте, а закуски просто тают во рту. Пять звезд!»", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-clinking-glasses-with-orange-juice_23-2147742351.jpg", imageAlt: "Елена Морозова" },
|
||||
{ id: "4", name: "Дмитрий Козлов", handle: "@dima_k", testimonial: "«Я часто бываю в разных барах, но \"Бочка\" выделяется своим уникальным стилем и вниманием к деталям. Браво!»", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5049.jpg", imageAlt: "Дмитрий Козлов" },
|
||||
{ id: "5", name: "Мария Смирнова", handle: "@masha_s", testimonial: "«Отличная музыка, приятная публика и, конечно, самые вкусные напитки. \"Бочка\" – это любовь с первого взгляда!»", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joking-friends-selfie_23-2147640533.jpg", 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="http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg"
|
||||
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="http://img.b2bpic.net/free-photo/bagels-sign-neon-lights-delicious-snacks_23-2148283899.jpg"
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user