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

---
 src/app/page.tsx | 297 +++++++++++++++--------------------------------
 1 file changed, 95 insertions(+), 202 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 291037e..2e36dc7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,216 +16,109 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "O nama",
-          id: "about",
-        },
-        {
-          name: "Naše usluge",
-          id: "services",
-        },
-        {
-          name: "Nekretnine",
-          id: "properties",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="HISTRING"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "O nama", id: "about" },
+              { name: "Naše usluge", id: "services" },
+              { name: "Nekretnine", id: "properties" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="HISTRING"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
-      logoText="HISTRING"
-      description="Profesionalno upravljanje projektima i nekretninama od 2002. godine."
-      buttons={[
-        {
-          text: "Saznaj više",
-          href: "#about",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/road-with-trees-around_1127-2249.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroLogoBillboard
+            background={{ variant: "plain" }}
+            logoText="HISTRING"
+            description="Profesionalno upravljanje projektima i nekretninama od 2002. godine."
+            buttons={[{ text: "Saznaj više", href: "#about" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/road-with-trees-around_1127-2249.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="O NAMA"
-      description="HISTRING d.o.o. je poduzeće osnovano 2002. godine sa ciljem pružanja visokokvalitetnih usluga u razvoju investicijskih projekata i konzaltinga. IPMA certificirani projekt manageri jamče kvalitetu."
-      bulletPoints={[
-        {
-          title: "Projektni Management",
-          description: "Vođenje od ideje do realizacije.",
-        },
-        {
-          title: "Upravljanje Nekretninama",
-          description: "Kompletno turističko upravljanje.",
-        },
-        {
-          title: "Konzalting",
-          description: "Stručno savjetovanje za investitore.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-living-room-with-large-tv-sectional-sofa-wooden-floor_9975-33168.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="O NAMA"
+            description="HISTRING d.o.o. je poduzeće osnovano 2002. godine sa ciljem pružanja visokokvalitetnih usluga u razvoju investicijskih projekata i konzaltinga. IPMA certificirani projekt manageri jamče kvalitetu."
+            bulletPoints={[
+              { title: "Projektni Management", description: "Vođenje od ideje do realizacije." },
+              { title: "Upravljanje Nekretninama", description: "Kompletno turističko upravljanje." },
+              { title: "Konzalting", description: "Stručno savjetovanje za investitore." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/modern-living-room-with-large-tv-sectional-sofa-wooden-floor_9975-33168.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Upravljanje projektima",
-          author: "HISTRING",
-          description: "Vođenje projekata od ideje do realizacije uz potpunu transparentnost.",
-          tags: [
-            "Konzalting",
-            "Razvoj",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694152.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Upravljanje nekretninama",
-          author: "HISTRING",
-          description: "Kompletno upravljanje turističkim objektima: booking, održavanje, gosti.",
-          tags: [
-            "Turizam",
-            "Nekretnine",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-search-real-estate-with-wooden-blocks-paper-home-icon-magnifying-glass_176474-10547.jpg?_wi=1",
-        },
-        {
-          id: "f3",
-          title: "Razvoj investicija",
-          author: "HISTRING",
-          description: "Razvoj investicijskih projekata s fokusom na kvalitetu i povrat ulaganja.",
-          tags: [
-            "Investicije",
-            "Razvoj",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/gothic-vault-with-wooden-panels-light-shadow-church-interior-architectural-heritage_169016-68655.jpg?_wi=1",
-        },
-      ]}
-      title="NAŠE USLUGE"
-      description="Stručne usluge prilagođene vašim potrebama."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Upravljanje projektima", author: "HISTRING", description: "Vođenje projekata od ideje do realizacije uz potpunu transparentnost.", tags: ["Konzalting", "Razvoj"], imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694152.jpg" },
+              { id: "f2", title: "Upravljanje nekretninama", author: "HISTRING", description: "Kompletno upravljanje turističkim objektima: booking, održavanje, gosti.", tags: ["Turizam", "Nekretnine"], imageSrc: "http://img.b2bpic.net/free-photo/conceptual-search-real-estate-with-wooden-blocks-paper-home-icon-magnifying-glass_176474-10547.jpg" },
+              { id: "f3", title: "Razvoj investicija", author: "HISTRING", description: "Razvoj investicijskih projekata s fokusom na kvalitetu i povrat ulaganja.", tags: ["Investicije", "Razvoj"], imageSrc: "http://img.b2bpic.net/free-photo/gothic-vault-with-wooden-panels-light-shadow-church-interior-architectural-heritage_169016-68655.jpg" },
+            ]}
+            title="NAŠE USLUGE"
+            description="Stručne usluge prilagođene vašim potrebama."
+          />
+        </div>
 
-  <div id="properties" data-section="properties">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "ČERNEHOV BRIJEG",
-          price: "Motovun",
-          imageSrc: "http://img.b2bpic.net/free-photo/alluring-town-alberobello-with-trulli-houses-green-plants-flowers-main-touristic-district-apulia-region-southern-italy-typical-buildings-built-with-dry-stone-walls-conical-roofs_639032-809.jpg",
-        },
-        {
-          id: "p2",
-          name: "COTIĆI",
-          price: "Motovun",
-          imageSrc: "http://img.b2bpic.net/free-photo/wooded-park-middle-city_1127-2289.jpg",
-        },
-        {
-          id: "p3",
-          name: "NEKRETNINA BRIGI",
-          price: "Prodaja",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694152.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          name: "NEKRETNINA CVITANI",
-          price: "Prodaja",
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-search-real-estate-with-wooden-blocks-paper-home-icon-magnifying-glass_176474-10547.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          name: "VILLA ISTRIAN",
-          price: "Upravljanje",
-          imageSrc: "http://img.b2bpic.net/free-photo/gothic-vault-with-wooden-panels-light-shadow-church-interior-architectural-heritage_169016-68655.jpg?_wi=2",
-        },
-        {
-          id: "p6",
-          name: "STONE ESTATE",
-          price: "Investicije",
-          imageSrc: "http://img.b2bpic.net/free-photo/blueprint-architect-construction-project-sketch-concept_53876-120012.jpg",
-        },
-      ]}
-      title="NEKRETNINE"
-      description="Izdvojena ponuda nekretnina i projekata."
-    />
-  </div>
+        <div id="properties" data-section="properties">
+            <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "ČERNEHOV BRIJEG", price: "Motovun", imageSrc: "http://img.b2bpic.net/free-photo/alluring-town-alberobello-with-trulli-houses-green-plants-flowers-main-touristic-district-apulia-region-southern-italy-typical-buildings-built-with-dry-stone-walls-conical-roofs_639032-809.jpg" },
+              { id: "p2", name: "COTIĆI", price: "Motovun", imageSrc: "http://img.b2bpic.net/free-photo/wooded-park-middle-city_1127-2289.jpg" },
+              { id: "p3", name: "NEKRETNINA BRIGI", price: "Prodaja", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694152.jpg" },
+              { id: "p4", name: "NEKRETNINA CVITANI", price: "Prodaja", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-search-real-estate-with-wooden-blocks-paper-home-icon-magnifying-glass_176474-10547.jpg" },
+              { id: "p5", name: "VILLA ISTRIAN", price: "Upravljanje", imageSrc: "http://img.b2bpic.net/free-photo/gothic-vault-with-wooden-panels-light-shadow-church-interior-architectural-heritage_169016-68655.jpg" },
+              { id: "p6", name: "STONE ESTATE", price: "Investicije", imageSrc: "http://img.b2bpic.net/free-photo/blueprint-architect-construction-project-sketch-concept_53876-120012.jpg" },
+            ]}
+            title="NEKRETNINE"
+            description="Izdvojena ponuda nekretnina i projekata."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Kontakt"
-      title="Javite nam se"
-      description="Adresa: Dobricheva 30, Pula | Telefon: +385 91 311 77 00 | Email: info@histring.hr"
-      inputPlaceholder="Vaša email adresa"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Kontakt"
+            title="Javite nam se"
+            description="Adresa: Dobricheva 30, Pula | Telefon: +385 91 311 77 00 | Email: info@histring.hr"
+            inputPlaceholder="Vaša email adresa"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "HISTRING",
-          items: [
-            {
-              label: "O nama",
-              href: "#about",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Usluge",
-          items: [
-            {
-              label: "Upravljanje projektima",
-              href: "#services",
-            },
-            {
-              label: "Nekretnine",
-              href: "#properties",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© Histring 2013"
-      bottomRightText="Sva prava pridržana."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterSimple
+            columns={[
+              { title: "HISTRING", items: [{ label: "O nama", href: "#about" }, { label: "Kontakt", href: "#contact" }] },
+              { title: "Usluge", items: [{ label: "Upravljanje projektima", href: "#services" }, { label: "Nekretnine", href: "#properties" }] },
+            ]}
+            bottomLeftText="© Histring 2013"
+            bottomRightText="Sva prava pridržana."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1