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

---
 src/app/page.tsx | 334 ++++++++++++++++++-----------------------------
 1 file changed, 124 insertions(+), 210 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 95a0d6e..99f38eb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,224 +26,138 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Naslovna",          id: "hero"},
-        {
-          name: "O nama",          id: "about"},
-        {
-          name: "Meni",          id: "menu"},
-        {
-          name: "Rezervacije",          id: "reservation"},
-      ]}
-      brandName="Gradska kafana"
-      button={{
-        text: "Rezerviši",        href: "#reservation"}}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Naslovna", id: "hero" },
+              { name: "O nama", id: "about" },
+              { name: "Meni", id: "menu" },
+              { name: "Rezervacije", id: "reservation" }
+            ]}
+            brandName="Gradska kafana"
+            button={{ text: "Rezerviši", href: "#reservation" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "radial-gradient"}}
-      title="Gradska kafana Zenica"
-      description="Mjesto vrhunske atmosfere, odlične hrane i nezaboravnih trenutaka."
-      buttons={[
-        {
-          text: "Rezerviši stol",          href: "#reservation"},
-        {
-          text: "Pogledaj meni",          href: "#menu"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/couple-date-side-view_23-2148422396.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",          alt: "Zadovoljan gost 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3669.jpg",          alt: "Zadovoljan gost 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/people-leisure-lifestyle-concept-successful-young-man-black-hat-casual-t-shirt-having-coffee-sitting-sidewalk-restaurant_273609-1754.jpg",          alt: "Zadovoljan gost 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-longhaired-brunette-woman-bright-beret-red-dress-smiles-widely-sits-beautiful-cafe-young-asian-lady-eyeglasses-holds-white-coffee-cup_197531-29276.jpg",          alt: "Zadovoljan gost 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg",          alt: "Zadovoljan gost 5"},
-      ]}
-      avatarText="Preko 500+ zadovoljnih gostiju"
-      marqueeItems={[
-        {
-          type: "text",          text: "Autentičan ambijent"},
-        {
-          type: "text",          text: "Vrhunska kafa"},
-        {
-          type: "text",          text: "Domaća hrana"},
-        {
-          type: "text",          text: "Prijatno osoblje"},
-        {
-          type: "text",          text: "Gradski duh"},
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "radial-gradient" }}
+            title="Gradska kafana Zenica"
+            description="Mjesto vrhunske atmosfere, odlične hrane i nezaboravnih trenutaka."
+            buttons={[
+              { text: "Rezerviši stol", href: "#reservation" },
+              { text: "Pogledaj meni", href: "#menu" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/couple-date-side-view_23-2148422396.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg", alt: "Zadovoljan gost 1" },
+              { src: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3669.jpg", alt: "Zadovoljan gost 2" },
+              { src: "http://img.b2bpic.net/free-photo/people-leisure-lifestyle-concept-successful-young-man-black-hat-casual-t-shirt-having-coffee-sitting-sidewalk-restaurant_273609-1754.jpg", alt: "Zadovoljan gost 3" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-longhaired-brunette-woman-bright-beret-red-dress-smiles-widely-sits-beautiful-cafe-young-asian-lady-eyeglasses-holds-white-coffee-cup_197531-29276.jpg", alt: "Zadovoljan gost 4" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg", alt: "Zadovoljan gost 5" }
+            ]}
+            avatarText="Preko 500+ zadovoljnih gostiju"
+            marqueeItems={[
+              { type: "text", text: "Autentičan ambijent" },
+              { type: "text", text: "Vrhunska kafa" },
+              { type: "text", text: "Domaća hrana" },
+              { type: "text", text: "Prijatno osoblje" },
+              { type: "text", text: "Gradski duh" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="O nama"
-      description={[
-        "Modern city café and restaurant in Zenica with spacious interior, premium service, quality food, desserts and coffee.",        "Doživite spoj urbane energije i vrhunskog gastronomskog užitka u srcu grada."]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="O nama"
+            description={["Modern city café and restaurant in Zenica with spacious interior, premium service, quality food, desserts and coffee.", "Doživite spoj urbane energije i vrhunskog gastronomskog užitka u srcu grada."]}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          name: "Espresso & Coffee",          price: "Od 2.00 KM",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-piece-fresh-tasty-tiramisu-white-plate_181624-46167.jpg"},
-        {
-          id: "p2",          name: "Domaći Deserti",          price: "Od 5.00 KM",          imageSrc: "http://img.b2bpic.net/free-photo/diary-products-cheesecake-with-oreo-cookies_114579-2473.jpg"},
-        {
-          id: "p3",          name: "Doručak & Brunch",          price: "Od 8.00 KM",          imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176842.jpg"},
-        {
-          id: "p4",          name: "Glavna Jela",          price: "Od 12.00 KM",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-dessert-arrangement_23-2149143299.jpg"},
-        {
-          id: "p5",          name: "Grill Specijaliteti",          price: "Od 15.00 KM",          imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg"},
-        {
-          id: "p6",          name: "Signature Kokteli",          price: "Od 9.00 KM",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheesecake-with-strawberry-chocolate-plate-bowls-dark-isolated-background_140725-136674.jpg"},
-      ]}
-      title="Naš Meni"
-      description="Vrhunska ponuda kafe, deserata, doručaka i večera."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Espresso & Coffee", price: "Od 2.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/closeup-piece-fresh-tasty-tiramisu-white-plate_181624-46167.jpg" },
+              { id: "p2", name: "Domaći Deserti", price: "Od 5.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/diary-products-cheesecake-with-oreo-cookies_114579-2473.jpg" },
+              { id: "p3", name: "Doručak & Brunch", price: "Od 8.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176842.jpg" },
+              { id: "p4", name: "Glavna Jela", price: "Od 12.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-dessert-arrangement_23-2149143299.jpg" },
+              { id: "p5", name: "Grill Specijaliteti", price: "Od 15.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg" },
+              { id: "p6", name: "Signature Kokteli", price: "Od 9.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheesecake-with-strawberry-chocolate-plate-bowls-dark-isolated-background_140725-136674.jpg" }
+            ]}
+            title="Naš Meni"
+            description="Vrhunska ponuda kafe, deserata, doručaka i večera."
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Enterijer",          description: "Elegantno uređen prostor za opuštanje.",          bentoComponent: "media-stack",          items: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-sitting-bistro_23-2149366419.jpg"},
-          ],
-        },
-        {
-          title: "Hrana",          description: "Svježi sastojci i vrhunska priprema.",          bentoComponent: "media-stack",          items: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/caucasian-sac-ichi-with-meat-potatoes-served-with-green-olives_114579-8628.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-decoration_23-2151973719.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg"},
-          ],
-        },
-        {
-          title: "Atmosfera",          description: "Uživajte u svakom trenutku s nama.",          bentoComponent: "media-stack",          items: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/background-glitter-jewels-glass-electricity_1232-3795.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-tables-chairs-street_1127-2172.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/luxury-restaurant-grill-bar-interior-with-chandeliers-furniture_114579-2341.jpg"},
-          ],
-        },
-      ]}
-      title="Galerija"
-      description="Zavirite u naš ambijent."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Enterijer", description: "Elegantno uređen prostor za opuštanje.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-sitting-bistro_23-2149366419.jpg" }] },
+              { title: "Hrana", description: "Svježi sastojci i vrhunska priprema.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/caucasian-sac-ichi-with-meat-potatoes-served-with-green-olives_114579-8628.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-decoration_23-2151973719.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg" }] },
+              { title: "Atmosfera", description: "Uživajte u svakom trenutku s nama.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/background-glitter-jewels-glass-electricity_1232-3795.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-tables-chairs-street_1127-2172.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/luxury-restaurant-grill-bar-interior-with-chandeliers-furniture_114579-2341.jpg" }] }
+            ]}
+            title="Galerija"
+            description="Zavirite u naš ambijent."
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",          title: "Odlično!",          quote: "Najbolji ambijent u gradu, usluga je nevjerovatna.",          name: "Amra H.",          role: "Lokalni gost",          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg"},
-        {
-          id: "2",          title: "Vrhunska kafa",          quote: "Svaki put se rado vraćam zbog njihove kafe.",          name: "Haris K.",          role: "Dnevni gost",          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg"},
-        {
-          id: "3",          title: "Jako ukusno",          quote: "Hrana je fantastična, svaka preporuka.",          name: "Jasmin M.",          role: "Gurman",          imageSrc: "http://img.b2bpic.net/free-photo/woman-different-dishes-food_23-2147681104.jpg"},
-        {
-          id: "4",          title: "Prelijep enterijer",          quote: "Najljepši kafić u Zenici, idealno za sastanke.",          name: "Emina S.",          role: "Poslovni korisnik",          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-tattooes-her-hands-is-enjoying-her-time-food-court-with-her-sketching-pad_613910-5324.jpg"},
-        {
-          id: "5",          title: "Savršeno",          quote: "Osoblje je ljubazno, hrana svježa, super lokacija.",          name: "Adnan B.",          role: "Turista",          imageSrc: "http://img.b2bpic.net/free-photo/young-women-drinking-iced-coffee_23-2149624070.jpg"},
-      ]}
-      title="Šta kažu gosti"
-      description="Ocjena 4.5/5 na osnovu zadovoljnih klijenata."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Odlično!", quote: "Najbolji ambijent u gradu, usluga je nevjerovatna.", name: "Amra H.", role: "Lokalni gost", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg" },
+              { id: "2", title: "Vrhunska kafa", quote: "Svaki put se rado vraćam zbog njihove kafe.", name: "Haris K.", role: "Dnevni gost", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg" },
+              { id: "3", title: "Jako ukusno", quote: "Hrana je fantastična, svaka preporuka.", name: "Jasmin M.", role: "Gurman", imageSrc: "http://img.b2bpic.net/free-photo/woman-different-dishes-food_23-2147681104.jpg" },
+              { id: "4", title: "Prelijep enterijer", quote: "Najljepši kafić u Zenici, idealno za sastanke.", name: "Emina S.", role: "Poslovni korisnik", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-tattooes-her-hands-is-enjoying-her-time-food-court-with-her-sketching-pad_613910-5324.jpg" },
+              { id: "5", title: "Savršeno", quote: "Osoblje je ljubazno, hrana svježa, super lokacija.", name: "Adnan B.", role: "Turista", imageSrc: "http://img.b2bpic.net/free-photo/young-women-drinking-iced-coffee_23-2149624070.jpg" }
+            ]}
+            title="Šta kažu gosti"
+            description="Ocjena 4.5/5 na osnovu zadovoljnih klijenata."
+          />
+        </div>
 
-  <div id="reservation" data-section="reservation">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Rezervacija stola"
-      description="Rezervišite svoje mjesto online."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Ime i prezime",          required: true,
-        },
-        {
-          name: "date",          type: "date",          placeholder: "Datum",          required: true,
-        },
-      ]}
-      textarea={{
-        name: "notes",        placeholder: "Dodatne napomene",        rows: 3,
-        required: false,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg"
-    />
-  </div>
+        <div id="reservation" data-section="reservation">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Rezervacija stola"
+            description="Rezervišite svoje mjesto online."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Ime i prezime", required: true },
+              { name: "date", type: "date", placeholder: "Datum", required: true }
+            ]}
+            textarea={{ name: "notes", placeholder: "Dodatne napomene", rows: 3, required: false }}
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Kontakt i Lokacija"
-      description={[
-        "Trg BiH, Zenica",        "Telefon: +387 61 000 000",        "Radno vrijeme: 08:00 - 23:00"]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="Kontakt i Lokacija"
+            description={["Trg BiH, Zenica", "Telefon: +387 61 000 000", "Radno vrijeme: 08:00 - 23:00"]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Naslovna",              href: "#hero"},
-            {
-              label: "Meni",              href: "#menu"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Rezervacije",              href: "#reservation"},
-            {
-              label: "Kontakt",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Facebook",              href: "#"},
-            {
-              label: "Instagram",              href: "#"},
-          ],
-        },
-      ],
-      logoText="Gradska kafana"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Naslovna", href: "#hero" }, { label: "Meni", href: "#menu" }] },
+              { items: [{ label: "Rezervacije", href: "#reservation" }, { label: "Kontakt", href: "#contact" }] },
+              { items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] }
+            ]}
+            logoText="Gradska kafana"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1