271 lines
18 KiB
TypeScript
271 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import { Book, Facebook, Gauge, Home, Instagram, Leaf, Sparkles, Utensils } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="large"
|
||
background="circleGradient"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Головна", id: "#hero"},
|
||
{
|
||
name: "Про нас", id: "#about"},
|
||
{
|
||
name: "Меню", id: "#menu"},
|
||
{
|
||
name: "Контакти", id: "#contact"},
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-vector/retro-cartoon-restaurant-logo-set_23-2148882451.jpg"
|
||
logoAlt="Логотип Burher Kafe Domakha"
|
||
brandName="Burher Kafe Domakha"
|
||
bottomLeftText="Домаха, Україна"
|
||
bottomRightText="info@domakha.ua"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
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: "@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: "@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: "Наталія В."},
|
||
]}
|
||
tag="Burher Kafe Domakha"
|
||
buttons={[
|
||
{
|
||
text: "Переглянути меню", href: "#menu"},
|
||
{
|
||
text: "Забронювати столик", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/burger-menu-two-person-with-soft-drinks_114579-1126.jpg"
|
||
imageAlt="Апетитний бургер з картоплею фрі та напоєм на дерев'яному столі"
|
||
mediaAnimation="slide-up"
|
||
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/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/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: "Людина, що насолоджується їжею"},
|
||
]}
|
||
avatarText="Приєднуйтесь до понад 5000 задоволених клієнтів!"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Свіжі Інгредієнти Щодня"},
|
||
{
|
||
type: "text-icon", text: "Унікальні Рецепти", icon: Utensils,
|
||
},
|
||
{
|
||
type: "text", text: "Затишна Атмосфера"},
|
||
{
|
||
type: "text-icon", text: "Швидке Обслуговування", icon: Gauge,
|
||
},
|
||
{
|
||
type: "text", text: "Смак, що запам'ятовується"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
title="Про Burher Kafe Domakha"
|
||
description="Ми – затишне бургер-кафе у самому серці Домахи, де панує дружня атмосфера та любов до якісної їжі. Наша місія – створювати неперевершені бургери, використовуючи тільки свіжі та натуральні інгредієнти від місцевих постачальників. Ми віримо, що добра їжа зближує людей, тому кожен бургер готуємо з душею."
|
||
bulletPoints={[
|
||
{
|
||
title: "Свіжі Інгредієнти", description: "Використовуємо лише найсвіжіші продукти з регіональних ферм.", icon: Leaf,
|
||
},
|
||
{
|
||
title: "Унікальні Рецепти", description: "Кожен бургер – це результат ретельно розробленої рецептури та кулінарного натхнення.", icon: Book,
|
||
},
|
||
{
|
||
title: "Затишна Атмосфера", description: "Ідеальне місце для відпочинку з друзями та родиною.", icon: Home,
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
|
||
imageAlt="Затишний інтер'єр кафе з дерев'яними столами та м'яким освітленням"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyEight
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "f1", title: "Виключно Свіжість", subtitle: "Ми використовуємо тільки місцеве м'ясо та овочі, щоб гарантувати неперевершений смак і якість.", category: "Якість", value: "100% Свіже", buttons: [
|
||
{
|
||
text: "Детальніше", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
id: "f2", title: "Авторські Соуси", subtitle: "Наші унікальні соуси, приготовані за власними рецептами, додають особливого шарму кожному бургеру.", category: "Смак", value: "Секретні Рецепти", buttons: [
|
||
{
|
||
text: "Детальніше", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
id: "f3", title: "Меню для Дітей", subtitle: "Ми подбали про наших наймолодших гостей, пропонуючи спеціальні бургери та страви, які їм сподобаються.", category: "Сім'я", value: "З любов'ю", buttons: [
|
||
{
|
||
text: "Детальніше", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
title="Чому обирають нас?"
|
||
description="Ми прагнемо перевершити ваші очікування, пропонуючи щось більше, ніж просто їжу."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
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: "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: "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: "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="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "faq1", title: "Чи можна забронювати столик?", content: "Так, ви можете забронювати столик зателефонувавши нам за номером або скориставшись формою зворотного зв'язку на сайті."},
|
||
{
|
||
id: "faq2", title: "Чи є у вас доставка?", content: "Наразі ми не пропонуємо власну доставку, але ви можете замовити наші бургери через популярні сервіси доставки їжі у Домасі."},
|
||
{
|
||
id: "faq3", title: "Чи є вегетаріанські та веганські страви?", content: "Так, у нашому меню є смачні вегетаріанські та веганські опції. Перегляньте наш розділ 'Меню' для деталей."},
|
||
{
|
||
id: "faq4", title: "Які способи оплати ви приймаєте?", content: "Ми приймаємо готівку, банківські картки (Visa, MasterCard) та безконтактні платежі."},
|
||
{
|
||
id: "faq5", title: "Чи використовуєте ви свіжі інгредієнти?", content: "Безумовно! Ми пишаємося тим, що використовуємо лише найсвіжіші та високоякісні інгредієнти від перевірених місцевих постачальників."},
|
||
{
|
||
id: "faq6", title: "Чи можна замовити бургер на винос?", content: "Так, ви можете замовити будь-який бургер або страву з нашого меню на винос. Просто повідомте про це нашому персоналу."},
|
||
]}
|
||
title="Часті питання"
|
||
description="Знайдіть відповіді на найпоширеніші питання щодо нашого кафе та послуг."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Завітайте до нас"
|
||
description="Будемо раді відповісти на ваші запитання або допомогти з бронюванням."
|
||
inputs={[
|
||
{
|
||
name: "Ім'я", type: "text", placeholder: "Ваше ім'я", required: true,
|
||
},
|
||
{
|
||
name: "Email", type: "email", placeholder: "Ваш email", required: true,
|
||
},
|
||
{
|
||
name: "Телефон", type: "tel", placeholder: "Ваш телефон", required: false,
|
||
},
|
||
{
|
||
name: "Дата", type: "date", placeholder: "Дата відвідування", required: false,
|
||
},
|
||
{
|
||
name: "Кількість", type: "number", placeholder: "Кількість гостей", required: false,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "Повідомлення", placeholder: "Ваше повідомлення або побажання щодо бронювання", rows: 4,
|
||
required: false,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building-plants_23-2149301099.jpg"
|
||
imageAlt="Фасад бургер-кафе Burher Kafe Domakha ввечері"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
buttonText="Надіслати запит"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoSrc="http://img.b2bpic.net/free-vector/retro-cartoon-restaurant-logo-set_23-2148882451.jpg"
|
||
logoAlt="Логотип Burher Kafe Domakha"
|
||
logoText="Burher Kafe Domakha"
|
||
copyrightText="© 2024 Burher Kafe Domakha. Усі права захищені."
|
||
socialLinks={[
|
||
{
|
||
icon: Facebook,
|
||
href: "https://facebook.com/burherkafedomakha", ariaLabel: "Facebook"},
|
||
{
|
||
icon: Instagram,
|
||
href: "https://instagram.com/burherkafedomakha", ariaLabel: "Instagram"},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |