From 9bb0fc5fb2c0c97c2c1f059e87abe362bb3b99e6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 21:34:30 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 273 ++++++++++++++++-------------------------------
 1 file changed, 90 insertions(+), 183 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 763e408..9191fb6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,197 +13,104 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      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">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "O nama",
-          id: "about",
-        },
-        {
-          name: "Usluge",
-          id: "services",
-        },
-        {
-          name: "Radno vrijeme",
-          id: "hours",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="Caffe Bar REAL"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "O nama", id: "about" },
+              { name: "Usluge", id: "services" },
+              { name: "Radno vrijeme", id: "hours" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="Caffe Bar REAL"
+            button={{ text: "Rezerviraj stol", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Caffe Bar REAL"
-      description="Vaša oaza opuštanja u srcu Kaštel Sućurca. Uživajte u omiljenoj kavi s obitelji i prijateljima."
-      buttons={[
-        {
-          text: "Posjetite nas",
-          href: "#contact",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4663.jpg",
-          imageAlt: "cozy cafe terrace sunny day",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-woman-fashionable-outfit-sitting-cafe-area-with-coffee-croissant-looking-away-street_197531-22726.jpg",
-          imageAlt: "Vertical shot of a woman in fashionable outfit sitting cafe area with coffee and croissant, looking away at the street.",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-milk_23-2148337170.jpg",
-          imageAlt: "Front view cup of coffee with milk",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5922.jpg",
-          imageAlt: "Young beautiful girl sitting in cafe.",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-young-woman-drinking-coffee-caf_23-2147871313.jpg",
-          imageAlt: "Side view of attractive young woman drinking coffee at caf",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="Caffe Bar REAL"
+            description="Vaša oaza opuštanja u srcu Kaštel Sućurca. Uživajte u omiljenoj kavi s obitelji i prijateljima."
+            buttons={[{ text: "Posjetite nas", href: "#contact" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4663.jpg", imageAlt: "cozy cafe terrace sunny day" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-woman-fashionable-outfit-sitting-cafe-area-with-coffee-croissant-looking-away-street_197531-22726.jpg", imageAlt: "Vertical shot of a woman in fashionable outfit sitting cafe area with coffee and croissant, looking away at the street." },
+              { imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-milk_23-2148337170.jpg", imageAlt: "Front view cup of coffee with milk" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5922.jpg", imageAlt: "Young beautiful girl sitting in cafe." },
+              { imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-young-woman-drinking-coffee-caf_23-2147871313.jpg", imageAlt: "Side view of attractive young woman drinking coffee at caf" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Osjećajte se kao kod kuće"
-      description="Želite u opuštenoj atmosferi popiti šalicu kave s prijateljima ili obitelji? Caffe Bar REAL je prava adresa za ljude koji cijene ugodnu okolinu, ljubazno osoblje i mjesto gdje možete predahnuti uz knjigu."
-      metrics={[
-        {
-          value: "06:00",
-          title: "Otvaramo svakog dana",
-        },
-        {
-          value: "23:00",
-          title: "Radimo do kasno",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172666.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-      imageAlt="friendly barista serving coffee"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Osjećajte se kao kod kuće"
+            description="Želite u opuštenoj atmosferi popiti šalicu kave s prijateljima ili obitelji? Caffe Bar REAL je prava adresa za ljude koji cijene ugodnu okolinu, ljubazno osoblje i mjesto gdje možete predahnuti uz knjigu."
+            metrics={[{ value: "06:00", title: "Otvaramo svakog dana" }, { value: "23:00", title: "Radimo do kasno" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172666.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+            imageAlt="friendly barista serving coffee"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Vanjska terasa",
-          description: "Uživajte u ljetu na našoj sunčanoj terasi.",
-          imageSrc: "http://img.b2bpic.net/free-vector/coffee-infographic-template_1172-90.jpg",
-          imageAlt: "coffee shop service icons",
-        },
-        {
-          title: "Besplatan WiFi",
-          description: "Budite uvijek povezani dok uživate u kavi.",
-          imageSrc: "http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg",
-          imageAlt: "coffee shop service icons",
-        },
-        {
-          title: "Prostor za pušače",
-          description: "Posebno klimatizirana prostorija za pušače.",
-          imageSrc: "http://img.b2bpic.net/free-vector/coffee-house-set_98292-1153.jpg",
-          imageAlt: "coffee shop service icons",
-        },
-      ]}
-      title="Naše usluge"
-      description="Pružamo vrhunsku uslugu kako bi vaš boravak bio što ugodniji."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Vanjska terasa", description: "Uživajte u ljetu na našoj sunčanoj terasi.", imageSrc: "http://img.b2bpic.net/free-vector/coffee-infographic-template_1172-90.jpg", imageAlt: "coffee shop service icons" },
+              { title: "Besplatan WiFi", description: "Budite uvijek povezani dok uživate u kavi.", imageSrc: "http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg", imageAlt: "coffee shop service icons" },
+              { title: "Prostor za pušače", description: "Posebno klimatizirana prostorija za pušače.", imageSrc: "http://img.b2bpic.net/free-vector/coffee-house-set_98292-1153.jpg", imageAlt: "coffee shop service icons" }
+            ]}
+            title="Naše usluge"
+            description="Pružamo vrhunsku uslugu kako bi vaš boravak bio što ugodniji."
+          />
+        </div>
 
-  <div id="hours" data-section="hours">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "Svaki dan",
-          title: "06:00 - 23:00",
-          description: "Radno vrijeme",
-          imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3429.jpg",
-          imageAlt: "coffee shop service icons",
-        },
-      ]}
-      title="Radno vrijeme"
-      description="Čekamo vas svakim danom od 06:00 do 23:00."
-    />
-  </div>
+        <div id="hours" data-section="hours">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[{ id: "m1", value: "Svaki dan", title: "06:00 - 23:00", description: "Radno vrijeme", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3429.jpg", imageAlt: "coffee shop service icons" }]}
+            title="Radno vrijeme"
+            description="Čekamo vas svakim danom od 06:00 do 23:00."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Kontaktirajte nas"
-      description="Ivana Pavla II 19, 21212 Kaštel Sućurac. Pošaljite nam poruku za sve upite."
-      inputs={[
-        {
-          name: "Ime",
-          type: "text",
-          placeholder: "Vaše ime",
-          required: true,
-        },
-        {
-          name: "Email",
-          type: "email",
-          placeholder: "Vaša adresa e-pošte",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "Poruka",
-        placeholder: "Vaša poruka",
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-paying-with-nfc-device_23-2150689986.jpg"
-      imageAlt="cafe entrance exterior"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Kontaktirajte nas"
+            description="Ivana Pavla II 19, 21212 Kaštel Sućurac. Pošaljite nam poruku za sve upite."
+            inputs={[{ name: "Ime", type: "text", placeholder: "Vaše ime", required: true }, { name: "Email", type: "email", placeholder: "Vaša adresa e-pošte", required: true }]}
+            textarea={{ name: "Poruka", placeholder: "Vaša poruka", required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-paying-with-nfc-device_23-2150689986.jpg"
+            imageAlt="cafe entrance exterior"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Ivana Pavla II 19, Kaštel Sućurac",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Info",
-          items: [
-            {
-              label: "Radno vrijeme: 06-23h",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="Caffe Bar REAL © 2024"
-      bottomRightText="Dizajniralo društvo DISH Digital Solutions GmbH."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[{ title: "Kontakt", items: [{ label: "Ivana Pavla II 19, Kaštel Sućurac", href: "#" }] }, { title: "Info", items: [{ label: "Radno vrijeme: 06-23h", href: "#" }] }]}
+            bottomLeftText="Caffe Bar REAL © 2024"
+            bottomRightText="Dizajniralo društvo DISH Digital Solutions GmbH."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );