Merge version_2 into main #2
349
src/app/page.tsx
349
src/app/page.tsx
@@ -7,7 +7,7 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
@@ -30,130 +30,36 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "О нас",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Меню",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Главная", id: "hero" },
|
||||
{ name: "О нас", id: "about" },
|
||||
{ name: "Меню", id: "menu" },
|
||||
{ name: "Контакты", id: "contact" },
|
||||
]}
|
||||
brandName="Бочонок"
|
||||
brandName="Lemonade"
|
||||
bottomRightText="hello@lemonade.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Добро пожаловать в «Бочонок»"
|
||||
description="Традиции, вкус и уют в самом сердце Алматы. Откройте для себя наш ассортимент и теплую атмосферу."
|
||||
background={{ variant: "plain" }}
|
||||
title="Свежесть в каждом глотке"
|
||||
description="Lemonade — это яркие вкусы, натуральные ингредиенты и отличное настроение каждый день."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/education-day-scene-fantasy-style-aesthetic_23-2151040264.jpg?_wi=1",
|
||||
imageAlt: "Уютный интерьер",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-platter-beef-steak-with-grilled-aubergine-potato-mushroom-sauce_140725-1480.jpg?_wi=1",
|
||||
imageAlt: "Свежее пиво",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg?_wi=1",
|
||||
imageAlt: "Атмосфера таверны",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-content-friends-chatting-drinking-beer_1262-3656.jpg?_wi=1",
|
||||
imageAlt: "Дружеские посиделки",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beer-with-sausages_23-2148306039.jpg?_wi=1",
|
||||
imageAlt: "Вкусные закуски",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lemonade-pitcher-with-lemons-table_23-2148784910.jpg?_wi=1", imageAlt: "Лимонад" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-sitting-outdoors_23-2149454382.jpg",
|
||||
imageAlt: "Вечерний уют",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cold-beer-macro-photography_53876-18229.jpg",
|
||||
imageAlt: "Свежее пиво",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg",
|
||||
imageAlt: "Уютный интерьер",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-tasty-cutlets-with-corns-bread-loafs-seasonings-green-surface-meat-meal-food-vegetable-cooking_140725-64819.jpg",
|
||||
imageAlt: "Вкусные закуски",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lighting-lamp-design_23-2151047625.jpg",
|
||||
imageAlt: "Атмосфера таверны",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-lemonade-with-lemon-slices-straw_23-2148784940.jpg?_wi=1", imageAlt: "Освежающий напиток" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Наше меню",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wood-tables-fireplace_1252-442.jpg",
|
||||
alt: "Постоянный гость",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cocoa-mugs-with-marshmallows-near-fireplace_1321-1587.jpg",
|
||||
alt: "Постоянный гость",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-lampshade-wooden-chest-with-books-it-placed-garden_181624-5463.jpg",
|
||||
alt: "Постоянный гость",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/home-comfort-rocking-chair-near-fireplace-photo-interior-room-rocking-chair-living-room-with-decorated-modern-fireplace_1391-214.jpg",
|
||||
alt: "Постоянный гость",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glass-beer-various-snacks-table-it_141793-16623.jpg",
|
||||
alt: "Постоянный гость",
|
||||
},
|
||||
]}
|
||||
avatarText="Более 5000 довольных гостей"
|
||||
buttons={[{ text: "Заказать", href: "#menu" }]}
|
||||
avatarText="Более 5000 довольных клиентов"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Крафтовые сорта",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Авторская кухня",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Живая музыка",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Уютный интерьер",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Отдых с друзьями",
|
||||
},
|
||||
{ type: "text", text: "Натурально" },
|
||||
{ type: "text", text: "Освежающе" },
|
||||
{ type: "text", text: "Ярко" },
|
||||
{ type: "text", text: "Вкусно" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,7 +67,7 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Настоящий вкус и гостеприимство"
|
||||
title="Искусство создания идеального лимонада"
|
||||
tag="О нас"
|
||||
tagIcon={Utensils}
|
||||
/>
|
||||
@@ -173,42 +79,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Крафтовое пиво",
|
||||
author: "Выбор экспертов",
|
||||
description: "Широкий выбор сортов на любой вкус.",
|
||||
tags: [
|
||||
"Пиво",
|
||||
"Крафт",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-mug-beer-with-wood-cutting-board-bottle-beer-wood-bowl-black_141793-6542.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Сытные блюда",
|
||||
author: "Авторская кухня",
|
||||
description: "Традиционные закуски и основные блюда.",
|
||||
tags: [
|
||||
"Кухня",
|
||||
"Сытно",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-baked-vegetables-potatoes-eggplants-fresh-off-oven-dark-space_140725-79527.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Живая атмосфера",
|
||||
author: "Для больших компаний",
|
||||
description: "Идеально для встреч с друзьями.",
|
||||
tags: [
|
||||
"Атмосфера",
|
||||
"Друзья",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-catches-attention-his-friend_329181-18378.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Натуральные ингредиенты", author: "Качество", description: "Используем только свежие фрукты и ягоды.", tags: ["Натурально"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemons-limes-table_23-2148784920.jpg" },
|
||||
{ id: "f2", title: "Уникальные рецепты", author: "Вкус", description: "Наши фирменные миксы удивят вас.", tags: ["Вкусно"], imageSrc: "http://img.b2bpic.net/free-photo/fresh-citrus-drink-table_23-2148784930.jpg" },
|
||||
]}
|
||||
title="Почему выбирают «Бочонок»"
|
||||
description="Мы создаем лучшее место для ваших встреч и отдыха."
|
||||
title="Почему Lemonade?"
|
||||
description="Мы заботимся о качестве каждого напитка."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -219,45 +94,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Свиная рулька",
|
||||
price: "4500 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-lamb-ribs-close-up_23-2148516948.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Картофель фри",
|
||||
price: "1200 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheese-plate-with-gouda-cheese-brie-blue-cheese-walnuts-grapes-little-jar-jam_7502-5332.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ассорти колбасок",
|
||||
price: "3800 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-sliced-sausages-white-plate_114579-62974.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Крылышки гриль",
|
||||
price: "2500 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-topped-with-melted-cheese-served-with-fries_140725-1493.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Фирменный бургер",
|
||||
price: "3200 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beef-burger-with-sauce-pickled-cucumber-served-restaurant_141793-2018.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Цезарь с курицей",
|
||||
price: "2800 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-salad-with-arugula-figs-cheese-nuts-served-table-closeup_1220-6786.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Классический лимонный", price: "1200 ₸", imageSrc: "http://img.b2bpic.net/free-photo/glass-lemonade-with-lemon-slices-straw_23-2148784940.jpg" },
|
||||
{ id: "p2", name: "Ягодный микс", price: "1500 ₸", imageSrc: "http://img.b2bpic.net/free-photo/glass-berry-lemonade_23-2148784950.jpg" },
|
||||
]}
|
||||
title="Наше меню"
|
||||
description="Попробуйте наши лучшие позиции прямо сейчас."
|
||||
description="Выберите свой любимый напиток."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -266,64 +107,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Александр",
|
||||
date: "10.05.2025",
|
||||
title: "Отличное место",
|
||||
quote: "Лучшая рулька в городе!",
|
||||
tag: "Постоянный гость",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-creative-man_1098-18446.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/education-day-scene-fantasy-style-aesthetic_23-2151040264.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Марина",
|
||||
date: "12.05.2025",
|
||||
title: "Очень уютно",
|
||||
quote: "Прекрасная атмосфера и вежливый персонал.",
|
||||
tag: "Постоянный гость",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-man-laughing-restaurant_23-2149316808.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-platter-beef-steak-with-grilled-aubergine-potato-mushroom-sauce_140725-1480.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Игорь",
|
||||
date: "15.05.2025",
|
||||
title: "Вкусно",
|
||||
quote: "Пиво всегда свежее, рекомендую.",
|
||||
tag: "Новый гость",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-funny-way_23-2150269630.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Елена",
|
||||
date: "18.05.2025",
|
||||
title: "Любимое место",
|
||||
quote: "Ходим сюда с друзьями каждую неделю.",
|
||||
tag: "Постоянный гость",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092051.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-content-friends-chatting-drinking-beer_1262-3656.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Дмитрий",
|
||||
date: "20.05.2025",
|
||||
title: "Супер",
|
||||
quote: "Отличное соотношение цены и качества.",
|
||||
tag: "Постоянный гость",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-with-reviews_23-2149394417.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beer-with-sausages_23-2148306039.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{ id: "t1", name: "Алексей", date: "20.05.2025", title: "Лучший лимонад!", quote: "Всегда свежо и очень вкусно.", tag: "Постоянный гость", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man_23-2148784960.jpg" },
|
||||
]}
|
||||
title="Отзывы наших гостей"
|
||||
description="Присоединяйтесь к тем, кто уже оценил наш уют."
|
||||
title="Отзывы"
|
||||
description="Что говорят наши клиенты."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -331,17 +118,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Гости Алматы",
|
||||
"Местные жители",
|
||||
"Любители крафта",
|
||||
"Корпоративные клиенты",
|
||||
"Спортивные фанаты",
|
||||
"Гурманы",
|
||||
"Друзья Бочонка",
|
||||
]}
|
||||
names={["Гости", "Партнеры", "События"]}
|
||||
title="Нас выбирают"
|
||||
description="Более 1000 довольных компаний и сообществ."
|
||||
description="Более 1000 клиентов доверяют нам."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -349,23 +128,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Можно ли бронировать столик?",
|
||||
content: "Да, позвоните нам заранее для бронирования.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Работаете ли вы до поздна?",
|
||||
content: "Мы работаем до последнего гостя в выходные дни.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Есть ли доставка?",
|
||||
content: "Работаем с популярными сервисами доставки.",
|
||||
},
|
||||
{ id: "q1", title: "Есть ли доставка?", content: "Да, мы доставляем по всему городу." },
|
||||
]}
|
||||
sideTitle="Часто задаваемые вопросы"
|
||||
sideTitle="Вопросы"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -374,53 +139,21 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Свяжитесь с нами"
|
||||
description="Ждем вас в гости в «Бочонке»!"
|
||||
description="Оставьте заявку и мы свяжемся с вами!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ваше имя",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Телефон",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Имя" },
|
||||
{ name: "phone", type: "tel", placeholder: "Телефон" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cool-things-men-sign-wood-barbershop_627829-6260.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lemonade-glass-with-straw_23-2148784970.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Бочонок"
|
||||
logoText="Lemonade"
|
||||
columns={[
|
||||
{
|
||||
title: "Меню",
|
||||
items: [
|
||||
{
|
||||
label: "Блюда",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Напитки",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Информация",
|
||||
items: [
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Контакты",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Меню", items: [{ label: "Напитки", href: "#menu" }] },
|
||||
{ title: "Контакты", items: [{ label: "Связь", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user