bender/f402f725-84f0-467b-9c1b-97b4e10973cf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 17:36:37 +00:00
parent f2526586ca
commit a4ee046cbc
1 changed files with 155 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

510
src/app/page.tsx
View File

@@ -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>
);