From a4ee046cbcb665f61934cd12c97df8e451fc4f50 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 17:36:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 510 ++++++++++++++---------------------------------
 1 file changed, 155 insertions(+), 355 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4caeb71..c4c34cb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,372 +16,172 @@ import TextAbout from '@/components/sections/about/TextAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="mediumLargeSizeLargeTitles"
-        background="circleGradient"
-        cardStyle="glass-depth"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="semibold"
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="mediumLargeSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "O Nama",
-          id: "about",
-        },
-        {
-          name: "Ponuda",
-          id: "products",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="ROINVEST"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "O Nama", id: "about" },
+              { name: "Ponuda", id: "products" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="ROINVEST"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "downward-rays-static",
-      }}
-      imagePosition="right"
-      title="Vaš novi dom čeka na vas"
-      description="ROINVEST vam nudi vrhunske stambene prostore sa fokusom na kvalitet, udobnost i modernu arhitekturu. Pronađite stan iz snova uz našu podršku."
-      testimonials={[
-        {
-          name: "Ana Marković",
-          handle: "@anamark",
-          testimonial: "Neverovatno iskustvo, stanovi su urađeni savršeno.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-gesticulating_273609-41050.jpg",
-        },
-        {
-          name: "Petar Ilić",
-          handle: "@petar_i",
-          testimonial: "Profesionalnost na najvišem nivou, topla preporuka svima.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-family-near-new-house-real-estate-concept_493343-29881.jpg",
-        },
-        {
-          name: "Jelena Stojanović",
-          handle: "@jelena_s",
-          testimonial: "ROINVEST tim je pomogao da kupovina stana bude jednostavna.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
-        },
-        {
-          name: "Marko Petrović",
-          handle: "@markop",
-          testimonial: "Kvalitet gradnje je iznad svih očekivanja.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-lying-down-floor-home_329181-4298.jpg",
-        },
-        {
-          name: "Sara Vuković",
-          handle: "@sarav",
-          testimonial: "Odličan odnos cene i kvaliteta, sigurna investicija.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Pogledaj ponudu",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/spacious-room-with-big-window_1203-1490.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-with-golden-bell_1187-1019.jpg",
-          alt: "happy client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-man-with-small-bell_1187-3252.jpg",
-          alt: "happy client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/house-smile-face-one-adult_1187-6003.jpg",
-          alt: "happy client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162258.jpg",
-          alt: "happy client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-against-building-new-house_1398-5118.jpg",
-          alt: "happy client 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "MODERNA GRADNJA",
-        },
-        {
-          type: "text",
-          text: "SIGURNA INVESTICIJA",
-        },
-        {
-          type: "text",
-          text: "PREMIUM LOKACIJE",
-        },
-        {
-          type: "text",
-          text: "ENERGETSKA EFIKASNOST",
-        },
-        {
-          type: "text",
-          text: "MODERNA ARHITEKTURA",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            background={{ variant: "downward-rays-static" }}
+            imagePosition="right"
+            title="Vaš novi dom čeka na vas"
+            description="ROINVEST vam nudi vrhunske stambene prostore sa fokusom na kvalitet, udobnost i modernu arhitekturu. Pronađite stan iz snova uz našu podršku."
+            testimonials={[
+              { name: "Ana Marković", handle: "@anamark", testimonial: "Neverovatno iskustvo, stanovi su urađeni savršeno.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-gesticulating_273609-41050.jpg" },
+              { name: "Petar Ilić", handle: "@petar_i", testimonial: "Profesionalnost na najvišem nivou, topla preporuka svima.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-near-new-house-real-estate-concept_493343-29881.jpg" },
+              { name: "Jelena Stojanović", handle: "@jelena_s", testimonial: "ROINVEST tim je pomogao da kupovina stana bude jednostavna.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg" },
+              { name: "Marko Petrović", handle: "@markop", testimonial: "Kvalitet gradnje je iznad svih očekivanja.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-lying-down-floor-home_329181-4298.jpg" },
+              { name: "Sara Vuković", handle: "@sarav", testimonial: "Odličan odnos cene i kvaliteta, sigurna investicija.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
+            ]}
+            buttons={[{ text: "Pogledaj ponudu", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/spacious-room-with-big-window_1203-1490.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/woman-with-golden-bell_1187-1019.jpg", alt: "happy client 1" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-man-with-small-bell_1187-3252.jpg", alt: "happy client 2" },
+              { src: "http://img.b2bpic.net/free-photo/house-smile-face-one-adult_1187-6003.jpg", alt: "happy client 3" },
+              { src: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162258.jpg", alt: "happy client 4" },
+              { src: "http://img.b2bpic.net/free-photo/happy-couple-against-building-new-house_1398-5118.jpg", alt: "happy client 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "MODERNA GRADNJA" },
+              { type: "text", text: "SIGURNA INVESTICIJA" },
+              { type: "text", text: "PREMIUM LOKACIJE" },
+              { type: "text", text: "ENERGETSKA EFIKASNOST" },
+              { type: "text", text: "MODERNA ARHITEKTURA" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="O kompaniji ROINVEST"
-      description="ROINVEST je vodeća kompanija u oblasti razvoja stambenih objekata. Naša misija je kreiranje prostora koji spajaju funkcionalnost, estetiku i održivost. Sa dugogodišnjim iskustvom, obezbeđujemo vrhunski kvalitet svakog kvadrata."
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="O kompaniji ROINVEST"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Stan 45m2 - Blok 1",
-          price: "95.000 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/building-pattern_74190-2410.jpg",
-        },
-        {
-          id: "p2",
-          name: "Stan 62m2 - Centar",
-          price: "135.000 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-with-white-sofa_23-2151983234.jpg",
-        },
-        {
-          id: "p3",
-          name: "Stan 78m2 - Vračar",
-          price: "180.000 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dining-set-modern-luxury-dining-room_105762-1798.jpg",
-        },
-        {
-          id: "p4",
-          name: "Stan 55m2 - Mirijevo",
-          price: "110.000 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119046.jpg",
-        },
-        {
-          id: "p5",
-          name: "Stan 85m2 - Novi Beograd",
-          price: "210.000 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/bathroom_74190-1478.jpg",
-        },
-        {
-          id: "p6",
-          name: "Stan 38m2 - Zemun",
-          price: "85.000 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/concrete-building-with-mirror-windows-clear-sky_181624-6780.jpg",
-        },
-      ]}
-      title="Izdvojena ponuda stanova"
-      description="Najnoviji stambeni objekti sa pažljivo planiranim rasporedom."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Stan 45m2 - Blok 1", price: "95.000 €", imageSrc: "http://img.b2bpic.net/free-photo/building-pattern_74190-2410.jpg" },
+              { id: "p2", name: "Stan 62m2 - Centar", price: "135.000 €", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-with-white-sofa_23-2151983234.jpg" },
+              { id: "p3", name: "Stan 78m2 - Vračar", price: "180.000 €", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dining-set-modern-luxury-dining-room_105762-1798.jpg" },
+              { id: "p4", name: "Stan 55m2 - Mirijevo", price: "110.000 €", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119046.jpg" },
+              { id: "p5", name: "Stan 85m2 - Novi Beograd", price: "210.000 €", imageSrc: "http://img.b2bpic.net/free-photo/bathroom_74190-1478.jpg" },
+              { id: "p6", name: "Stan 38m2 - Zemun", price: "85.000 €", imageSrc: "http://img.b2bpic.net/free-photo/concrete-building-with-mirror-windows-clear-sky_181624-6780.jpg" },
+            ]}
+            title="Izdvojena ponuda stanova"
+            description="Najnoviji stambeni objekti sa pažljivo planiranim rasporedom."
+          />
+        </div>
 
-  <div id="trust" data-section="trust">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Banka Intesa",
-        "NLB Komercijalna",
-        "Wiener Osiguranje",
-        "Keramika Kanjiža",
-        "Velux",
-        "Schneider Electric",
-        "Tarkett",
-      ]}
-      title="Naši partneri i saradnici"
-      description="Ponosno sarađujemo sa liderima u industriji kako bismo osigurali najviši standard gradnje."
-    />
-  </div>
+        <div id="trust" data-section="trust">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Banka Intesa", "NLB Komercijalna", "Wiener Osiguranje", "Keramika Kanjiža", "Velux", "Schneider Electric", "Tarkett"]}
+            title="Naši partneri i saradnici"
+            description="Ponosno sarađujemo sa liderima u industriji kako bismo osigurali najviši standard gradnje."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="ROINVEST je postavio nove standarde u izgradnji i prodaji nekretnina. Prezadovoljni smo profesionalnošću i kvalitetom usluge koju pružaju."
-      rating={5}
-      author="Marko Milošević"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/fashion-standing-friendly-handsome-content_1187-6002.jpg",
-          alt: "Marko Milošević",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-family-spending-holidays-home_53876-97215.jpg",
-          alt: "Klijent 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-family-with-kids-moving-their-new-home_23-2149749177.jpg",
-          alt: "Klijent 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-getting-ready-move-with-their-children_23-2149094132.jpg",
-          alt: "Klijent 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
-          alt: "Klijent 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="ROINVEST je postavio nove standarde u izgradnji i prodaji nekretnina. Prezadovoljni smo profesionalnošću i kvalitetom usluge koju pružaju."
+            rating={5}
+            author="Marko Milošević"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/fashion-standing-friendly-handsome-content_1187-6002.jpg", alt: "Marko Milošević" },
+              { src: "http://img.b2bpic.net/free-photo/happy-family-spending-holidays-home_53876-97215.jpg", alt: "Klijent 2" },
+              { src: "http://img.b2bpic.net/free-photo/happy-family-with-kids-moving-their-new-home_23-2149749177.jpg", alt: "Klijent 3" },
+              { src: "http://img.b2bpic.net/free-photo/couple-getting-ready-move-with-their-children_23-2149094132.jpg", alt: "Klijent 4" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Klijent 5" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={false}
-      title="Naš ekspert tim"
-      membersAnimation="slide-up"
-      members={[
-        {
-          id: "m1",
-          name: "Jovan Jovanović",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-real-estate-agent_23-2151064868.jpg",
-        },
-        {
-          id: "m2",
-          name: "Milica Petrović",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",
-        },
-        {
-          id: "m3",
-          name: "Dragan Stanković",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
-        },
-        {
-          id: "m4",
-          name: "Ana Ristić",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg",
-        },
-      ]}
-      memberVariant="card"
-      tag="Ekspertiza"
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTen
+            useInvertedBackground={false}
+            title="Naš ekspert tim"
+            membersAnimation="slide-up"
+            members={[
+              { id: "m1", name: "Jovan Jovanović", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-real-estate-agent_23-2151064868.jpg" },
+              { id: "m2", name: "Milica Petrović", imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg" },
+              { id: "m3", name: "Dragan Stanković", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
+              { id: "m4", name: "Ana Ristić", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg" },
+            ]}
+            memberVariant="card"
+            tag="Ekspertiza"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Kako rezervisati stan?",
-          content: "Rezervaciju možete izvršiti direktno u našoj kancelariji uz potpisivanje predugovora.",
-        },
-        {
-          id: "f2",
-          title: "Da li nudite kreditiranje?",
-          content: "Sarađujemo sa svim vodećim bankama u regionu radi obezbeđivanja najpovoljnijih uslova kreditiranja za naše klijente.",
-        },
-        {
-          id: "f3",
-          title: "Koji je rok useljenja?",
-          content: "Svi naši projekti imaju jasno definisane rokove završetka radova koji se poštuju uz najviše standarde.",
-        },
-      ]}
-      title="Često postavljena pitanja"
-      faqsAnimation="blur-reveal"
-      description="Saznajte više o procesu kupovine i našim stambenim rešenjima."
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Kako rezervisati stan?", content: "Rezervaciju možete izvršiti direktno u našoj kancelariji uz potpisivanje predugovora." },
+              { id: "f2", title: "Da li nudite kreditiranje?", content: "Sarađujemo sa svim vodećim bankama u regionu radi obezbeđivanja najpovoljnijih uslova kreditiranja za naše klijente." },
+              { id: "f3", title: "Koji je rok useljenja?", content: "Svi naši projekti imaju jasno definisane rokove završetka radova koji se poštuju uz najviše standarde." },
+            ]}
+            title="Često postavljena pitanja"
+            faqsAnimation="blur-reveal"
+            description="Saznajte više o procesu kupovine i našim stambenim rešenjima."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Kontaktirajte nas"
-      description="Pišite nam za sva dodatna pitanja o stanovima i uslovima kupovine."
-      inputs={[
-        {
-          name: "ime",
-          type: "text",
-          placeholder: "Ime i prezime",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email adresa",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "poruka",
-        placeholder: "Vaša poruka",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/organized-startup-office-with-no-people_482257-115338.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Kontaktirajte nas"
+            description="Pišite nam za sva dodatna pitanja o stanovima i uslovima kupovine."
+            inputs={[
+              { name: "ime", type: "text", placeholder: "Ime i prezime", required: true },
+              { name: "email", type: "email", placeholder: "Email adresa", required: true },
+            ]}
+            textarea={{ name: "poruka", placeholder: "Vaša poruka", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/organized-startup-office-with-no-people_482257-115338.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Kompanija",
-          items: [
-            {
-              label: "O nama",
-              href: "#about",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Ponuda",
-          items: [
-            {
-              label: "Stanovi",
-              href: "#products",
-            },
-            {
-              label: "Katalog",
-              href: "#products",
-            },
-          ],
-        },
-      ]}
-      logoText="ROINVEST"
-      copyrightText="© 2025 ROINVEST. Sva prava zadržana."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Kompanija", items: [{ label: "O nama", href: "#about" }, { label: "Kontakt", href: "#contact" }] },
+              { title: "Ponuda", items: [{ label: "Stanovi", href: "#products" }, { label: "Katalog", href: "#products" }] },
+            ]}
+            logoText="ROINVEST"
+            copyrightText="© 2025 ROINVEST. Sva prava zadržana."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );