From bc07e428b957995af622de340bfc46a2e70635fd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 08:24:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 436 ++++++++++++++---------------------------------
 1 file changed, 130 insertions(+), 306 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2295f7d..7fd73d6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,322 +15,146 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "O nama",
-          id: "about",
-        },
-        {
-          name: "Iskustvo",
-          id: "experience",
-        },
-        {
-          name: "Meni",
-          id: "menu",
-        },
-        {
-          name: "Utisci",
-          id: "reviews",
-        },
-        {
-          name: "Rezervacija",
-          id: "reservation",
-        },
-      ]}
-      brandName="ZIEGEL"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "O nama", id: "about" },
+              { name: "Iskustvo", id: "experience" },
+              { name: "Meni", id: "menu" },
+              { name: "Utisci", id: "reviews" },
+              { name: "Rezervacija", id: "reservation" }
+            ]}
+            brandName="ZIEGEL"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Gde tradicija susreće eleganciju"
-      description="Doživite kulinarsku umetnost u srcu Beograda."
-      tag="FINE DINING · BELGRADE"
-      buttons={[
-        {
-          text: "Rezervišite Sto",
-          href: "#reservation",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/appetizer-served-with-cucumber-sauce-wine_140725-7763.jpg",
-          imageAlt: "Ziegel Atmosphere",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",
-          imageAlt: "Ziegel Atmosphere",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg",
-          imageAlt: "A top view fried meat dish with glass of wine on the table",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-chicken-with-baked-potatoes-wooden-board-glass-red-wine-table_140725-12806.jpg",
-          imageAlt: "Side view of fried chicken with baked potatoes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg",
-          imageAlt: "Meat plate with meat rolls and chicken drumstick",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-      rating={5}
-      ratingText="Izvrsno ocenjeno"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Gde tradicija susreće eleganciju"
+            description="Doživite kulinarsku umetnost u srcu Beograda."
+            tag="FINE DINING · BELGRADE"
+            buttons={[{ text: "Rezervišite Sto", href: "#reservation" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/appetizer-served-with-cucumber-sauce-wine_140725-7763.jpg", imageAlt: "Ziegel Atmosphere" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", imageAlt: "Ziegel Atmosphere" }
+            ]}
+            mediaAnimation="blur-reveal"
+            rating={5}
+            ratingText="Izvrsno ocenjeno"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Naša Priča"
-      description="Ziegel Restaurant spaja industrijsku eleganciju sa toplinom domaćeg gostoprimstva. Od jutarnje kafe do večernjeg fine dining-a, svaki detalj je pažljivo osmišljen."
-      metrics={[
-        {
-          value: "10+",
-          title: "Godina Iskustva",
-        },
-        {
-          value: "500+",
-          title: "Kreiranih Jela",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/gourmet-cuisine-experts-with-modern-tablet-searching-dinner-service-dish-ideas-internet-professional-chefs-with-handheld-touchscreen-device-preparing-ingredients-evening-dinner-service_482257-41997.jpg"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Naša Priča"
+            description="Ziegel Restaurant spaja industrijsku eleganciju sa toplinom domaćeg gostoprimstva. Od jutarnje kafe do večernjeg fine dining-a, svaki detalj je pažljivo osmišljen."
+            metrics={[
+              { value: "10+", title: "Godina Iskustva" },
+              { value: "500+", title: "Kreiranih Jela" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/gourmet-cuisine-experts-with-modern-tablet-searching-dinner-service-dish-ideas-internet-professional-chefs-with-handheld-touchscreen-device-preparing-ingredients-evening-dinner-service_482257-41997.jpg"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="experience" data-section="experience">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "◇",
-          title: "Kulinarska Umetnost",
-          items: [
-            "Sveži sastojci",
-            "Masterchef priprema",
-            "Autentični ukusi",
-          ],
-        },
-        {
-          id: "m2",
-          value: "◈",
-          title: "Izuzetna Usluga",
-          items: [
-            "Personalizovana pažnja",
-            "Profesionalizam",
-            "Anticipacija potreba",
-          ],
-        },
-        {
-          id: "m3",
-          value: "◆",
-          title: "Ambijent",
-          items: [
-            "Intimno osvetljenje",
-            "Selektovana muzika",
-            "Sophisticiran dizajn",
-          ],
-        },
-      ]}
-      title="Filozofija Iskustva"
-      description="Tri stuba na kojima gradimo vrhunsku uslugu."
-    />
-  </div>
+        <div id="experience" data-section="experience">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "◇", title: "Kulinarska Umetnost", items: ["Sveži sastojci", "Masterchef priprema", "Autentični ukusi"] },
+              { id: "m2", value: "◈", title: "Izuzetna Usluga", items: ["Personalizovana pažnja", "Profesionalizam", "Anticipacija potreba"] },
+              { id: "m3", value: "◆", title: "Ambijent", items: ["Intimno osvetljenje", "Selektovana muzika", "Sophisticiran dizajn"] }
+            ]}
+            title="Filozofija Iskustva"
+            description="Tri stuba na kojima gradimo vrhunsku uslugu."
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Tartar od Tunjevine",
-          price: "1.400 RSD",
-          variant: "Predjelo",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg",
-        },
-        {
-          id: "p2",
-          name: "Krem Supa od Bundeve",
-          price: "890 RSD",
-          variant: "Predjelo",
-          imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728004.jpg",
-        },
-        {
-          id: "p3",
-          name: "Bifštek Ziegel",
-          price: "3.200 RSD",
-          variant: "Glavno Jelo",
-          imageSrc: "http://img.b2bpic.net/free-photo/fork-near-plate-with-twig_23-2147811260.jpg",
-        },
-        {
-          id: "p4",
-          name: "Pačija Prsa",
-          price: "2.800 RSD",
-          variant: "Glavno Jelo",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-chefs-team-acting-funny-with-knives-restaurant-kitchen-making-joke-about-professional-cuisine-service-cheerful-man-woman-working-gourmet-meal-dish-with-culinary-recipe_482257-43535.jpg",
-        },
-        {
-          id: "p5",
-          name: "Degustacioni Meni",
-          price: "5.500 RSD",
-          variant: "Specijalitet",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-meal-inside-white-plate-along-with-red-wine-table-food-meal-restaurant_140725-28131.jpg",
-        },
-        {
-          id: "p6",
-          name: "Čokoladni Sufle",
-          price: "950 RSD",
-          variant: "Desert",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-smelling-dish-after-cooking_329181-16139.jpg",
-        },
-      ]}
-      title="Sezonski Meni"
-      description="Pažljivo selektovan izbor za istinske gurmane."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Tartar od Tunjevine", price: "1.400 RSD", variant: "Predjelo", imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg" },
+              { id: "p2", name: "Krem Supa od Bundeve", price: "890 RSD", variant: "Predjelo", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728004.jpg" },
+              { id: "p3", name: "Bifštek Ziegel", price: "3.200 RSD", variant: "Glavno Jelo", imageSrc: "http://img.b2bpic.net/free-photo/fork-near-plate-with-twig_23-2147811260.jpg" }
+            ]}
+            title="Sezonski Meni"
+            description="Pažljivo selektovan izbor za istinske gurmane."
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Emilija Z.",
-          role: "Gost",
-          company: "Ziegel",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-drinks-with-her-friend_23-2147859675.jpg",
-        },
-        {
-          id: "2",
-          name: "Tihon T.",
-          role: "Gost",
-          company: "Ziegel",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-359.jpg",
-        },
-        {
-          id: "3",
-          name: "Zorana Ž.",
-          role: "Gost",
-          company: "Ziegel",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg",
-        },
-        {
-          id: "4",
-          name: "Miloš P.",
-          role: "Gost",
-          company: "Ziegel",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517446.jpg",
-        },
-        {
-          id: "5",
-          name: "Ana K.",
-          role: "Gost",
-          company: "Ziegel",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.7",
-          label: "Prosečna Ocena",
-        },
-        {
-          value: "241",
-          label: "Recenzija",
-        },
-        {
-          value: "100%",
-          label: "Posvećenost",
-        },
-      ]}
-      title="Šta kažu naši gosti"
-      description="Uživamo u kreiranju nezaboravnih trenutaka."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Emilija Z.", role: "Gost", company: "Ziegel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-drinks-with-her-friend_23-2147859675.jpg" },
+              { id: "2", name: "Tihon T.", role: "Gost", company: "Ziegel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-359.jpg" },
+              { id: "3", name: "Zorana Ž.", role: "Gost", company: "Ziegel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg" }
+            ]}
+            kpiItems={[
+              { value: "4.7", label: "Prosečna Ocena" },
+              { value: "241", label: "Recenzija" },
+              { value: "100%", label: "Posvećenost" }
+            ]}
+            title="Šta kažu naši gosti"
+            description="Uživamo u kreiranju nezaboravnih trenutaka."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Da li je potrebna rezervacija?",
-          content: "Preporučujemo rezervaciju unapred, naročito za vikende.",
-        },
-        {
-          id: "f2",
-          title: "Radno vreme kuhinje?",
-          content: "Fine dining meni je dostupan od 18:00h do zatvaranja.",
-        },
-        {
-          id: "f3",
-          title: "Da li imate veganske opcije?",
-          content: "Da, naš meni uključuje izbor vegetarijanskih i veganskih jela.",
-        },
-      ]}
-      title="Česta pitanja"
-      description="Informacije koje vam mogu biti korisne."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Da li je potrebna rezervacija?", content: "Preporučujemo rezervaciju unapred, naročito za vikende." },
+              { id: "f2", title: "Radno vreme kuhinje?", content: "Fine dining meni je dostupan od 18:00h do zatvaranja." },
+              { id: "f3", title: "Da li imate veganske opcije?", content: "Da, naš meni uključuje izbor vegetarijanskih i veganskih jela." }
+            ]}
+            title="Česta pitanja"
+            description="Informacije koje vam mogu biti korisne."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="reservation" data-section="reservation">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Spremni za kulinarsko putovanje? Rezervišite svoj sto u Ziegelu i doživite magiju beogradskog fine dininga. Pozovite nas na +381 61 236 3636 ili nam pišite na info@ziegel.rs."
-      buttons={[
-        {
-          text: "Pošaljite Zahtev",
-          href: "mailto:info@ziegel.rs",
-        },
-      ]}
-    />
-  </div>
+        <div id="reservation" data-section="reservation">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Spremni za kulinarsko putovanje? Rezervišite svoj sto u Ziegelu i doživite magiju beogradskog fine dininga."
+            buttons={[{ text: "Pošaljite Zahtev", href: "mailto:info@ziegel.rs" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="ZIEGEL"
-      leftLink={{
-        text: "Instagram",
-        href: "https://instagram.com/lokal.36",
-      }}
-      rightLink={{
-        text: "Facebook",
-        href: "https://facebook.com/lokal.36",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="ZIEGEL"
+            leftLink={{ text: "Instagram", href: "https://instagram.com/lokal.36" }}
+            rightLink={{ text: "Facebook", href: "https://facebook.com/lokal.36" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1