Update src/app/page.tsx

2026-06-10 11:29:23 +00:00
2 changed files with 52 additions and 41 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,10 +5,10 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 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 SplitAbout from '@/components/sections/about/SplitAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';

 export default function LandingPage() {
  return (
@@ -33,7 +33,7 @@ export default function LandingPage() {
        {
          name: "Меню",          id: "/menu"},
        {
-          name: "Замовити",          id: "/order"},
+        name: "Замовити",          id: "/order"},
        {
          name: "Бронювання",          id: "/reservation"},
        {
@@ -49,52 +49,63 @@ export default function LandingPage() {
  </div>

  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Pizzeria Daniel"
-      description="Справжній смак Італії у самому серці Коломиї. Неаполітанська піца з дров'яної печі, свіжа паста, вишукані страви та суші."
+      <HeroSplitDoubleCarousel
+      title="Смакуйте Справжню Італію"
+      description="Pizzeria Daniel - це місце, де традиції зустрічаються з сучасною кухнею. Неаполітанська піца з дров'яної печі, свіжа паста, вишукані страви та суші."
      buttons={[
        {
          text: "Переглянути Меню",          href: "/menu"},
        {
          text: "Замовити Онлайн",          href: "/order"},
      ]}
-      slides={[
+      leftCarouselItems={[
        {
-          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/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: "Розкішний ресторан"},
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235802.jpg",          imageAlt: "Дров'яна піч"
+        }
      ]}
-      autoplayDelay={4000}
-      showDimOverlay={true}
+      rightCarouselItems={[
+        {
+          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 id="about" data-section="about">
-      <MetricSplitMediaAbout
+      <SplitAbout
      useInvertedBackground={false}
      title="Наша Історія Смаку"
      description="Pizzeria Daniel – це втілення мрії про справжню італійську кухню в Коломиї. Ми пишаємося тим, що готуємо піцу за традиційними неаполітанськими рецептами у дров'яній печі, використовуючи лише свіжі, високоякісні інгредієнти. Кожна страва – це кулінарний шедевр, створений з любов'ю та пристрастю до їжі."
-      metrics={[
+      bulletPoints={[
        {
-          value: "10+",          title: "Років Досвіду"},
+          title: "Досвід",          description: "Більше 10 років у кулінарній справі"
+        },
        {
-          value: "100+",          title: "Рецептів"},
+          title: "Рецепти",          description: "Понад 100 унікальних страв"
+        },
        {
-          value: "5000+",          title: "Щасливих Гостей"},
+          title: "Гості",          description: "Понад 5000 задоволених відвідувачів"
+        }
      ]}
      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"
+      imagePosition="right"
+      textboxLayout="default"
    />
  </div>

@@ -122,24 +133,24 @@ export default function LandingPage() {
  </div>

  <div id="products-highlights" data-section="products-highlights">
-      <ProductCardOne
+      <ProductCardFour
      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: "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: "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: "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: "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: "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: "p4",          name: "Сет 'Дракон'",          price: "390 UAH",          imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-side-shrimps_140725-1875.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: "p5",          name: "Домашній Лимонад",          price: "75 UAH",          imageSrc: "http://img.b2bpic.net/free-photo/infused-healthy-water-drink-glasses_1220-3983.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: "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: "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: "Класична"},
      ]}
      title="Хіти Кухні"
      description="Відкрийте для себе найпопулярніші страви, які підкорили серця наших гостей. Спробуйте наші фірмові позиції, створені за унікальними рецептами."
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #fffafa;
-  --card: #ffffff;
-  --foreground: #1a0000;
-  --primary-cta: #e63946;
-  --primary-cta-text: #fffafa;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1a0000;
-  --accent: #f5c4c7;
-  --background-accent: #f09199;
+  --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);