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,18 +31,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Domov", id: "hero" },
-          name: "Domov",          id: "hero"},
+        { name: "O nás", id: "about" },
-        {
+        { name: "Menu", id: "menu" },
-          name: "O nás",          id: "about"},
+        { name: "Otváracie hodiny", id: "hours" },
-        {
+        { name: "Recenzie", id: "testimonials" },
-          name: "Menu",          id: "menu"},
+        { name: "Kontakt", id: "contact" },
-        {
-          name: "Recenzie",          id: "testimonials"},
-        {
-          name: "FAQ",          id: "faq"},
-        {
-          name: "Kontakt",          id: "contact"},
       ]}
       brandName="Dvor u Sedliaka"
     />
@@ -49,21 +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",          imageAlt: "Tradičný interiér"},
+        { 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/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"
     />
@@ -75,12 +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+",          title: "Spokojných hostí"},
+        { value: "15", title: "Rokov tradície" },
-        {
+        { 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"
@@ -89,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"
@@ -96,12 +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",          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: "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."
@@ -115,18 +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",          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: "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."
@@ -139,49 +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>
@@ -189,10 +146,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Dvor u Sedliaka"
-      leftLink={{
+      leftLink={{ text: "Domov", href: "#hero" }}
-        text: "Domov",        href: "#hero"}}
+      rightLink={{ text: "Rezervácie", href: "tel:0911100580" }}
-      rightLink={{
-        text: "Rezervácie",        href: "tel:0911100580"}}
     />
   </div>
       </ReactLenis>