Merge version_1 into main #1
405
src/app/page.tsx
405
src/app/page.tsx
@@ -29,290 +29,145 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "О нас",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Отзывы",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Марсел"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Главная", id: "hero" },
|
||||
{ name: "О нас", id: "about" },
|
||||
{ name: "Отзывы", id: "testimonials" },
|
||||
{ name: "Контакты", id: "contact" },
|
||||
]}
|
||||
brandName="Марсел"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Искусство высокой кухни в Марсел"
|
||||
description="Насладитесь безупречным сервисом и изысканными блюдами в атмосфере роскоши, созданной специально для ваших особенных моментов."
|
||||
tag="Лучший ресторан города"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg",
|
||||
imageAlt: "Интерьер ресторана",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-holding-plate-steak_23-2149720771.jpg",
|
||||
imageAlt: "Изысканные блюда",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg",
|
||||
imageAlt: "Светлый банкетный зал",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-wedding-banquet-elegant-crockery-silverware-glassware-generated-by-ai_188544-17315.jpg",
|
||||
imageAlt: "Сервировка стола",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-italian-hall-with-paintings-wall_8353-656.jpg",
|
||||
imageAlt: "Элегантный интерьер",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Средняя оценка 5.0 на основе отзывов клиентов"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Искусство высокой кухни в Марсел"
|
||||
description="Насладитесь безупречным сервисом и изысканными блюдами в атмосфере роскоши, созданной специально для ваших особенных моментов."
|
||||
tag="Лучший ресторан города"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg", imageAlt: "Интерьер ресторана"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-holding-plate-steak_23-2149720771.jpg", imageAlt: "Изысканные блюда"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Средняя оценка 5.0 на основе отзывов клиентов"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Ваш идеальный вечер начинается здесь"
|
||||
description="В ресторане Марсел мы объединяем высокие стандарты обслуживания и кулинарного мастерства. Просторные залы с высокими потолками и внимательный персонал гарантируют, что любое торжество пройдет безупречно."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Безупречный сервис",
|
||||
description: "Наш персонал заботится о каждой детали вашего комфорта.",
|
||||
},
|
||||
{
|
||||
title: "Высокая кухня",
|
||||
description: "Авторские блюда из свежайших локальных продуктов.",
|
||||
},
|
||||
{
|
||||
title: "Изысканный интерьер",
|
||||
description: "Просторное светлое оформление, располагающее к отдыху.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg"
|
||||
imageAlt="Интерьер ресторана Марсел"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Ваш идеальный вечер начинается здесь"
|
||||
description="В ресторане Марсел мы объединяем высокие стандарты обслуживания и кулинарного мастерства. Просторные залы с высокими потолками и внимательный персонал гарантируют, что любое торжество пройдет безупречно."
|
||||
bulletPoints={[
|
||||
{ title: "Безупречный сервис", description: "Наш персонал заботится о каждой детали вашего комфорта." },
|
||||
{ title: "Высокая кухня", description: "Авторские блюда из свежайших локальных продуктов." },
|
||||
{ title: "Изысканный интерьер", description: "Просторное светлое оформление, располагающее к отдыху." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg"
|
||||
imageAlt="Интерьер ресторана Марсел"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Элегантный дизайн",
|
||||
description: "Дорогой и лаконичный стиль оформления помещений.",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Авторское меню",
|
||||
description: "Разнообразие вкусов для самого искушенного гурмана.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Удобство расположения",
|
||||
description: "Легко доступная локация с парковочными зонами.",
|
||||
},
|
||||
]}
|
||||
title="Почему выбирают Марсел"
|
||||
description="Мы стремимся к совершенству в каждой детали вашего пребывания."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Star, title: "Элегантный дизайн", description: "Дорогой и лаконичный стиль оформления помещений." },
|
||||
{ icon: Utensils, title: "Авторское меню", description: "Разнообразие вкусов для самого искушенного гурмана." },
|
||||
{ icon: Users, title: "Удобство расположения", description: "Легко доступная локация с парковочными зонами." },
|
||||
]}
|
||||
title="Почему выбирают Марсел"
|
||||
description="Мы стремимся к совершенству в каждой детали вашего пребывания."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Гулмира Зайкен",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Канат Дюсенов",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Айнура А",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081857.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "darya elgort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-table-looking-man_23-2147810918.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Гульнар Ильясова",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Мнения наших гостей"
|
||||
cardTag="Доверие клиентов"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Гулмира Зайкен", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
|
||||
{ id: "2", name: "Канат Дюсенов", imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg" },
|
||||
{ id: "3", name: "Айнура А", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081857.jpg" },
|
||||
{ id: "4", name: "darya elgort", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-table-looking-man_23-2147810918.jpg" },
|
||||
{ id: "5", name: "Гульнар Ильясова", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg" },
|
||||
]}
|
||||
cardTitle="Мнения наших гостей"
|
||||
cardTag="Доверие клиентов"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Гастро-премия 2023",
|
||||
"Top Choice 2022",
|
||||
"Лучший банкетный зал",
|
||||
"Высокий рейтинг 5.0",
|
||||
"Гарантия качества",
|
||||
]}
|
||||
title="Признание наших заслуг"
|
||||
description="Наш ресторан регулярно отмечается профессиональными сообществами и довольными гостями."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Гастро-премия 2023", "Top Choice 2022", "Лучший банкетный зал", "Высокий рейтинг 5.0", "Гарантия качества"]}
|
||||
title="Признание наших заслуг"
|
||||
description="Наш ресторан регулярно отмечается профессиональными сообществами и довольными гостями."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: CalendarDays,
|
||||
title: "Проведенных мероприятий",
|
||||
value: "1500+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Award,
|
||||
title: "Блюд в меню",
|
||||
value: "120+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Smile,
|
||||
title: "Счастливых гостей",
|
||||
value: "50,000+",
|
||||
},
|
||||
]}
|
||||
title="Наши достижения"
|
||||
description="Годы опыта и тысячи довольных улыбок."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", icon: CalendarDays, title: "Проведенных мероприятий", value: "1500+" },
|
||||
{ id: "2", icon: Award, title: "Блюд в меню", value: "120+" },
|
||||
{ id: "3", icon: Smile, title: "Счастливых гостей", value: "50,000+" },
|
||||
]}
|
||||
title="Наши достижения"
|
||||
description="Годы опыта и тысячи довольных улыбок."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Как забронировать банкет?",
|
||||
content: "Позвоните нам или оставьте заявку, администратор свяжется с вами для уточнения деталей.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Есть ли вегетарианские блюда?",
|
||||
content: "Да, в нашем меню представлен широкий выбор блюд для вегетарианцев.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Можно ли принести свой алкоголь?",
|
||||
content: "Условия обсуждаются индивидуально в зависимости от формата торжества.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Частые вопросы"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Как забронировать банкет?", content: "Позвоните нам или оставьте заявку, администратор свяжется с вами для уточнения деталей." },
|
||||
{ id: "2", title: "Есть ли вегетарианские блюда?", content: "Да, в нашем меню представлен широкий выбор блюд для вегетарианцев." },
|
||||
{ id: "3", title: "Можно ли принести свой алкоголь?", content: "Условия обсуждаются индивидуально в зависимости от формата торжества." },
|
||||
]}
|
||||
sideTitle="Частые вопросы"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Готовы забронировать ваш праздник или задать вопрос? Свяжитесь с нами прямо сейчас."
|
||||
buttons={[
|
||||
{
|
||||
text: "Позвонить администратору",
|
||||
href: "tel:+77777777777",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Готовы забронировать ваш праздник или задать вопрос? Свяжитесь с нами прямо сейчас."
|
||||
buttons={[{ text: "Позвонить администратору", href: "tel:+77777777777" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Марсел"
|
||||
columns={[
|
||||
{
|
||||
title: "Меню",
|
||||
items: [
|
||||
{
|
||||
label: "Основные блюда",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Банкеты",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "О нас",
|
||||
items: [
|
||||
{
|
||||
label: "История",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Карьера",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Помощь",
|
||||
items: [
|
||||
{
|
||||
label: "Контакты",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Ресторан Марсел. Все права защищены."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Марсел"
|
||||
columns={[
|
||||
{ title: "Меню", items: [{ label: "Основные блюда", href: "#" }, { label: "Банкеты", href: "#" }] },
|
||||
{ title: "О нас", items: [{ label: "История", href: "#" }, { label: "Карьера", href: "#" }] },
|
||||
{ title: "Помощь", items: [{ label: "Контакты", href: "#" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Ресторан Марсел. Все права защищены."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user