Update src/app/page.tsx

2026-06-10 11:29:33 +00:00
4 changed files with 242 additions and 189 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,8 +7,6 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Open_Sans } from "next/font/google";
-import { Public_Sans } from "next/font/google";
-import { Libre_Baskerville } from "next/font/google";



@@ -43,17 +41,8 @@ export const metadata: Metadata = {
  },
 };

-
-
-
-
-const libreBaskerville = Libre_Baskerville({
-  variable: "--font-libre-baskerville",
-  subsets: ["latin"],
-  weight: ["400", "700"],
-});
-const inter = Inter({
-  variable: "--font-inter",
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
  subsets: ["latin"],
 });

@@ -65,7 +54,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
+        <body className={`${openSans.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -2,178 +2,242 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-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: "Вода Мінеральна" },
-  ];
-
+import { Award, Sparkles, Utensils } from "lucide-react";

+export default function LandingPage() {
  return (
-    <ThemeProvider {...themeProviderProps}>
+    <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={navItems}
-            brandName="Pizzeria Daniel"
-            button={{ text: "Замовити Онлайн", href: "/order" }}
-            animateOnLoad={true}
-          />
-        </div>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingInline
+      navItems={[
+        {
+          name: "Головна",
+          id: "/",
+        },
+        {
+          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="menu-hero" data-section="menu-hero">
-          <TextBox
-            title="Наше Меню"
-            description="Відкрийте для себе світ смаків Pizzeria Daniel – від автентичної неаполітанської піци до вишуканих суші та пасти."
-            textboxLayout="default"
-            center={true}
-            tag="Смакуйте з Нами"
-          />
-        </div>
+  <div id="full-menu" data-section="full-menu">
+      <ProductCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="two-columns-alternating-heights"
+      useInvertedBackground={false}
+      products={[
+        {
+          id: "mp1",
+          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="pizza-menu" data-section="pizza-menu">
-          <ProductCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="four-items-2x2-equal-grid"
-            useInvertedBackground={false}
-            products={pizzaItems}
-            title="Піца"
-            description="Справжня неаполітанська піца, випечена в дров'яній печі за традиційними рецептами."
-            tag="Свіжі Інгредієнти"
-          />
-        </div>
+  <div id="menu-metrics" data-section="menu-metrics">
+      <MetricCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      metrics={[
+        {
+          id: "m1",
+          icon: Sparkles,
+          title: "Унікальних Рецептів",
+          value: "50+",
+        },
+        {
+          id: "m2",
+          icon: Utensils,
+          title: "Висококваліфікованих Кухарів",
+          value: "15",
+        },
+        {
+          id: "m3",
+          icon: Award,
+          title: "Нагород та Відзнак",
+          value: "7",
+        },
+      ]}
+      title="Наші Кулінарні Досягнення"
+      description="Ми постійно прагнемо досконалості, щоб кожна страва дарувала вам незабутні враження."
+    />
+  </div>

-        <div id="pasta-menu" data-section="pasta-menu">
-          <ProductCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="three-columns-all-equal-width" 
-            useInvertedBackground={true} 
-            products={pastaItems}
-            title="Паста"
-            description="Класичні італійські пасти, приготовані за автентичними рецептами з найкращих інгредієнтів."
-            tag="Ручна Робота"
-          />
-        </div>
-
-        <div id="main-courses-menu" data-section="main-courses-menu">
-          <ProductCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="two-columns-alternating-heights"
-            useInvertedBackground={false}
-            products={mainCourseItems}
-            title="Основні Страви"
-            description="Вишукані м'ясні та рибні страви, приготовані на грилі або за спеціальними рецептами шефа."
-            tag="Для Гуртманів"
-          />
-        </div>
-
-        <div id="sushi-menu" data-section="sushi-menu">
-          <ProductCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="four-items-2x2-equal-grid"
-            useInvertedBackground={true}
-            products={sushiItems}
-            title="Суші та Роли"
-            description="Свіжі та ароматні суші та роли, приготовані з якісних морепродуктів."
-            tag="Японська Кухня"
-          />
-        </div>
-
-        <div id="drinks-menu" data-section="drinks-menu">
-          <ProductCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="three-columns-all-equal-width"
-            useInvertedBackground={false}
-            products={drinkItems}
-            title="Напої"
-            description="Освіжаючі напої, що чудово доповнять вашу страву – від домашніх лимонадів до прохолодних газованих напоїв."
-            tag="Для Всіх"
-          />
-        </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={footerColumns}
-            copyrightText="© 2024 Pizzeria Daniel. Усі права захищено."
-          />
-        </div>
+  <div id="footer" data-section="footer">
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg?_wi=2"
+      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: "/contacts",
+            },
+          ],
+        },
+        {
+          title: "Сервіс",
+          items: [
+            {
+              label: "Замовити Онлайн",
+              href: "/order",
+            },
+            {
+              label: "Бронювання",
+              href: "/reservation",
+            },
+            {
+              label: "Політика Конфіденційності",
+              href: "#",
+            },
+          ],
+        },
+      ]}
+      copyrightText="© 2024 Pizzeria Daniel. Усі права захищено."
+    />
+  </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-libre-baskerville), serif;
+  font-family: var(--font-open-sans), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #efebe5;
-  --card: #f7f2ea;
-  --foreground: #000000;
-  --primary-cta: #000000;
-  --primary-cta-text: #efebe5;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000000;
-  --accent: #ffffff;
-  --background-accent: #e1b875;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #ffffff;
+  --accent: #b8860b;
+  --background-accent: #8b6914;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);