317 lines
21 KiB
TypeScript
317 lines
21 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import { Flame, Heart, Home, Leaf, Soup, Sparkles, Wheat } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="small"
|
||
sizing="largeSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Главная", id: "#home"},
|
||
{
|
||
name: "Меню", id: "#menu"},
|
||
{
|
||
name: "Спецпредложения", id: "#specials"},
|
||
{
|
||
name: "Атмосфера", id: "#atmosphere"},
|
||
{
|
||
name: "Отзывы", id: "#reviews"},
|
||
{
|
||
name: "Бронь", id: "#book-table"},
|
||
]}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s8hdwp"
|
||
logoAlt="FOREST Restaurant Logo"
|
||
brandName="FOREST Restaurant"
|
||
button={{
|
||
text: "Заказать / Бронь", href: "#book-table"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroOverlayTestimonial
|
||
title="Ресторан FOREST: Ваша Гастрономическая Витрина"
|
||
description="Откройте для себя мир вкуса и комфорта. Каждое блюдо — произведение искусства, доступное для заказа или бронирования столика онлайн."
|
||
testimonials={[
|
||
{
|
||
name: "Анна Петрова", handle: "Местный гурман", testimonial: "FOREST — это не просто еда, это целое событие! Интерьер, обслуживание и, конечно, блюда — всё на высоте.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-dinner-wine_23-2148454118.jpg"},
|
||
{
|
||
name: "Иван Смирнов", handle: "Постоянный гость", testimonial: "Уже несколько лет ходим сюда всей семьей. Всегда вкусно, душевно, а новые рекомендации шефа всегда приятно удивляют.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg"},
|
||
{
|
||
name: "Елена Кузнецова", handle: "Блогер", testimonial: "Идеальное место для встреч с друзьями. Особенно нравится их интерактивное меню и возможность бронировать столик без звонков. Очень современно!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-christmas-dinner_23-2147716199.jpg"},
|
||
{
|
||
name: "Дмитрий Морозов", handle: "Предприниматель", testimonial: "Часто провожу здесь деловые обеды. Обстановка располагает, а кухня ни разу не подводила. Однозначно рекомендую!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-selfie-with-sushi_23-2149870753.jpg"},
|
||
{
|
||
name: "Ольга Васильева", handle: "Турист", testimonial: "Были проездом в Железноводске, и FOREST стал настоящим открытием! Обязательно вернемся, чтобы попробовать остальное меню.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg"},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/medium-shot-chef-posing_23-2148723238.jpg", alt: "Фото шеф-повара"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg", alt: "Фото официанта"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/making-cocktail_1098-18037.jpg", alt: "Фото сомелье"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/male-baker-kneading-dough-kitchen-worktop-with-many-baked-breads_23-2147883568.jpg", alt: "Фото кондитера"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/pleased-young-handsome-cook-chef-uniform-standing-with-closed-posture-isolated-white-space_141793-44710.jpg", alt: "Помощник шеф-повара"},
|
||
]}
|
||
avatarText="Присоединяйтесь к нашей команде!"
|
||
imageSrc="http://img.b2bpic.net/free-photo/happy-people-enjoying-meal-together_23-2147668874.jpg"
|
||
imageAlt="Уютный интерьер ресторана FOREST"
|
||
showBlur={true}
|
||
textPosition="bottom"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Филе Лосося с Соусом Терияки", price: "1200 ₽", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-narsharab-sauce_140725-4677.jpg", imageAlt: "Филе Лосося"},
|
||
{
|
||
id: "p2", name: "Стейк Рибай с Запеченным Картофелем", price: "1850 ₽", imageSrc: "http://img.b2bpic.net/free-photo/gurza-damplings-with-meat-top-view_141793-4458.jpg", imageAlt: "Стейк Рибай"},
|
||
{
|
||
id: "p3", name: "Паста Карбонара с Панчеттой", price: "890 ₽", imageSrc: "http://img.b2bpic.net/free-photo/pasta-spaghetti-white-background_1150-37951.jpg", imageAlt: "Паста Карбонара"},
|
||
{
|
||
id: "p4", name: "Шоколадный Фондан с Шариком Мороженого", price: "550 ₽", imageSrc: "http://img.b2bpic.net/free-photo/brown-cake-with-cherries-chocolate-syrup-top_140725-3337.jpg", imageAlt: "Шоколадный Фондан"},
|
||
{
|
||
id: "p5", name: "Ягодный Лимонад \"Лесной Бриз\"", price: "350 ₽", imageSrc: "http://img.b2bpic.net/free-photo/front-view-bartender-preparing-dessert-with-whipped-cream_140725-14312.jpg", imageAlt: "Ягодный Лимонад"},
|
||
{
|
||
id: "p6", name: "Салат Цезарь с Курицей Гриль", price: "780 ₽", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-without-mayonnaise-plate_140725-11442.jpg", imageAlt: "Салат Цезарь"},
|
||
]}
|
||
title="Наше Меню: Искусство Вкуса в Каждом Блюде"
|
||
description="Каждое блюдо представлено как уникальный продукт: крупное фото, детальный состав, цена и специальные теги (острое 🌶, веган 🌱, хит 🔥)."
|
||
/>
|
||
</div>
|
||
|
||
<div id="specials" data-section="specials">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Салат с Черным Трюфелем", description: "Нежнейший микс зелени, стружка черного трюфеля, пармезан, легкий бальзамический соус.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-cucumber-with-onion-fried-bun_114579-43411.jpg", imageAlt: "Салат с трюфелем"},
|
||
items: [
|
||
{
|
||
icon: Wheat,
|
||
text: "Сезонные ингредиенты"},
|
||
{
|
||
icon: Leaf,
|
||
text: "Вегетарианское"},
|
||
{
|
||
icon: Sparkles,
|
||
text: "Хит продаж"},
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "Домашний Хлеб с Травами", description: "Свежеиспеченный домашний хлеб с розмарином и чесноком, подается с оливковым маслом.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/brown-loaf-bread-board_23-2147761370.jpg", imageAlt: "Домашний хлеб"},
|
||
items: [
|
||
{
|
||
icon: Home,
|
||
text: "Авторская рецептура"},
|
||
{
|
||
icon: Heart,
|
||
text: "Приготовлено с любовью"},
|
||
],
|
||
reverse: true
|
||
},
|
||
{
|
||
title: "Крем-суп из Лесных Грибов", description: "Насыщенный и ароматный крем-суп из свежих лесных грибов, с добавлением сливок и зелени.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/lunch-main-dishes-potato-chicken-dolma-cocktails-buns-side-view_141793-12270.jpg", imageAlt: "Грибной крем-суп"},
|
||
items: [
|
||
{
|
||
icon: Soup,
|
||
text: "Блюдо дня"},
|
||
{
|
||
icon: Flame,
|
||
text: "Разогревает"},
|
||
],
|
||
reverse: false
|
||
}
|
||
]}
|
||
title="Рекомендации Шефа: Откройте Новые Вкусы"
|
||
description="Наши эксклюзивные предложения дня и авторские блюда, обновляемые еженедельно. Всегда свежие и вдохновляющие!"
|
||
/>
|
||
</div>
|
||
|
||
<div id="atmosphere" data-section="atmosphere">
|
||
<TextAbout
|
||
useInvertedBackground={true}
|
||
tag="Наша История"
|
||
title="Погрузитесь в Атмосферу FOREST"
|
||
buttons={[
|
||
{
|
||
text: "Смотреть больше видео", href: "#"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Марина С.", role: "Постоянный клиент", testimonial: "Каждый раз, когда я прихожу в FOREST, это настоящий праздник для души и желудка! Еда всегда свежая, а атмосфера просто волшебная. Мой любимый ресторан в Железноводске!", imageSrc: "http://img.b2bpic.net/free-photo/positive-happy-dark-skinned-man-has-beard-mustache-smiles-broadly-demonstrates-white-teeth_273609-8924.jpg"},
|
||
{
|
||
id: "t2", name: "Сергей В.", role: "Новый гость", testimonial: "Был здесь впервые по рекомендации друзей и остался в полном восторге. Интерактивное меню очень удобно, а бронирование столика через сайт — это гениально!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-student-casual-t-shirt-trendy-hat-listening-new-album-his-favourite-artist-earphones-using-online-music-app-cell-phone_273609-1964.jpg"},
|
||
{
|
||
id: "t3", name: "Екатерина Р.", role: "Семейный ужин", testimonial: "FOREST идеально подходит для семейных ужинов. Детям нравится, что можно выбрать блюда по фото, а нам, взрослым, — качество и уют. Очень рекомендуем!", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg"},
|
||
{
|
||
id: "t4", name: "Артем Л.", role: "Бизнес-ланч", testimonial: "Регулярно обедаю здесь. Быстрое обслуживание, вкусные и разнообразные блюда. Идеальное место для продуктивных деловых встреч.", imageSrc: "http://img.b2bpic.net/free-photo/eating-dinner-beef-lamb-tomato-sauce-with-cutlery_114579-1931.jpg"},
|
||
{
|
||
id: "t5", name: "Наталья Д.", role: "Празднование", testimonial: "Отмечали день рождения в FOREST. Команда сделала наш вечер незабываемым. Отдельное спасибо за десерты и внимательное отношение к гостям!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-chatting-work-event_23-2149304736.jpg"},
|
||
]}
|
||
title="Что Говорят Наши Гости"
|
||
description="Отзывы наших посетителей — лучшая награда и вдохновение для нас. Присоединяйтесь к числу довольных гостей!"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "f1", title: "Как работает QR-меню?", content: "Отсканируйте QR-код на вашем столике, чтобы открыть наше цифровое меню на своем телефоне. Вы можете просмотреть блюда, состав, цены и сделать заказ прямо с устройства."},
|
||
{
|
||
id: "f2", title: "Можно ли сделать заказ с доставкой?", content: "Да, мы предлагаем доставку наших блюд по Железноводску и ближайшим районам. Детали и зоны доставки можно уточнить, нажав кнопку 'Заказать' в меню или связавшись с нами по телефону."},
|
||
{
|
||
id: "f3", title: "Как изменить или отменить бронь столика?", content: "Для изменения или отмены бронирования, пожалуйста, свяжитесь с нами по телефону или через мессенджер Telegram/WhatsApp, указанный в подтверждении бронирования. Просим сообщать заранее."},
|
||
{
|
||
id: "f4", title: "Есть ли у вас блюда для веганов или людей с аллергией?", content: "Мы стремимся предложить варианты для всех гостей. В нашем цифровом меню блюда помечены специальными тегами (например, 'веган 🌱'). Для уточнения по аллергенам, пожалуйста, свяжитесь с официантом или укажите это в пожеланиях при бронировании."},
|
||
]}
|
||
sideTitle="Ваши Вопросы, Наши Ответы"
|
||
sideDescription="От QR-меню до доставки и специальных предложений — здесь вы найдете ответы на самые частые вопросы."
|
||
faqsAnimation="slide-up"
|
||
textPosition="left"
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="book-table" data-section="book-table">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Забронируйте Столик или Свяжитесь с Нами"
|
||
description="Планируйте свой визит в FOREST заранее. Удобная онлайн-бронь столика прямо на сайте с подтверждением в Telegram/WhatsApp. Мы всегда рады вашим вопросам! Адрес: Марии Барсуковой, 7, Железноводск, Ставропольский край, 357400."
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Ваше имя", required: true,
|
||
},
|
||
{
|
||
name: "phone", type: "tel", placeholder: "Номер телефона (Telegram/WhatsApp)", required: true,
|
||
},
|
||
{
|
||
name: "date", type: "date", placeholder: "Дата бронирования", required: true,
|
||
},
|
||
{
|
||
name: "time", type: "time", placeholder: "Время бронирования", required: true,
|
||
},
|
||
{
|
||
name: "guests", type: "number", placeholder: "Количество гостей", required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Дополнительные пожелания (аллергии, повод для визита)", rows: 4,
|
||
required: false,
|
||
}}
|
||
imageSrc="https://upload.wikimedia.org/wikipedia/commons/c/cd/OSM_map_example.png"
|
||
imageAlt="Карта с местоположением ресторана FOREST"
|
||
mediaAnimation="blur-reveal"
|
||
mediaPosition="right"
|
||
buttonText="Забронировать / Отправить"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Меню", items: [
|
||
{
|
||
label: "Основные блюда", href: "#menu"},
|
||
{
|
||
label: "Спецпредложения", href: "#specials"},
|
||
{
|
||
label: "Десерты", href: "#menu"},
|
||
{
|
||
label: "Напитки", href: "#menu"},
|
||
],
|
||
},
|
||
{
|
||
title: "Бронь", items: [
|
||
{
|
||
label: "Забронировать столик", href: "#book-table"},
|
||
{
|
||
label: "QR-меню", href: "#faq"},
|
||
{
|
||
label: "Доставка", href: "#book-table"},
|
||
],
|
||
},
|
||
{
|
||
title: "Контакты", items: [
|
||
{
|
||
label: "Адрес", href: "#book-table"},
|
||
{
|
||
label: "Телефон", href: "#book-table"},
|
||
{
|
||
label: "Email", href: "#book-table"},
|
||
],
|
||
},
|
||
{
|
||
title: "Социальные сети", items: [
|
||
{
|
||
label: "Instagram", href: "https://www.instagram.com/forestrestaurant"},
|
||
{
|
||
label: "WhatsApp", href: "https://wa.me/79xxxxxxxxxx"},
|
||
{
|
||
label: "Telegram", href: "https://t.me/forestrestaurant"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 FOREST Restaurant. Все права защищены."
|
||
bottomRightText="Сделано с любовью"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |