Merge version_2 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -2,16 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,175 +27,100 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Sauna", id: "wellness" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Гостинний двір"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Ваш затишний відпочинок у Гостинному дворі"
|
||||
description="Поєднання вишуканого ресторану та розслаблюючої сауни. Відчуйте атмосферу комфорту та традиційної гостинності щоразу, коли ви з нами."
|
||||
kpis={[
|
||||
{ value: "10+", label: "Років гостинності" },
|
||||
{ value: "5000+", label: "Задоволених гостей" },
|
||||
{ value: "100%", label: "Затишку та тепла" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Забронювати", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg"
|
||||
imageAlt="restaurant and sauna entrance cozy"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/old-vase-with-stone-angels_53876-18208.jpg", alt: "Old vase with stone angels" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wooden-lampshade-wooden-chest-with-books-it-placed-garden_181624-5463.jpg", alt: "wooden lampshade and a wooden chest with books on it placed in a garden" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263507.jpg", alt: "Photorealistic wooden house interior with timber decor and furnishings" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-127568.jpg", alt: "Painting inspiration supplies placed ready to be painted on canvas" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg", alt: "Woman in blue hat sits on the windowsill in the cafe" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Традиційна кухня" },
|
||||
{ type: "text", text: "Відпочинок у сауні" },
|
||||
{ type: "text", text: "Затишні номери" },
|
||||
{ type: "text", text: "Wellness-процедури" },
|
||||
{ type: "text", text: "Сімейний відпочинок" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="About Us"
|
||||
description="We provide excellent services tailored to your needs."
|
||||
textboxLayout="split"
|
||||
bulletPoints={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Мистецтво відпочинку"
|
||||
description="Гостинний двір — це більше, ніж місце. Це простір, де гастрономічні враження зустрічаються з цілющим теплом нашої сауни. Ми дбаємо про кожну деталь вашого комфорту."
|
||||
bulletPoints={[
|
||||
{ title: "Вишукана кухня", description: "Страви традиційної та сучасної кухні." },
|
||||
{ title: "Wellness-зона", description: "Сауна та оздоровчі процедури для повного релаксу." },
|
||||
{ title: "Гостинність", description: "Дбайливий сервіс та тепла атмосфера." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361918.jpg"
|
||||
imageAlt="warm restaurant interior dining"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Смачна їжа", description: "Свіжі продукти, авторські рецепти.", imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg" },
|
||||
{ title: "Відпочинок у сауні", description: "Повне розслаблення для тіла та душі.", imageSrc: "http://img.b2bpic.net/free-photo/reaching-robe-after-sauna-ritual-calm_169016-69401.jpg" },
|
||||
{ title: "Затишний інтер'єр", description: "Дизайн, що надихає на спокій.", imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150533026.jpg" },
|
||||
]}
|
||||
title="Чому обирають нас"
|
||||
description="Ми створюємо умови, щоб ви могли забути про буденність та поринути у світ насолоди."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
title="Pricing Plans"
|
||||
description="Choose the plan that suits you best."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
plans={[]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Фірмова закуска", price: "180 ₴", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesecake-with-cookies-kumquats-white-plate_141793-1462.jpg" },
|
||||
{ id: "2", name: "Авторський напій", price: "95 ₴", imageSrc: "http://img.b2bpic.net/free-photo/man-hand-pouring-champagne-into-glass-ready-drink-blur-table-restaurant_1150-6451.jpg" },
|
||||
{ id: "3", name: "Домашній десерт", price: "120 ₴", imageSrc: "http://img.b2bpic.net/free-photo/berry-tart-decorated-with-strawberry-grape_140725-5731.jpg" },
|
||||
{ id: "4", name: "М'ясо на грилі", price: "350 ₴", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-vegetables-top-view_141793-4450.jpg" },
|
||||
{ id: "5", name: "Традиційний борщ", price: "140 ₴", imageSrc: "http://img.b2bpic.net/free-photo/greens-vegetable-with-farfalle-pasta-bowl-marble-surface_114579-63720.jpg" },
|
||||
{ id: "6", name: "Сирна тарілка", price: "220 ₴", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-spices-served-with-baguette_114579-29291.jpg" },
|
||||
]}
|
||||
title="Наше Меню"
|
||||
description="Спробуйте найкращі страви, приготовані з любов'ю."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Our Performance"
|
||||
description="We track what matters."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
metrics={[]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="wellness" data-section="wellness">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100%", title: "Натуральна деревина", description: "Екологічні матеріали в кожній сауні.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-ice-closeup_169016-22515.jpg"},
|
||||
{
|
||||
id: "m2", value: "45°C", title: "Оптимальна температура", description: "Ідеальна для розслаблення та здоров'я.", imageSrc: "http://img.b2bpic.net/free-photo/low-section-woman-sitting-wooden-bench-sauna_23-2147867869.jpg"},
|
||||
{
|
||||
id: "m3", value: "30+", title: "Професійний догляд", description: "Масаж та процедури для кожного гостя.", imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-relaxing-water_23-2148000123.jpg"},
|
||||
]}
|
||||
title="Wellness-показники"
|
||||
description="Ваш шлях до здорового тіла та душевного спокою."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Our Experts"
|
||||
description="Meet the team behind our success."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
members={[]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Олена", handle: "@olena_travel", testimonial: "Чудовий заклад! Сауна просто неймовірна, відпочила на всі 100%.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-musician-looks-into-collection-notes-sitting-piano_169016-15183.jpg" },
|
||||
{ id: "2", name: "Андрій", handle: "@andrii_rest", testimonial: "Смачно, затишно і дуже приємне обслуговування. Рекомендую всім!", imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg" },
|
||||
{ id: "3", name: "Марія", handle: "@maria_spa", testimonial: "Найкраще місце для відпочинку з друзями в місті.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-adult-man-white-shirt-sitting-inside-photo-grayhaired-bearded-adult-guy-tattoos-white-shirt-room_197531-30045.jpg" },
|
||||
{ id: "4", name: "Олександр", handle: "@alex_chef", testimonial: "Дуже затишна атмосфера та вишукана кухня. Дякую за гостинність!", imageSrc: "http://img.b2bpic.net/free-photo/funny-girl-with-curly-hair-taking-selfie-sitting-restaurant-s-wooden-table_651396-869.jpg" },
|
||||
{ id: "5", name: "Вікторія", handle: "@viktoria_relax", testimonial: "Найкращий релакс після довгого робочого тижня.", 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" },
|
||||
]}
|
||||
title="Відгуки гостей"
|
||||
description="Почуйте, чому наші відвідувачі повертаються до нас знову і знову."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="What People Say"
|
||||
description="Hear from our satisfied customers."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
testimonials={[]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Як забронювати сауну?", content: "Ви можете зателефонувати нам або залишити заявку через сайт." },
|
||||
{ id: "f2", title: "Чи є парковка?", content: "Так, ми маємо зручну парковку для наших гостей." },
|
||||
{ id: "f3", title: "Чи приймаєте ви корпоративи?", content: "Звісно! Ми з радістю допоможемо провести свято." },
|
||||
]}
|
||||
title="Часті запитання"
|
||||
description="Все, що вам потрібно знати перед візитом до Гостинного двору."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Connect"
|
||||
title="Contact Us"
|
||||
description="Get in touch for inquiries."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Контакти"
|
||||
title="Забронюйте свій відпочинок"
|
||||
description="Зв'яжіться з нами та відчуйте гостинність вже сьогодні."
|
||||
buttons={[{ text: "Написати нам", href: "https://instagram.com/guest_yard/" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-entering-modern-sauna-warm-glow-wellness-vibe-sauna-entrance_169016-69370.jpg"
|
||||
logoText="Гостинний двір"
|
||||
columns={[
|
||||
{ title: "Меню", items: [{ label: "Головна", href: "#hero" }, { label: "Ресторан", href: "#menu" }, { label: "Сауна", href: "#wellness" }] },
|
||||
{ title: "Інформація", items: [{ label: "Про нас", href: "#about" }, { label: "Контакти", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | Гостинний двір"
|
||||
imageAlt="restaurant and sauna entrance cozy"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="Brand"
|
||||
columns={[]}
|
||||
imageSrc=""
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user