Compare commits
25 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a387c4d342 | |||
| 1fb719c914 | |||
| e0dc0037a6 | |||
| 9593976bac | |||
| 384ab51909 | |||
| a892b5ef5f | |||
| cff5db6200 | |||
| a40b8c348f | |||
| 1f5221d3bb | |||
| 01e6b1bc95 | |||
| 418034e370 | |||
| e21fbc9cd4 | |||
| 3a54568ae8 | |||
| a101f9e4b3 | |||
| 4bc536647d | |||
| c3cade964c | |||
| 126243c926 | |||
| c3ddb6990a | |||
| 39dad045fa | |||
| 600d62c8ca | |||
| ec86e58c4d | |||
| 1d21e3ecff | |||
| 087099424b | |||
| 8549320ca1 | |||
| 0ba8e99308 |
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Open_Sans } from "next/font/google";
|
import { Open_Sans } from "next/font/google";
|
||||||
|
import { Public_Sans } from "next/font/google";
|
||||||
|
import { Libre_Baskerville } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -41,8 +43,17 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const openSans = Open_Sans({
|
|
||||||
variable: "--font-open-sans",
|
|
||||||
|
|
||||||
|
|
||||||
|
const libreBaskerville = Libre_Baskerville({
|
||||||
|
variable: "--font-libre-baskerville",
|
||||||
|
subsets: ["latin"],
|
||||||
|
weight: ["400", "700"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -54,7 +65,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${openSans.variable} antialiased`}>
|
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -2,242 +2,178 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
||||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import { Award, Sparkles, Utensils } from "lucide-react";
|
import TextBox from '@/components/Textbox';
|
||||||
|
|
||||||
|
|
||||||
|
export default function MenuPage() {
|
||||||
|
const navItems = [
|
||||||
|
{ name: "Головна", id: "/" },
|
||||||
|
{ name: "Меню", id: "/menu" },
|
||||||
|
{ name: "Замовити", id: "/order" },
|
||||||
|
{ name: "Бронювання", id: "/reservation" },
|
||||||
|
{ name: "Галерея", id: "/gallery" },
|
||||||
|
{ name: "Контакти", id: "#contact" },
|
||||||
|
];
|
||||||
|
|
||||||
|
const footerColumns = [
|
||||||
|
{
|
||||||
|
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: "#" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
// ThemeProvider props copied from page.tsx
|
||||||
|
const themeProviderProps = {
|
||||||
|
defaultButtonVariant: "text-stagger", defaultTextAnimation: "entrance-slide", borderRadius: "pill", contentWidth: "compact", sizing: "largeSmall", background: "noiseDiagonalGradient", cardStyle: "gradient-bordered", primaryButtonStyle: "gradient", secondaryButtonStyle: "layered", headingFontWeight: "light"} as const;
|
||||||
|
|
||||||
|
const pizzaItems = [
|
||||||
|
{ 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: "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: "Піца Пепероні" },
|
||||||
|
{ id: "p7", name: "Піца Чотири Сири", price: "280 UAH", imageSrc: "http://img.b2bpic.net/free-photo/pizza-on-dark-wooden-table_87413-5800.jpg", imageAlt: "Піца Чотири Сири" },
|
||||||
|
{ id: "p8", name: "Піца Капрічоза", price: "260 UAH", imageSrc: "http://img.b2bpic.net/free-photo/pizza-black-background-isolated-with-different-toppings-cherry-tomatoes-pepperoni-sausage-olives-basil-and-cheese_140725-27357.jpg", imageAlt: "Піца Капрічоза" },
|
||||||
|
];
|
||||||
|
|
||||||
|
const pastaItems = [
|
||||||
|
{ id: "pa1", 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: "pa2", name: "Паста Болоньєзе", price: "190 UAH", imageSrc: "http://img.b2bpic.net/free-photo/pasta-bolognese-with-tomato-sauce-parmesan-cheese-fresh-basil_140725-26330.jpg", imageAlt: "Паста Болоньєзе" },
|
||||||
|
{ id: "pa3", name: "Паста Альфредо", price: "200 UAH", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-served-table_23-2149303569.jpg", imageAlt: "Паста Альфредо" },
|
||||||
|
];
|
||||||
|
|
||||||
|
const mainCourseItems = [
|
||||||
|
{ id: "mc1", name: "Стейк Рібай на Грилі", price: "450 UAH", imageSrc: "http://img.b2bpic.net/free-photo/slices-meat-served-with-lettuce-sesame-seeds-sauce_141793-955.jpg", imageAlt: "Стейк Рібай" },
|
||||||
|
{ id: "mc2", name: "Курячий Шніцель", price: "230 UAH", imageSrc: "http://img.b2bpic.net/free-photo/plate-chicken-breast-vegetables_23-2148777176.jpg", imageAlt: "Курячий Шніцель" },
|
||||||
|
];
|
||||||
|
|
||||||
|
const sushiItems = [
|
||||||
|
{ id: "s1", name: "Сет 'Дракон'", price: "390 UAH", imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-side-shrimps_140725-1875.jpg", imageAlt: "Сет Дракон" },
|
||||||
|
{ id: "s2", name: "Філадельфія Рол", price: "210 UAH", imageSrc: "http://img.b2bpic.net/free-photo/fresh-sushi-set-table_23-2148750867.jpg", imageAlt: "Філадельфія Рол" },
|
||||||
|
{ id: "s3", name: "Каліфорнія Рол", price: "190 UAH", imageSrc: "http://img.b2bpic.net/free-photo/sushi-food-plate-restaurant-japanese_1203-5750.jpg", imageAlt: "Каліфорнія Рол" },
|
||||||
|
];
|
||||||
|
|
||||||
|
const drinkItems = [
|
||||||
|
{ id: "d1", name: "Домашній Лимонад", price: "75 UAH", imageSrc: "http://img.b2bpic.net/free-photo/infused-healthy-water-drink-glasses_1220-3983.jpg", imageAlt: "Домашній лимонад" },
|
||||||
|
{ id: "d2", name: "Кока-Кола", price: "40 UAH", imageSrc: "http://img.b2bpic.net/free-photo/fresh-drink-glass-ice_1350-1090.jpg", imageAlt: "Кока-Кола" },
|
||||||
|
{ id: "d3", name: "Вода Мінеральна", price: "35 UAH", imageSrc: "http://img.b2bpic.net/free-photo/glass-water-minerals-close-up_23-2147775586.jpg", imageAlt: "Вода Мінеральна" },
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider {...themeProviderProps}>
|
||||||
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>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={navItems}
|
||||||
{
|
brandName="Pizzeria Daniel"
|
||||||
name: "Головна",
|
button={{ text: "Замовити Онлайн", href: "/order" }}
|
||||||
id: "/",
|
animateOnLoad={true}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "Меню",
|
|
||||||
id: "/menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Замовити",
|
|
||||||
id: "/order",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Бронювання",
|
|
||||||
id: "/reservation",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Галерея",
|
|
||||||
id: "/gallery",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Контакти",
|
|
||||||
id: "/contacts",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Pizzeria Daniel"
|
|
||||||
button={{
|
|
||||||
text: "Замовити Онлайн",
|
|
||||||
href: "/order",
|
|
||||||
}}
|
|
||||||
animateOnLoad={true}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="full-menu" data-section="full-menu">
|
<div id="menu-hero" data-section="menu-hero">
|
||||||
<ProductCardOne
|
<TextBox
|
||||||
animationType="slide-up"
|
title="Наше Меню"
|
||||||
textboxLayout="default"
|
description="Відкрийте для себе світ смаків Pizzeria Daniel – від автентичної неаполітанської піци до вишуканих суші та пасти."
|
||||||
gridVariant="two-columns-alternating-heights"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
center={true}
|
||||||
products={[
|
tag="Смакуйте з Нами"
|
||||||
{
|
/>
|
||||||
id: "mp1",
|
</div>
|
||||||
name: "Піца Маргарита (Pizza Margherita)",
|
|
||||||
price: "220 UAH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-pizza-with-vegetables_23-2149298060.jpg",
|
|
||||||
imageAlt: "Піца Маргарита",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "mp2",
|
|
||||||
name: "Піца Пепероні (Pizza Pepperoni)",
|
|
||||||
price: "250 UAH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-pizza-rustic-wooden-table-generated-by-ai_188544-18550.jpg",
|
|
||||||
imageAlt: "Піца Пепероні",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "mp3",
|
|
||||||
name: "Паста Карбонара (Pasta Carbonara)",
|
|
||||||
price: "180 UAH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dry-pasta-spaghetti-with-ingredient_1339-881.jpg",
|
|
||||||
imageAlt: "Паста Карбонара",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "mp4",
|
|
||||||
name: "Паста Болоньєзе (Pasta Bolognese)",
|
|
||||||
price: "195 UAH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-cheese-basil_140725-11551.jpg",
|
|
||||||
imageAlt: "Паста Болоньєзе",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "mp5",
|
|
||||||
name: "Стейк Рібай на Грилі (Ribeye Steak)",
|
|
||||||
price: "450 UAH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meat-pan-with-chili_23-2148610992.jpg",
|
|
||||||
imageAlt: "Стейк Рібай",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "mp6",
|
|
||||||
name: "Лосось на Грилі (Grilled Salmon)",
|
|
||||||
price: "380 UAH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak-grilled_1339-3584.jpg",
|
|
||||||
imageAlt: "Лосось на Грилі",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "mp7",
|
|
||||||
name: "Сет 'Дракон' (Dragon Set)",
|
|
||||||
price: "390 UAH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/several-sushi-pieces-with-seafood_1203-1585.jpg",
|
|
||||||
imageAlt: "Сет Дракон",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "mp8",
|
|
||||||
name: "Сет 'Філадельфія' (Philadelphia Set)",
|
|
||||||
price: "420 UAH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-sushi-order-takeaway_23-2149050373.jpg",
|
|
||||||
imageAlt: "Сет Філадельфія",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "mp9",
|
|
||||||
name: "Домашній Лимонад (Homemade Lemonade)",
|
|
||||||
price: "75 UAH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/straw-glass-jar-garnished-with-lemon-slice_23-2148102599.jpg",
|
|
||||||
imageAlt: "Домашній лимонад",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "mp10",
|
|
||||||
name: "Свіжовичавлений Сік (Fresh Juice)",
|
|
||||||
price: "80 UAH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-tropical-fruits-with-blank-notepad_23-2147795421.jpg",
|
|
||||||
imageAlt: "Свіжовичавлений Сік",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Наше Анімоване Меню"
|
|
||||||
description="Відкрийте для себе повний асортимент наших страв:"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="menu-metrics" data-section="menu-metrics">
|
<div id="pizza-menu" data-section="pizza-menu">
|
||||||
<MetricCardThree
|
<ProductCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
metrics={[
|
useInvertedBackground={false}
|
||||||
{
|
products={pizzaItems}
|
||||||
id: "m1",
|
title="Піца"
|
||||||
icon: Sparkles,
|
description="Справжня неаполітанська піца, випечена в дров'яній печі за традиційними рецептами."
|
||||||
title: "Унікальних Рецептів",
|
tag="Свіжі Інгредієнти"
|
||||||
value: "50+",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
icon: Utensils,
|
|
||||||
title: "Висококваліфікованих Кухарів",
|
|
||||||
value: "15",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
icon: Award,
|
|
||||||
title: "Нагород та Відзнак",
|
|
||||||
value: "7",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Наші Кулінарні Досягнення"
|
|
||||||
description="Ми постійно прагнемо досконалості, щоб кожна страва дарувала вам незабутні враження."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="pasta-menu" data-section="pasta-menu">
|
||||||
<FooterMedia
|
<ProductCardOne
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg?_wi=2"
|
animationType="slide-up"
|
||||||
imageAlt="Екстер'єр ресторану Pizzeria Daniel"
|
textboxLayout="default"
|
||||||
logoText="Pizzeria Daniel"
|
gridVariant="three-columns-all-equal-width"
|
||||||
columns={[
|
useInvertedBackground={true}
|
||||||
{
|
products={pastaItems}
|
||||||
title: "Меню",
|
title="Паста"
|
||||||
items: [
|
description="Класичні італійські пасти, приготовані за автентичними рецептами з найкращих інгредієнтів."
|
||||||
{
|
tag="Ручна Робота"
|
||||||
label: "Піца",
|
/>
|
||||||
href: "/menu",
|
</div>
|
||||||
},
|
|
||||||
{
|
<div id="main-courses-menu" data-section="main-courses-menu">
|
||||||
label: "Страви",
|
<ProductCardOne
|
||||||
href: "/menu",
|
animationType="slide-up"
|
||||||
},
|
textboxLayout="default"
|
||||||
{
|
gridVariant="two-columns-alternating-heights"
|
||||||
label: "Суші",
|
useInvertedBackground={false}
|
||||||
href: "/menu",
|
products={mainCourseItems}
|
||||||
},
|
title="Основні Страви"
|
||||||
{
|
description="Вишукані м'ясні та рибні страви, приготовані на грилі або за спеціальними рецептами шефа."
|
||||||
label: "Напої",
|
tag="Для Гуртманів"
|
||||||
href: "/menu",
|
/>
|
||||||
},
|
</div>
|
||||||
],
|
|
||||||
},
|
<div id="sushi-menu" data-section="sushi-menu">
|
||||||
{
|
<ProductCardOne
|
||||||
title: "Компанія",
|
animationType="slide-up"
|
||||||
items: [
|
textboxLayout="default"
|
||||||
{
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
label: "Про Нас",
|
useInvertedBackground={true}
|
||||||
href: "/about",
|
products={sushiItems}
|
||||||
},
|
title="Суші та Роли"
|
||||||
{
|
description="Свіжі та ароматні суші та роли, приготовані з якісних морепродуктів."
|
||||||
label: "Галерея",
|
tag="Японська Кухня"
|
||||||
href: "/gallery",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
label: "Контакти",
|
<div id="drinks-menu" data-section="drinks-menu">
|
||||||
href: "/contacts",
|
<ProductCardOne
|
||||||
},
|
animationType="slide-up"
|
||||||
],
|
textboxLayout="default"
|
||||||
},
|
gridVariant="three-columns-all-equal-width"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
title: "Сервіс",
|
products={drinkItems}
|
||||||
items: [
|
title="Напої"
|
||||||
{
|
description="Освіжаючі напої, що чудово доповнять вашу страву – від домашніх лимонадів до прохолодних газованих напоїв."
|
||||||
label: "Замовити Онлайн",
|
tag="Для Всіх"
|
||||||
href: "/order",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
label: "Бронювання",
|
<div id="footer" data-section="footer">
|
||||||
href: "/reservation",
|
<FooterMedia
|
||||||
},
|
imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg"
|
||||||
{
|
imageAlt="Екстер'єр ресторану Pizzeria Daniel"
|
||||||
label: "Політика Конфіденційності",
|
logoText="Pizzeria Daniel"
|
||||||
href: "#",
|
columns={footerColumns}
|
||||||
},
|
copyrightText="© 2024 Pizzeria Daniel. Усі права захищено."
|
||||||
],
|
/>
|
||||||
},
|
</div>
|
||||||
]}
|
|
||||||
copyrightText="© 2024 Pizzeria Daniel. Усі права захищено."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -2,13 +2,13 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||||
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -33,13 +33,13 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
name: "Меню", id: "/menu"},
|
name: "Меню", id: "/menu"},
|
||||||
{
|
{
|
||||||
name: "Замовити", id: "/order"},
|
name: "Замовити", id: "/order"},
|
||||||
{
|
{
|
||||||
name: "Бронювання", id: "/reservation"},
|
name: "Бронювання", id: "/reservation"},
|
||||||
{
|
{
|
||||||
name: "Галерея", id: "/gallery"},
|
name: "Галерея", id: "/gallery"},
|
||||||
{
|
{
|
||||||
name: "Контакти", id: "/contacts"},
|
name: "Контакти", id: "#contact"},
|
||||||
]}
|
]}
|
||||||
brandName="Pizzeria Daniel"
|
brandName="Pizzeria Daniel"
|
||||||
button={{
|
button={{
|
||||||
@@ -49,63 +49,52 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroCarouselLogo
|
||||||
title="Смакуйте Справжню Італію"
|
logoText="Pizzeria Daniel"
|
||||||
description="Pizzeria Daniel - це місце, де традиції зустрічаються з сучасною кухнею. Неаполітанська піца з дров'яної печі, свіжа паста, вишукані страви та суші."
|
description="Справжній смак Італії у самому серці Коломиї. Неаполітанська піца з дров'яної печі, свіжа паста, вишукані страви та суші."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Переглянути Меню", href: "/menu"},
|
text: "Переглянути Меню", href: "/menu"},
|
||||||
{
|
{
|
||||||
text: "Замовити Онлайн", href: "/order"},
|
text: "Замовити Онлайн", href: "/order"},
|
||||||
]}
|
]}
|
||||||
leftCarouselItems={[
|
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/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/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/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: "Розкішний ресторан"},
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
autoplayDelay={4000}
|
||||||
{
|
showDimOverlay={true}
|
||||||
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: "Розкішний ресторан"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
background={{ variant: "downward-rays-static" }}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<SplitAbout
|
<MetricSplitMediaAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Наша Історія Смаку"
|
title="Наша Історія Смаку"
|
||||||
description="Pizzeria Daniel – це втілення мрії про справжню італійську кухню в Коломиї. Ми пишаємося тим, що готуємо піцу за традиційними неаполітанськими рецептами у дров'яній печі, використовуючи лише свіжі, високоякісні інгредієнти. Кожна страва – це кулінарний шедевр, створений з любов'ю та пристрастю до їжі."
|
description="Pizzeria Daniel – це втілення мрії про справжню італійську кухню в Коломиї. Ми пишаємося тим, що готуємо піцу за традиційними неаполітанськими рецептами у дров'яній печі, використовуючи лише свіжі, високоякісні інгредієнти. Кожна страва – це кулінарний шедевр, створений з любов'ю та пристрастю до їжі."
|
||||||
bulletPoints={[
|
metrics={[
|
||||||
{
|
{
|
||||||
title: "Досвід", description: "Більше 10 років у кулінарній справі"
|
value: "10+", title: "Років Досвіду"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Рецепти", description: "Понад 100 унікальних страв"
|
value: "100+", title: "Рецептів"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Гості", description: "Понад 5000 задоволених відвідувачів"
|
value: "5000+", title: "Щасливих Гостей"},
|
||||||
}
|
|
||||||
]}
|
]}
|
||||||
tag="Про Нас"
|
tag="Про Нас"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg"
|
||||||
imageAlt="Італійський шеф-кухар"
|
imageAlt="Італійський шеф-кухар"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
imagePosition="right"
|
metricsAnimation="slide-up"
|
||||||
textboxLayout="default"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -133,24 +122,24 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products-highlights" data-section="products-highlights">
|
<div id="products-highlights" data-section="products-highlights">
|
||||||
<ProductCardFour
|
<ProductCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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: "Піца Маргарита", variant: "Класична"},
|
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: "Паста Карбонара", variant: "Класична"},
|
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: "Стейк Рібай", variant: "Преміум"},
|
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: "Сет Дракон", variant: "Фірмовий"},
|
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: "Домашній лимонад", variant: "Напої"},
|
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: "Піца Пепероні", variant: "Класична"},
|
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="Хіти Кухні"
|
title="Хіти Кухні"
|
||||||
description="Відкрийте для себе найпопулярніші страви, які підкорили серця наших гостей. Спробуйте наші фірмові позиції, створені за унікальними рецептами."
|
description="Відкрийте для себе найпопулярніші страви, які підкорили серця наших гостей. Спробуйте наші фірмові позиції, створені за унікальними рецептами."
|
||||||
@@ -158,11 +147,17 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactCenter
|
||||||
text="Залишилися питання? Зв'яжіться з нами!"
|
tag="Зв'яжіться з нами"
|
||||||
|
title="Залишилися питання?"
|
||||||
|
description="Ми завжди раді відповісти на ваші запитання та допомогти з бронюванням або замовленням."
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain"}}
|
variant: "plain"}}
|
||||||
|
inputPlaceholder="Ваш email"
|
||||||
|
buttonText="Відправити"
|
||||||
|
termsText="Натискаючи 'Відправити', ви погоджуєтесь з нашою Політикою конфіденційності."
|
||||||
|
onSubmit={() => console.log("Form submitted")}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -191,7 +186,7 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
label: "Галерея", href: "/gallery"},
|
label: "Галерея", href: "/gallery"},
|
||||||
{
|
{
|
||||||
label: "Контакти", href: "/contacts"},
|
label: "Контакти", href: "#contact"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-open-sans), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-open-sans), sans-serif;
|
font-family: var(--font-libre-baskerville), serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #0a0a0a;
|
--background: #efebe5;
|
||||||
--card: #1a1a1a;
|
--card: #f7f2ea;
|
||||||
--foreground: #f5f5f5;
|
--foreground: #000000;
|
||||||
--primary-cta: #ffdf7d;
|
--primary-cta: #000000;
|
||||||
--primary-cta-text: #0a0a0a;
|
--primary-cta-text: #efebe5;
|
||||||
--secondary-cta: #1a1a1a;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #ffffff;
|
--secondary-cta-text: #000000;
|
||||||
--accent: #b8860b;
|
--accent: #ffffff;
|
||||||
--background-accent: #8b6914;
|
--background-accent: #e1b875;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user