3 Commits

Author SHA1 Message Date
f830c70efe Merge version_2 into main
Merge version_2 into main
2026-06-12 17:24:22 +00:00
c9435b69f9 Update src/app/styles/variables.css 2026-06-12 17:24:19 +00:00
a5946c32f1 Update src/app/page.tsx 2026-06-12 17:24:19 +00:00
2 changed files with 68 additions and 278 deletions

View File

@@ -10,7 +10,6 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Book, Facebook, Gauge, Home, Instagram, Leaf, Sparkles, Utensils } from "lucide-react";
export default function LandingPage() {
@@ -32,25 +31,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Головна",
id: "#hero",
},
name: "Головна", id: "#hero"},
{
name: "Про нас",
id: "#about",
},
name: "Про нас", id: "#about"},
{
name: "Меню",
id: "#menu",
},
name: "Меню", id: "#menu"},
{
name: "Відгуки",
id: "#testimonials",
},
{
name: "Контакти",
id: "#contact",
},
name: "Контакти", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/retro-cartoon-restaurant-logo-set_23-2148882451.jpg"
logoAlt="Логотип Burher Kafe Domakha"
@@ -64,62 +51,32 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="Смачні бургери та затишна атмосфера у Домасі"
description="Спробуйте наші фірмові бургери, приготовані зі свіжих місцевих інгредієнтів. Ідеальне місце для зустрічей з друзями та родиною."
testimonials={[
{
name: "Ольга П.",
handle: "@olga.foodie",
testimonial: "Найкращі бургери, які я куштувала! Соковиті та надзвичайно смачні. Завжди приходжу сюди!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-taco_23-2151047994.jpg",
imageAlt: "Ольга П.",
},
name: "Ольга П.", handle: "@olga.foodie", testimonial: "Найкращі бургери, які я куштувала! Соковиті та надзвичайно смачні. Завжди приходжу сюди!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-taco_23-2151047994.jpg", imageAlt: "Ольга П."},
{
name: "Іван К.",
handle: "@ivan.eats",
testimonial: "Приємна атмосфера та швидке обслуговування. Рекомендую бургер з беконом!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-holding-delivery-bowl-light-pink-background_140725-40682.jpg",
imageAlt: "Іван К.",
},
name: "Іван К.", handle: "@ivan.eats", testimonial: "Приємна атмосфера та швидке обслуговування. Рекомендую бургер з беконом!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-holding-delivery-bowl-light-pink-background_140725-40682.jpg", imageAlt: "Іван К."},
{
name: "Марина С.",
handle: "@marina.life",
testimonial: "Ідеальне місце для обіду. Бургери завжди свіжі, а картопля фрі просто чудова.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg",
imageAlt: "Марина С.",
},
name: "Марина С.", handle: "@marina.life", testimonial: "Ідеальне місце для обіду. Бургери завжди свіжі, а картопля фрі просто чудова.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg", imageAlt: "Марина С."},
{
name: "Андрій Л.",
handle: "@andrii.gourmet",
testimonial: "Дуже смачно, обов'язково повернуся! Справжній гастрономічний досвід.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-delicious-taco_23-2151048051.jpg",
imageAlt: "Андрій Л.",
},
name: "Андрій Л.", handle: "@andrii.gourmet", testimonial: "Дуже смачно, обов'язково повернуся! Справжній гастрономічний досвід.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-delicious-taco_23-2151048051.jpg", imageAlt: "Андрій Л."},
{
name: "Наталія В.",
handle: "@natalia.cafe",
testimonial: "Прекрасне місце для зустрічей. Бургери просто тануть у роті!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-young-girl-trying-eat-black-burger_651396-580.jpg",
imageAlt: "Наталія В.",
},
name: "Наталія В.", handle: "@natalia.cafe", testimonial: "Прекрасне місце для зустрічей. Бургери просто тануть у роті!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-young-girl-trying-eat-black-burger_651396-580.jpg", imageAlt: "Наталія В."},
]}
tag="Burher Kafe Domakha"
buttons={[
{
text: "Переглянути меню",
href: "#menu",
},
text: "Переглянути меню", href: "#menu"},
{
text: "Забронювати столик",
href: "#contact",
},
text: "Забронювати столик", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/burger-menu-two-person-with-soft-drinks_114579-1126.jpg"
imageAlt="Апетитний бургер з картоплею фрі та напоєм на дерев'яному столі"
@@ -127,50 +84,30 @@ export default function LandingPage() {
tagIcon={Sparkles}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-burger_23-2148705540.jpg",
alt: "Задоволений клієнт",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-burger_23-2148705540.jpg", alt: "Задоволений клієнт"},
{
src: "http://img.b2bpic.net/free-photo/happy-black-woman-with-wavy-hairs-eating-tasty-cheeseburger-pink_273443-3536.jpg",
alt: "Щаслива відвідувачка",
},
src: "http://img.b2bpic.net/free-photo/happy-black-woman-with-wavy-hairs-eating-tasty-cheeseburger-pink_273443-3536.jpg", alt: "Щаслива відвідувачка"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-man-sitting-down-with-food-his-hands_23-2148322100.jpg",
alt: "Чоловік із замовленням",
},
src: "http://img.b2bpic.net/free-photo/cheerful-man-sitting-down-with-food-his-hands_23-2148322100.jpg", alt: "Чоловік із замовленням"},
{
src: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-holding-little-delivery-food-package-light-pink-background_140725-40432.jpg",
alt: "Кур'єр доставки",
},
src: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-holding-little-delivery-food-package-light-pink-background_140725-40432.jpg", alt: "Кур'єр доставки"},
{
src: "http://img.b2bpic.net/free-photo/stupefied-handsome-man-poses-with-delicious-appetizing-fast-food-holds-tasty-hamburger-wears-round-spectacles-casual-jumper-doesnt-keep-diet-likes-cheat-meal-dressed-casually_273609-51236.jpg",
alt: "Людина, що насолоджується їжею",
},
src: "http://img.b2bpic.net/free-photo/stupefied-handsome-man-poses-with-delicious-appetizing-fast-food-holds-tasty-hamburger-wears-round-spectacles-casual-jumper-doesnt-keep-diet-likes-cheat-meal-dressed-casually_273609-51236.jpg", alt: "Людина, що насолоджується їжею"},
]}
avatarText="Приєднуйтесь до понад 5000 задоволених клієнтів!"
marqueeItems={[
{
type: "text",
text: "Свіжі Інгредієнти Щодня",
type: "text", text: "Свіжі Інгредієнти Щодня"},
{
type: "text-icon", text: "Унікальні Рецепти", icon: Utensils,
},
{
type: "text-icon",
text: "Унікальні Рецепти",
icon: Utensils,
type: "text", text: "Затишна Атмосфера"},
{
type: "text-icon", text: "Швидке Обслуговування", icon: Gauge,
},
{
type: "text",
text: "Затишна Атмосфера",
},
{
type: "text-icon",
text: "Швидке Обслуговування",
icon: Gauge,
},
{
type: "text",
text: "Смак, що запам'ятовується",
},
type: "text", text: "Смак, що запам'ятовується"},
]}
/>
</div>
@@ -183,19 +120,13 @@ export default function LandingPage() {
description="Ми затишне бургер-кафе у самому серці Домахи, де панує дружня атмосфера та любов до якісної їжі. Наша місія створювати неперевершені бургери, використовуючи тільки свіжі та натуральні інгредієнти від місцевих постачальників. Ми віримо, що добра їжа зближує людей, тому кожен бургер готуємо з душею."
bulletPoints={[
{
title: "Свіжі Інгредієнти",
description: "Використовуємо лише найсвіжіші продукти з регіональних ферм.",
icon: Leaf,
title: "Свіжі Інгредієнти", description: "Використовуємо лише найсвіжіші продукти з регіональних ферм.", icon: Leaf,
},
{
title: "Унікальні Рецепти",
description: "Кожен бургер це результат ретельно розробленої рецептури та кулінарного натхнення.",
icon: Book,
title: "Унікальні Рецепти", description: "Кожен бургер це результат ретельно розробленої рецептури та кулінарного натхнення.", icon: Book,
},
{
title: "Затишна Атмосфера",
description: "Ідеальне місце для відпочинку з друзями та родиною.",
icon: Home,
title: "Затишна Атмосфера", description: "Ідеальне місце для відпочинку з друзями та родиною.", icon: Home,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
@@ -211,42 +142,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Виключно Свіжість",
subtitle: "Ми використовуємо тільки місцеве м'ясо та овочі, щоб гарантувати неперевершений смак і якість.",
category: "Якість",
value: "100% Свіже",
buttons: [
id: "f1", title: "Виключно Свіжість", subtitle: "Ми використовуємо тільки місцеве м'ясо та овочі, щоб гарантувати неперевершений смак і якість.", category: "Якість", value: "100% Свіже", buttons: [
{
text: "Детальніше",
href: "#",
},
text: "Детальніше", href: "#"},
],
},
{
id: "f2",
title: "Авторські Соуси",
subtitle: "Наші унікальні соуси, приготовані за власними рецептами, додають особливого шарму кожному бургеру.",
category: "Смак",
value: "Секретні Рецепти",
buttons: [
id: "f2", title: "Авторські Соуси", subtitle: "Наші унікальні соуси, приготовані за власними рецептами, додають особливого шарму кожному бургеру.", category: "Смак", value: "Секретні Рецепти", buttons: [
{
text: "Детальніше",
href: "#",
},
text: "Детальніше", href: "#"},
],
},
{
id: "f3",
title: "Меню для Дітей",
subtitle: "Ми подбали про наших наймолодших гостей, пропонуючи спеціальні бургери та страви, які їм сподобаються.",
category: "Сім'я",
value: "З любов'ю",
buttons: [
id: "f3", title: "Меню для Дітей", subtitle: "Ми подбали про наших наймолодших гостей, пропонуючи спеціальні бургери та страви, які їм сподобаються.", category: "Сім'я", value: "З любов'ю", buttons: [
{
text: "Детальніше",
href: "#",
},
text: "Детальніше", href: "#"},
],
},
]}
@@ -263,104 +173,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Класичний Чізбургер",
price: "220 грн",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-burger-with-sauce-pickled-cucumber-served-restaurant_141793-2110.jpg",
imageAlt: "Класичний чізбургер з картоплею фрі",
},
id: "p1", name: "Класичний Чізбургер", price: "220 грн", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-burger-with-sauce-pickled-cucumber-served-restaurant_141793-2110.jpg", imageAlt: "Класичний чізбургер з картоплею фрі"},
{
id: "p2",
name: "Гострий Бургер Халапеньйо",
price: "245 грн",
imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-mushroom-wrapped-paper-bag-served-cutting-board_140725-1295.jpg",
imageAlt: "Гострий бургер з перцем халапеньйо",
},
id: "p2", name: "Гострий Бургер Халапеньйо", price: "245 грн", imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-mushroom-wrapped-paper-bag-served-cutting-board_140725-1295.jpg", imageAlt: "Гострий бургер з перцем халапеньйо"},
{
id: "p3",
name: "Курячий Бургер BBQ",
price: "230 грн",
imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-hamburger-with-juicy-beef-burger-cheese-tomato-red-onion-light-table-french-fries_2829-19584.jpg",
imageAlt: "Курячий бургер з соусом BBQ",
},
id: "p3", name: "Курячий Бургер BBQ", price: "230 грн", imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-hamburger-with-juicy-beef-burger-cheese-tomato-red-onion-light-table-french-fries_2829-19584.jpg", imageAlt: "Курячий бургер з соусом BBQ"},
{
id: "p4",
name: "Вегетаріанський Бургер",
price: "210 грн",
imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-closeup-hamburger-bread-grilled_1203-4260.jpg",
imageAlt: "Вегетаріанський бургер з овочами",
},
id: "p4", name: "Вегетаріанський Бургер", price: "210 грн", imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-closeup-hamburger-bread-grilled_1203-4260.jpg", imageAlt: "Вегетаріанський бургер з овочами"},
{
id: "p5",
name: "Подвійний Бургер «Домаха»",
price: "290 грн",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-city_23-2150902330.jpg",
imageAlt: "Подвійний бургер з двома котлетами",
},
id: "p5", name: "Подвійний Бургер «Домаха»", price: "290 грн", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-city_23-2150902330.jpg", imageAlt: "Подвійний бургер з двома котлетами"},
{
id: "p6",
name: "Бургер зі Свининою BBQ",
price: "260 грн",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beef-burger-with-sauce-pickled-cucumber-served-restaurant_141793-2018.jpg",
imageAlt: "Бургер зі свининою та соусом BBQ",
},
id: "p6", name: "Бургер зі Свининою BBQ", price: "260 грн", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beef-burger-with-sauce-pickled-cucumber-served-restaurant_141793-2018.jpg", imageAlt: "Бургер зі свининою та соусом BBQ"},
]}
title="Наше Апетитне Меню"
description="Ознайомтеся з нашим різноманітним асортиментом бургерів, кожен з яких є витвором кулінарного мистецтва."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Анастасія М.",
role: "Постійна клієнтка",
testimonial: "Завжди повертаюся сюди за найкращими бургерами в місті! Обслуговування на вищому рівні.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-man-looking-camera-clenching-fists-isolated-olive-green-background-with-copy-space_141793-75152.jpg",
imageAlt: "Анастасія М.",
},
{
id: "t2",
name: "Денис В.",
role: "Гість міста",
testimonial: "Випадково зайшов і був приємно здивований. Бургери просто шедевр, дуже рекомендую!",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",
imageAlt: "Денис В.",
},
{
id: "t3",
name: "Катерина Л.",
role: "Мама двох",
testimonial: "Дуже смачно і дітям сподобалось! Окрема подяка за дитяче меню.",
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-delivery-man-wearing-uniform-cap-spreading-hands-isolated-olive-green-wall_141793-82905.jpg",
imageAlt: "Катерина Л.",
},
{
id: "t4",
name: "Олександр Р.",
role: "Менеджер",
testimonial: "Швидко, смачно, якісно. Ідеальне місце для швидкого та ситного обіду.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-beautiful-middle-aged-woman-with-white-smile-perfect-healthy-skin-without-wrinkles-holding-hands-chest-white-background_176420-50279.jpg",
imageAlt: "Олександр Р.",
},
{
id: "t5",
name: "Софія Г.",
role: "Блогер",
testimonial: "Атмосфера, смак, подача все на найвищому рівні! Burher Kafe Domakha, ви супер!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-coffee-cup-looking-away-with-laptop-table_23-2147859788.jpg",
imageAlt: "Софія Г.",
},
]}
title="Що кажуть наші гості"
description="Ми пишаємося тим, що створюємо незабутні враження для кожного відвідувача."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
@@ -368,35 +197,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "Чи можна забронювати столик?",
content: "Так, ви можете забронювати столик зателефонувавши нам за номером або скориставшись формою зворотного зв'язку на сайті.",
},
id: "faq1", title: "Чи можна забронювати столик?", content: "Так, ви можете забронювати столик зателефонувавши нам за номером або скориставшись формою зворотного зв'язку на сайті."},
{
id: "faq2",
title: "Чи є у вас доставка?",
content: "Наразі ми не пропонуємо власну доставку, але ви можете замовити наші бургери через популярні сервіси доставки їжі у Домасі.",
},
id: "faq2", title: "Чи є у вас доставка?", content: "Наразі ми не пропонуємо власну доставку, але ви можете замовити наші бургери через популярні сервіси доставки їжі у Домасі."},
{
id: "faq3",
title: "Чи є вегетаріанські та веганські страви?",
content: "Так, у нашому меню є смачні вегетаріанські та веганські опції. Перегляньте наш розділ 'Меню' для деталей.",
},
id: "faq3", title: "Чи є вегетаріанські та веганські страви?", content: "Так, у нашому меню є смачні вегетаріанські та веганські опції. Перегляньте наш розділ 'Меню' для деталей."},
{
id: "faq4",
title: "Які способи оплати ви приймаєте?",
content: "Ми приймаємо готівку, банківські картки (Visa, MasterCard) та безконтактні платежі.",
},
id: "faq4", title: "Які способи оплати ви приймаєте?", content: "Ми приймаємо готівку, банківські картки (Visa, MasterCard) та безконтактні платежі."},
{
id: "faq5",
title: "Чи використовуєте ви свіжі інгредієнти?",
content: "Безумовно! Ми пишаємося тим, що використовуємо лише найсвіжіші та високоякісні інгредієнти від перевірених місцевих постачальників.",
},
id: "faq5", title: "Чи використовуєте ви свіжі інгредієнти?", content: "Безумовно! Ми пишаємося тим, що використовуємо лише найсвіжіші та високоякісні інгредієнти від перевірених місцевих постачальників."},
{
id: "faq6",
title: "Чи можна замовити бургер на винос?",
content: "Так, ви можете замовити будь-який бургер або страву з нашого меню на винос. Просто повідомте про це нашому персоналу.",
},
id: "faq6", title: "Чи можна замовити бургер на винос?", content: "Так, ви можете замовити будь-який бургер або страву з нашого меню на винос. Просто повідомте про це нашому персоналу."},
]}
title="Часті питання"
description="Знайдіть відповіді на найпоширеніші питання щодо нашого кафе та послуг."
@@ -411,40 +222,23 @@ export default function LandingPage() {
description="Будемо раді відповісти на ваші запитання або допомогти з бронюванням."
inputs={[
{
name: "Ім'я",
type: "text",
placeholder: "Ваше ім'я",
required: true,
name: "Ім'я", type: "text", placeholder: "Ваше ім'я", required: true,
},
{
name: "Email",
type: "email",
placeholder: "Ваш email",
required: true,
name: "Email", type: "email", placeholder: "Ваш email", required: true,
},
{
name: "Телефон",
type: "tel",
placeholder: "Ваш телефон",
required: false,
name: "Телефон", type: "tel", placeholder: "Ваш телефон", required: false,
},
{
name: "Дата",
type: "date",
placeholder: "Дата відвідування",
required: false,
name: "Дата", type: "date", placeholder: "Дата відвідування", required: false,
},
{
name: "Кількість",
type: "number",
placeholder: "Кількість гостей",
required: false,
name: "Кількість", type: "number", placeholder: "Кількість гостей", required: false,
},
]}
textarea={{
name: "Повідомлення",
placeholder: "Ваше повідомлення або побажання щодо бронювання",
rows: 4,
name: "Повідомлення", placeholder: "Ваше повідомлення або побажання щодо бронювання", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building-plants_23-2149301099.jpg"
@@ -464,18 +258,14 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/burherkafedomakha",
ariaLabel: "Facebook",
},
href: "https://facebook.com/burherkafedomakha", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/burherkafedomakha",
ariaLabel: "Instagram",
},
href: "https://instagram.com/burherkafedomakha", ariaLabel: "Instagram"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #1b0c25;
--primary-cta: #1b0c25;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #1b0c25;
--accent: #ff93e4;
--background-accent: #e8a8c3;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #e6e6e6;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffffe6;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);