Merge version_1 into main #2
330
src/app/page.tsx
330
src/app/page.tsx
@@ -26,249 +26,105 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Головна",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Номери",
|
||||
id: "/rooms",
|
||||
},
|
||||
{
|
||||
name: "Ресторан",
|
||||
id: "/restaurant",
|
||||
},
|
||||
{
|
||||
name: "Контакти",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Три Корони"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Головна", id: "/" },
|
||||
{ name: "Номери", id: "/rooms" },
|
||||
{ name: "Ресторан", id: "/restaurant" },
|
||||
{ name: "Контакти", id: "/contact" },
|
||||
]}
|
||||
brandName="Три Корони"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Три Корони"
|
||||
description="Відкрийте для себе затишок та автентичний Львівський дух у нашому готелі. Ваш ідеальний відпочинок у спокійному районі чекає."
|
||||
buttons={[
|
||||
{
|
||||
text: "Забронювати номер",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Переглянути номери",
|
||||
href: "/rooms",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decorated-front-door_23-2150562486.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Три Корони"
|
||||
description="Відкрийте для себе затишок та автентичний Львівський дух у нашому готелі. Ваш ідеальний відпочинок у спокійному районі чекає."
|
||||
buttons={[
|
||||
{ text: "Забронювати номер", href: "/contact" },
|
||||
{ text: "Переглянути номери", href: "/rooms" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decorated-front-door_23-2150562486.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Мистецтво гостинності у Львові"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Затишний ресторан",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
icon: Car,
|
||||
label: "Безкоштовна парковка",
|
||||
value: "Завжди",
|
||||
},
|
||||
{
|
||||
icon: Wifi,
|
||||
label: "High-Speed",
|
||||
value: "Wi-Fi",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Центр міста",
|
||||
value: "10 хв",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Безпека",
|
||||
value: "24/7",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Мистецтво гостинності у Львові"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Затишний ресторан", value: "24/7" },
|
||||
{ icon: Car, label: "Безкоштовна парковка", value: "Завжди" },
|
||||
{ icon: Wifi, label: "High-Speed", value: "Wi-Fi" },
|
||||
{ icon: MapPin, label: "Центр міста", value: "10 хв" },
|
||||
{ icon: ShieldCheck, label: "Безпека", value: "24/7" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Чудове місце",
|
||||
quote: "Дуже спокійний район і надзвичайно чисті номери.",
|
||||
name: "Олена",
|
||||
role: "Гостя",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Смачна кухня",
|
||||
quote: "Ресторан просто супер, сніданки найкращі у Львові!",
|
||||
name: "Іван",
|
||||
role: "Гість",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Рекомендую",
|
||||
quote: "Дуже затишний готель з привітним персоналом.",
|
||||
name: "Марія",
|
||||
role: "Гостя",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Все чудово",
|
||||
quote: "Тихе місце, дуже зручно для відпочинку з родиною.",
|
||||
name: "Дмитро",
|
||||
role: "Гість",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Приємний сервіс",
|
||||
quote: "Дякую за прийом, обов'язково повернусь сюди знову.",
|
||||
name: "Оксана",
|
||||
role: "Гостя",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Відгуки гостей"
|
||||
description="Ваш комфорт — наша головна мета."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Чудове місце", quote: "Дуже спокійний район і надзвичайно чисті номери.", name: "Олена", role: "Гостя", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg" },
|
||||
{ id: "2", title: "Смачна кухня", quote: "Ресторан просто супер, сніданки найкращі у Львові!", name: "Іван", role: "Гість", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg" },
|
||||
{ id: "3", title: "Рекомендую", quote: "Дуже затишний готель з привітним персоналом.", name: "Марія", role: "Гостя", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg" },
|
||||
{ id: "4", title: "Все чудово", quote: "Тихе місце, дуже зручно для відпочинку з родиною.", name: "Дмитро", role: "Гість", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg" },
|
||||
{ id: "5", title: "Приємний сервіс", quote: "Дякую за прийом, обов'язково повернусь сюди знову.", name: "Оксана", role: "Гостя", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg" },
|
||||
]}
|
||||
title="Відгуки гостей"
|
||||
description="Ваш комфорт — наша головна мета."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Поширені запитання"
|
||||
description="Ми готові допомогти з будь-якими запитаннями про наше проживання."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Чи є сніданки?",
|
||||
content: "Так, ми пропонуємо сніданки щоранку в нашому ресторані.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Чи є парковка?",
|
||||
content: "Так, готель забезпечує безкоштовну приватну парковку для гостей.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Чи дозволено проживання з тваринами?",
|
||||
content: "Будь ласка, зв'яжіться з адміністрацією заздалегідь для узгодження.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Час заїзду?",
|
||||
content: "Заїзд починається з 14:00, виїзд до 12:00.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Де ви знаходитесь?",
|
||||
content: "Ми розташовані у зручному районі по вул. Кульпарківська 172а.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Поширені запитання"
|
||||
description="Ми готові допомогти з будь-якими запитаннями про наше проживання."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Чи є сніданки?", content: "Так, ми пропонуємо сніданки щоранку в нашому ресторані." },
|
||||
{ id: "2", title: "Чи є парковка?", content: "Так, готель забезпечує безкоштовну приватну парковку для гостей." },
|
||||
{ id: "3", title: "Чи дозволено проживання з тваринами?", content: "Будь ласка, зв'яжіться з адміністрацією заздалегідь для узгодження." },
|
||||
{ id: "4", title: "Час заїзду?", content: "Заїзд починається з 14:00, виїзд до 12:00." },
|
||||
{ id: "5", title: "Де ви знаходитесь?", content: "Ми розташовані у зручному районі по вул. Кульпарківська 172а." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Чому саме ми"
|
||||
description="Оберіть комфорт з Три Корони"
|
||||
features={[
|
||||
{
|
||||
title: "Ресторан",
|
||||
description: "Авторська кухня",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg?_wi=1",
|
||||
imageAlt: "luxury hotel room interior",
|
||||
},
|
||||
{
|
||||
title: "Wi-Fi",
|
||||
description: "Швидкісний інтернет",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wifi,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed_74190-4536.jpg?_wi=1",
|
||||
imageAlt: "standard double hotel room",
|
||||
},
|
||||
{
|
||||
title: "Локація",
|
||||
description: "Спокійний район",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MapPin,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-bedroom-with-double-bed-table-tv-set_1262-3034.jpg?_wi=1",
|
||||
imageAlt: "twin bedroom hotel room",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Чому саме ми"
|
||||
description="Оберіть комфорт з Три Корони"
|
||||
features={[
|
||||
{ title: "Ресторан", description: "Авторська кухня", bentoComponent: "reveal-icon", icon: Utensils },
|
||||
{ title: "Wi-Fi", description: "Швидкісний інтернет", bentoComponent: "reveal-icon", icon: Wifi },
|
||||
{ title: "Локація", description: "Спокійний район", bentoComponent: "reveal-icon", icon: MapPin },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Три Корони"
|
||||
columns={[
|
||||
{
|
||||
title: "Меню",
|
||||
items: [
|
||||
{
|
||||
label: "Головна",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Номери",
|
||||
href: "/rooms",
|
||||
},
|
||||
{
|
||||
label: "Ресторан",
|
||||
href: "/restaurant",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакти",
|
||||
items: [
|
||||
{
|
||||
label: "вул. Кульпарківська 172а",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+38 (0XX) XXX-XX-XX",
|
||||
href: "tel:+380XXXXXXXXX",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Три Корони. Всі права захищено."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Три Корони"
|
||||
columns={[
|
||||
{ title: "Меню", items: [{ label: "Головна", href: "/" }, { label: "Номери", href: "/rooms" }, { label: "Ресторан", href: "/restaurant" }] },
|
||||
{ title: "Контакти", items: [{ label: "вул. Кульпарківська 172а", href: "#" }, { label: "+38 (0XX) XXX-XX-XX", href: "tel:+380XXXXXXXXX" }] },
|
||||
]}
|
||||
copyrightText="© 2026 Три Корони. Всі права захищено."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -6,9 +6,9 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Utensils } from "lucide-react";
|
||||
import { Utensils, ChefHat } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function RestaurantPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -23,121 +23,63 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Головна",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Номери",
|
||||
id: "/rooms",
|
||||
},
|
||||
{
|
||||
name: "Ресторан",
|
||||
id: "/restaurant",
|
||||
},
|
||||
{
|
||||
name: "Контакти",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Три Корони"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Головна", id: "/" },
|
||||
{ name: "Номери", id: "/rooms" },
|
||||
{ name: "Ресторан", id: "/restaurant" },
|
||||
{ name: "Контакти", id: "/contact" },
|
||||
]}
|
||||
brandName="Три Корони"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="restaurant" data-section="restaurant">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Сніданки та обіди",
|
||||
description: "Починайте ранок з ароматної кави та смачних сніданків.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_74190-7610.jpg?_wi=1",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "Українська кухня",
|
||||
},
|
||||
{
|
||||
icon: ChefHat,
|
||||
text: "Європейські страви",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-front-door_23-2150562486.jpg?_wi=2",
|
||||
imageAlt: "luxury boutique hotel entrance",
|
||||
},
|
||||
]}
|
||||
title="Ресторан Три Корони"
|
||||
description="Спробуйте найкращі страви української та європейської кухні, приготовані з любов'ю."
|
||||
/>
|
||||
</div>
|
||||
<div id="restaurant" data-section="restaurant">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Сніданки та обіди", description: "Починайте ранок з ароматної кави та смачних сніданків.", media: { imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_74190-7610.jpg" },
|
||||
items: [
|
||||
{ icon: Utensils, text: "Українська кухня" },
|
||||
{ icon: ChefHat, text: "Європейські страви" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Ресторан Три Корони"
|
||||
description="Спробуйте найкращі страви української та європейської кухні, приготовані з любов'ю."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Смак Львова"
|
||||
description="Спробуйте справжню гастрономічну магію."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Українська кухня",
|
||||
description: "Традиційні рецепти",
|
||||
},
|
||||
{
|
||||
title: "Європейська кухня",
|
||||
description: "Сучасні стандарти",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_74190-7610.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Смак Львова"
|
||||
description="Спробуйте справжню гастрономічну магію."
|
||||
bulletPoints={[
|
||||
{ title: "Українська кухня", description: "Традиційні рецепти" },
|
||||
{ title: "Європейська кухня", description: "Сучасні стандарти" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_74190-7610.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Три Корони"
|
||||
columns={[
|
||||
{
|
||||
title: "Меню",
|
||||
items: [
|
||||
{
|
||||
label: "Головна",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Номери",
|
||||
href: "/rooms",
|
||||
},
|
||||
{
|
||||
label: "Ресторан",
|
||||
href: "/restaurant",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакти",
|
||||
items: [
|
||||
{
|
||||
label: "вул. Кульпарківська 172а",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+38 (0XX) XXX-XX-XX",
|
||||
href: "tel:+380XXXXXXXXX",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Три Корони. Всі права захищено."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Три Корони"
|
||||
columns={[
|
||||
{ title: "Меню", items: [{ label: "Головна", href: "/" }, { label: "Номери", href: "/rooms" }, { label: "Ресторан", href: "/restaurant" }] },
|
||||
{ title: "Контакти", items: [{ label: "вул. Кульпарківська 172а", href: "#" }, { label: "+38 (0XX) XXX-XX-XX", href: "tel:+380XXXXXXXXX" }] },
|
||||
]}
|
||||
copyrightText="© 2026 Три Корони. Всі права захищено."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user