Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -3,7 +3,6 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
@@ -11,6 +10,8 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import { Clock } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -30,26 +31,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Domov", id: "hero" },
-          name: "Domov",
+        { name: "O nás", id: "about" },
-          id: "hero",
+        { name: "Menu", id: "menu" },
-        },
+        { name: "Otváracie hodiny", id: "hours" },
-        {
+        { name: "Recenzie", id: "testimonials" },
-          name: "O nás",
+        { name: "Kontakt", id: "contact" },
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Recenzie",
-          id: "testimonials",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
       ]}
       brandName="Dvor u Sedliaka"
     />
@@ -57,32 +44,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Tradičná kuchyňa u nás v Smoleniciach"
       description="Vychutnajte si poctivé domáce jedlá v príjemnom prostredí Dvoru u Sedliaka."
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263526.jpg", imageAlt: "Tradičný interiér" },
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263526.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-happy-family-eating-chocolate-chips-drinking-milk-family-concept_181624-30159.jpg", imageAlt: "Bryndzové halušky" },
-          imageAlt: "Tradičný interiér",
+        { imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3444.jpg", imageAlt: "Reštaurácia" },
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-happy-family-eating-chocolate-chips-drinking-milk-family-concept_181624-30159.jpg",
-          imageAlt: "Bryndzové halušky",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3444.jpg",
-          imageAlt: "Reštaurácia",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg",
-          imageAlt: "Prestretý stôl pripravený na obed",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-empty-wooden-chairs_1203-4495.jpg",
-          imageAlt: "Moderne zariadený interiér",
-        },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -94,18 +62,9 @@ export default function LandingPage() {
       title="O našej reštaurácii"
       description="Dvor u Sedliaka je miestom, kde tradícia stretáva poctivú surovinu. Ponúkame rodinnú atmosféru v srdci Smoleníc."
       metrics={[
-        {
+        { value: "1000+", title: "Spokojných hostí" },
-          value: "1000+",
+        { value: "15", title: "Rokov tradície" },
-          title: "Spokojných hostí",
+        { value: "20+", title: "Hlavných jedál" },
-        },
-        {
-          value: "15",
-          title: "Rokov tradície",
-        },
-        {
-          value: "20+",
-          title: "Hlavných jedál",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg"
       imageAlt="O nás"
@@ -114,6 +73,22 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="hours" data-section="hours">
+    <MetricCardOne
+      title="Otváracie hodiny"
+      description="Tešíme sa na vašu návštevu v našich priestoroch."
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      metrics={[
+        { id: "h1", value: "11:00 - 22:00", title: "Pondelok - Štvrtok", description: "Pravidelné menu", icon: Clock },
+        { id: "h2", value: "11:00 - 23:00", title: "Piatok - Sobota", description: "Predĺžené večery", icon: Clock },
+        { id: "h3", value: "11:00 - 21:00", title: "Nedeľa", description: "Rodinné obedy", icon: Clock },
+      ]}
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardThree
       animationType="slide-up"
@@ -121,21 +96,8 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Poctivá polievka", description: "Cesnaková alebo kurací vývar ako u starej mamy.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-seasonings_140725-135179.jpg" },
-          title: "Poctivá polievka",
+        { title: "Bryndzové halušky", description: "Naše najobľúbenejšie jedlo pripravené z pravej bryndze.", imageSrc: "http://img.b2bpic.net/free-photo/dushbara-plate-towel-blue-background_114579-39758.jpg" },
-          description: "Cesnaková alebo kurací vývar ako u starej mamy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-seasonings_140725-135179.jpg",
-        },
-        {
-          title: "Bryndzové halušky",
-          description: "Naše najobľúbenejšie jedlo pripravené z pravej bryndze.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dushbara-plate-towel-blue-background_114579-39758.jpg",
-        },
-        {
-          title: "Sladké pokušenie",
-          description: "Domáce šúľance alebo palacinky na záver.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-sprinkling-cake-with-powder_23-2147693561.jpg",
-        },
       ]}
       title="Čo u nás nájdete"
       description="Vyberte si z našej ponuky obľúbených klasických jedál."
@@ -149,42 +111,8 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Bryndzové halušky", price: "12 €", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-dark-bread-loafs-dark-background_140725-144916.jpg" },
-          id: "p1",
+        { id: "p2", name: "Cesnaková polievka", price: "3.50 €", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-winter-squash-soup-with-croutons-bowl_23-2148706323.jpg" },
-          name: "Bryndzové halušky",
-          price: "12 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-dark-bread-loafs-dark-background_140725-144916.jpg",
-        },
-        {
-          id: "p2",
-          name: "Cesnaková polievka",
-          price: "3.50 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-winter-squash-soup-with-croutons-bowl_23-2148706323.jpg",
-        },
-        {
-          id: "p3",
-          name: "Vyprážaný syr",
-          price: "9 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-breakfast-table_181624-4385.jpg",
-        },
-        {
-          id: "p4",
-          name: "Pečená pečeň",
-          price: "11 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/kind-vegetables-wooden-plate-marble-surface_114579-63981.jpg",
-        },
-        {
-          id: "p5",
-          name: "Makové šúľance",
-          price: "7 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/taking-chocolate-cookie-from-wooden-tray-with-cup-tea-around_114579-22063.jpg",
-        },
-        {
-          id: "p6",
-          name: "Palacinky",
-          price: "6 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/slice-new-york-cheesecake_1232-2127.jpg",
-        },
       ]}
       title="Menu"
       description="Nahliadnite do nášho stálého jedálneho lístka."
@@ -197,86 +125,20 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Jana M.", role: "Zákazník", testimonial: "Najlepšie halušky v okolí, vždy sa radi vrátime.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg" },
-          id: "1",
-          name: "Jana M.",
-          role: "Zákazník",
-          testimonial: "Najlepšie halušky v okolí, vždy sa radi vrátime.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
-        },
-        {
-          id: "2",
-          name: "Peter K.",
-          role: "Zákazník",
-          testimonial: "Rodinná atmosféra a skvelé ceny. Odporúčam.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg",
-        },
-        {
-          id: "3",
-          name: "Mária S.",
-          role: "Zákazník",
-          testimonial: "Milá obsluha a veľmi chutné polievky.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
-        },
-        {
-          id: "4",
-          name: "Lukáš B.",
-          role: "Zákazník",
-          testimonial: "Často tu chodíme na obed, nikdy nesklamú.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
-        },
-        {
-          id: "5",
-          name: "Anna V.",
-          role: "Zákazník",
-          testimonial: "Poctivá domáca kuchyňa ako od babičky.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18781.jpg",
-        },
       ]}
       title="Čo hovoria hostia"
       description="Vaša spokojnosť je našou prioritou."
     />
   </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Kde sa nachádzate?",
-          content: "Nájdete nás v Smoleniciach na Železničnej ulici č.1.",
-        },
-        {
-          id: "f2",
-          title: "Máte aj jedlo so sebou?",
-          content: "Áno, všetko z nášho menu vám radi zabalíme so sebou.",
-        },
-        {
-          id: "f3",
-          title: "Aká je cena za osobu?",
-          content: "Priemerná cena za hlavné jedlo sa pohybuje od 10 do 15 €.",
-        },
-      ]}
-      title="Často kladené otázky"
-      description="Zistite viac o našich službách."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       text="Máte otázky alebo chcete rezerváciu? Zavolajte nám na 0911 100 580."
       buttons={[
-        {
+        { text: "Zavolať nám", href: "tel:0911100580" },
-          text: "Zavolať nám",
-          href: "tel:0911100580",
-        },
       ]}
     />
   </div>
@@ -284,17 +146,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Dvor u Sedliaka"
-      leftLink={{
+      leftLink={{ text: "Domov", href: "#hero" }}
-        text: "Domov",
+      rightLink={{ text: "Rezervácie", href: "tel:0911100580" }}
-        href: "#hero",
-      }}
-      rightLink={{
-        text: "Rezervácie",
-        href: "tel:0911100580",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #f6f0e9;
-  --card: #dad6cd;
+  --card: #efe7dd;
-  --foreground: #2a2928;
+  --foreground: #2b180a;
-  --primary-cta: #2a2928;
+  --primary-cta: #2b180a;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #94877c;
-  --background-accent: #c6b180;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);