Files
7ea7455f-99f8-4d81-81b5-85e…/src/app/page.tsx
2026-06-10 11:29:37 +00:00

210 lines
10 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="largeSmall"
background="noiseDiagonalGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Головна", id: "/"},
{
name: "Меню", id: "/menu"},
{
name: "Замовити", id: "/order"},
{
name: "Бронювання", id: "/reservation"},
{
name: "Галерея", id: "/gallery"},
{
name: "Контакти", id: "#contact"},
]}
brandName="Pizzeria Daniel"
button={{
text: "Замовити Онлайн", href: "/order"}}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Pizzeria Daniel"
description="Справжній смак Італії у самому серці Коломиї. Неаполітанська піца з дров'яної печі, свіжа паста, вишукані страви та суші."
buttons={[
{
text: "Переглянути Меню", href: "/menu"},
{
text: "Замовити Онлайн", href: "/order"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-baking-pizza-wood-fired-oven_52683-106696.jpg", imageAlt: "Піца з дров'яної печі"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134249.jpg", imageAlt: "Приготування піци"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235802.jpg", imageAlt: "Дров'яна піч"},
{
imageSrc: "http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2078.jpg", imageAlt: "Елегантний інтер'єр ресторану"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-celebrating-wedding_23-2149580469.jpg", imageAlt: "Затишний зал"},
{
imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059655.jpg", imageAlt: "Розкішний ресторан"},
]}
autoplayDelay={4000}
showDimOverlay={true}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Наша Історія Смаку"
description="Pizzeria Daniel це втілення мрії про справжню італійську кухню в Коломиї. Ми пишаємося тим, що готуємо піцу за традиційними неаполітанськими рецептами у дров'яній печі, використовуючи лише свіжі, високоякісні інгредієнти. Кожна страва це кулінарний шедевр, створений з любов'ю та пристрастю до їжі."
metrics={[
{
value: "10+", title: "Років Досвіду"},
{
value: "100+", title: "Рецептів"},
{
value: "5000+", title: "Щасливих Гостей"},
]}
tag="Про Нас"
imageSrc="http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg"
imageAlt="Італійський шеф-кухар"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Масове виробництво", "Штучні інгредієнти", "Посередній сервіс"],
}}
positiveCard={{
items: [
"Традиційні рецепти", "Свіжі місцеві продукти", "Виняткове обслуговування"],
}}
title="Чому Обирають Daniel?"
description="Ми віримо, що справжня їжа починається зі свіжих інгредієнтів та майстерності. Наша пристрасть до деталей та відданість автентичним смакам роблять Pizzeria Daniel унікальним місцем."
tag="Наші Переваги"
buttons={[
{
text: "Дізнатися Більше", href: "/about"},
]}
/>
</div>
<div id="products-highlights" data-section="products-highlights">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Піца Маргарита", price: "220 UAH", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-pizza-with-mushrooms-tomato-cheese-table-food-meal-fast-food_140725-28338.jpg", imageAlt: "Піца Маргарита"},
{
id: "p2", name: "Паста Карбонара", price: "180 UAH", imageSrc: "http://img.b2bpic.net/free-photo/seafood-fettuccini-with-creamy-sauce-parmesan-topped-with-cherry-tomato-dill_140725-1612.jpg", imageAlt: "Паста Карбонара"},
{
id: "p3", name: "Стейк Рібай на Грилі", price: "450 UAH", imageSrc: "http://img.b2bpic.net/free-photo/slices-meat-served-with-lettuce-sesame-seeds-sauce_141793-955.jpg", imageAlt: "Стейк Рібай"},
{
id: "p4", name: "Сет 'Дракон'", price: "390 UAH", imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-side-shrimps_140725-1875.jpg", imageAlt: "Сет Дракон"},
{
id: "p5", name: "Домашній Лимонад", price: "75 UAH", imageSrc: "http://img.b2bpic.net/free-photo/infused-healthy-water-drink-glasses_1220-3983.jpg", imageAlt: "Домашній лимонад"},
{
id: "p6", name: "Піца Пепероні", price: "250 UAH", imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg", imageAlt: "Піца Пепероні"},
]}
title="Хіти Кухні"
description="Відкрийте для себе найпопулярніші страви, які підкорили серця наших гостей. Спробуйте наші фірмові позиції, створені за унікальними рецептами."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Зв'яжіться з нами"
title="Залишилися питання?"
description="Ми завжди раді відповісти на ваші запитання та допомогти з бронюванням або замовленням."
useInvertedBackground={false}
background={{
variant: "plain"}}
inputPlaceholder="Ваш email"
buttonText="Відправити"
termsText="Натискаючи 'Відправити', ви погоджуєтесь з нашою Політикою конфіденційності."
onSubmit={() => console.log("Form submitted")}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg"
imageAlt="Екстер'єр ресторану Pizzeria Daniel"
logoText="Pizzeria Daniel"
columns={[
{
title: "Меню", items: [
{
label: "Піца", href: "/menu"},
{
label: "Страви", href: "/menu"},
{
label: "Суші", href: "/menu"},
{
label: "Напої", href: "/menu"},
],
},
{
title: "Компанія", items: [
{
label: "Про Нас", href: "/about"},
{
label: "Галерея", href: "/gallery"},
{
label: "Контакти", href: "#contact"},
],
},
{
title: "Сервіс", items: [
{
label: "Замовити Онлайн", href: "/order"},
{
label: "Бронювання", href: "/reservation"},
{
label: "Політика Конфіденційності", href: "#"},
],
},
]}
copyrightText="© 2024 Pizzeria Daniel. Усі права захищено."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}