bender/b5e27ea7-36d7-4bde-bb47-95f9ca6f15f2
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-24 07:54:06 +00:00
parent fafd6f8be2
commit 5809067ea7
1 changed files with 55 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

352
src/app/page.tsx
View File

@@ -31,137 +31,47 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "Services",
id: "#services",
},
{
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Portfolio", id: "portfolio" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Adaptacija stanova"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Your Apartment Reimagined in 3D"
description="Experience premium apartment adaptations before construction begins. Explore interactive 3D renderings of completed projects and custom designs tailored to Belgrade's finest homes."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blonde-charming-woman-silk-black-jumpsuit-stylish-eyeglasses-sits-brown-big-soft-sofa-ho_197531-33650.jpg",
imageAlt: "3D Render 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/creative-people-talking-office_23-2147668785.jpg",
imageAlt: "3D Render 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-house-real-estate-sale-property-generative-ai_169016-29365.jpg",
imageAlt: "3D Render 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-eco-friendly-cleaning-products-with-brushes-baking-soda_23-2148818450.jpg",
imageAlt: "3D Render 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378909.jpg",
imageAlt: "3D Render 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/construction-hammers-still-life_23-2150563130.jpg",
imageAlt: "3D Render 6",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-charming-woman-silk-black-jumpsuit-stylish-eyeglasses-sits-brown-big-soft-sofa-ho_197531-33650.jpg", imageAlt: "3D Render 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-people-talking-office_23-2147668785.jpg", imageAlt: "3D Render 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-house-real-estate-sale-property-generative-ai_169016-29365.jpg", imageAlt: "3D Render 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-eco-friendly-cleaning-products-with-brushes-baking-soda_23-2148818450.jpg", imageAlt: "3D Render 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378909.jpg", imageAlt: "3D Render 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-hammers-still-life_23-2150563130.jpg", imageAlt: "3D Render 6" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg",
imageAlt: "3D Render 7",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-mall_1127-376.jpg",
imageAlt: "3D Render 8",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-color-palette_23-2148903523.jpg",
imageAlt: "3D Render 9",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sofa-decoration-livingroom-interior_74190-7314.jpg",
imageAlt: "3D Render 10",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418540.jpg",
imageAlt: "3D Render 11",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interior-living-room-with-sofa-decorative-items_169016-5150.jpg",
imageAlt: "3D Render 12",
},
]}
buttons={[
{
text: "View 3D Portfolio",
href: "#portfolio",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg", imageAlt: "3D Render 7" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-mall_1127-376.jpg", imageAlt: "3D Render 8" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-color-palette_23-2148903523.jpg", imageAlt: "3D Render 9" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sofa-decoration-livingroom-interior_74190-7314.jpg", imageAlt: "3D Render 10" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418540.jpg", imageAlt: "3D Render 11" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-living-room-with-sofa-decorative-items_169016-5150.jpg", imageAlt: "3D Render 12" }
]}
buttons={[{ text: "View 3D Portfolio", href: "#portfolio" }]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",
alt: "Architect 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg",
alt: "Architect 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-laptop-hand-showing-thumb-up-sign_23-2147972892.jpg",
alt: "Architect 3",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg",
alt: "Architect 4",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-young-girl-with-laptop-by-window_78826-3256.jpg",
alt: "Architect 5",
},
{ src: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg", alt: "Architect 1" },
{ src: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg", alt: "Architect 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-laptop-hand-showing-thumb-up-sign_23-2147972892.jpg", alt: "Architect 3" },
{ src: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg", alt: "Architect 4" },
{ src: "http://img.b2bpic.net/free-photo/pretty-young-girl-with-laptop-by-window_78826-3256.jpg", alt: "Architect 5" }
]}
avatarText="Trusted by 150+ Belgrade homeowners"
marqueeItems={[
{
type: "text",
text: "3D PRECISION",
},
{
type: "text",
text: "LUXURY FINISHES",
},
{
type: "text",
text: "TIMELY DELIVERY",
},
{
type: "text",
text: "EXPERT CRAFT",
},
{
type: "text",
text: "PREMIUM DESIGN",
},
]}
marqueeItems={[{ type: "text", text: "3D PRECISION" }, { type: "text", text: "LUXURY FINISHES" }, { type: "text", text: "TIMELY DELIVERY" }, { type: "text", text: "EXPERT CRAFT" }, { type: "text", text: "PREMIUM DESIGN" }]}
/>
</div>
@@ -169,26 +79,11 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Mastering the Art of Living",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/architect-her-office-work-process-business-creativity-architecture-job_482257-33117.jpg",
alt: "Design Team",
},
{
type: "text",
content: "in Belgrade.",
},
]}
buttons={[
{
text: "Our Process",
href: "#services",
},
{ type: "text", content: "Mastering the Art of Living" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/architect-her-office-work-process-business-creativity-architecture-job_482257-33117.jpg", alt: "Design Team" },
{ type: "text", content: "in Belgrade." }
]}
buttons={[{ text: "Our Process", href: "#services" }]}
/>
</div>
@@ -198,51 +93,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "1",
title: "3D Spatial Design",
tags: [
"Render",
"Visualization",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-model-house-room_23-2150761120.jpg",
},
{
id: "2",
title: "Interior Renovation",
tags: [
"Living Room",
"Kitchen",
],
imageSrc: "http://img.b2bpic.net/free-photo/full-view-happy-woman-with-flowers-home_197531-33087.jpg",
},
{
id: "3",
title: "Complete Fit-Outs",
tags: [
"Bathroom",
"Bedroom",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg",
},
{
id: "4",
title: "Lighting Solutions",
tags: [
"Ambient",
"Smart",
],
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg",
},
{
id: "5",
title: "Material Selection",
tags: [
"Marble",
"Hardwood",
],
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg",
},
{ id: "1", title: "3D Spatial Design", tags: ["Render", "Visualization"], imageSrc: "http://img.b2bpic.net/free-photo/3d-model-house-room_23-2150761120.jpg" },
{ id: "2", title: "Interior Renovation", tags: ["Living Room", "Kitchen"], imageSrc: "http://img.b2bpic.net/free-photo/full-view-happy-woman-with-flowers-home_197531-33087.jpg" },
{ id: "3", title: "Complete Fit-Outs", tags: ["Bathroom", "Bedroom"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg" },
{ id: "4", title: "Lighting Solutions", tags: ["Ambient", "Smart"], imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg" },
{ id: "5", title: "Material Selection", tags: ["Marble", "Hardwood"], imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg" }
]}
title="Comprehensive Adaptation Services"
description="We blend creative vision with structural precision to transform your living space into a functional masterpiece."
@@ -254,49 +109,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "1",
name: "Modern Minimalist Flat",
price: "Completed",
variant: "Apartment",
imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836944.jpg",
},
{
id: "2",
name: "Classic Renovation",
price: "Completed",
variant: "Apartment",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-worshop_23-2149536311.jpg",
},
{
id: "3",
name: "Luxury Kitchen Design",
price: "Completed",
variant: "Kitchen",
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199327.jpg",
},
{
id: "4",
name: "Smart Work Space",
price: "Completed",
variant: "Office",
imageSrc: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885640.jpg",
},
{
id: "5",
name: "Grand Hallway",
price: "Completed",
variant: "Entryway",
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692307.jpg",
},
{
id: "6",
name: "Open-Plan Living",
price: "Completed",
variant: "Living",
imageSrc: "http://img.b2bpic.net/free-photo/part-building-made-white-pieces-metal-going-top-each-other_181624-19428.jpg",
},
{ id: "1", name: "Modern Minimalist Flat", price: "Completed", variant: "Apartment", imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836944.jpg" },
{ id: "2", name: "Classic Renovation", price: "Completed", variant: "Apartment", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-worshop_23-2149536311.jpg" },
{ id: "3", name: "Luxury Kitchen Design", price: "Completed", variant: "Kitchen", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199327.jpg" },
{ id: "4", name: "Smart Work Space", price: "Completed", variant: "Office", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885640.jpg" },
{ id: "5", name: "Grand Hallway", price: "Completed", variant: "Entryway", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692307.jpg" },
{ id: "6", name: "Open-Plan Living", price: "Completed", variant: "Living", imageSrc: "http://img.b2bpic.net/free-photo/part-building-made-white-pieces-metal-going-top-each-other_181624-19428.jpg" }
]}
title="Transformation Gallery"
description="Selected luxury adaptations completed for clients across Belgrade."
@@ -309,21 +129,9 @@ export default function LandingPage() {
title="By The Numbers"
tag="Expertise"
metrics={[
{
id: "1",
value: "150+",
description: "Apartments Renovated",
},
{
id: "2",
value: "98%",
description: "Client Satisfaction",
},
{
id: "3",
value: "24+",
description: "Months Warranty",
},
{ id: "1", value: "150+", description: "Apartments Renovated" },
{ id: "2", value: "98%", description: "Client Satisfaction" },
{ id: "3", value: "24+", description: "Months Warranty" }
]}
metricsAnimation="slide-up"
/>
@@ -335,48 +143,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Homeowner",
testimonial: "The 3D render perfectly captured my vision.",
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-street_23-2147747840.jpg",
},
{
id: "2",
name: "Marko Ilic",
role: "Investor",
testimonial: "Transparent and professional service.",
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278642.jpg",
},
{
id: "3",
name: "Ana Petrovic",
role: "Homeowner",
testimonial: "High quality craftsmanship throughout.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-building-plans-looking-camera_23-2148269409.jpg",
},
{
id: "4",
name: "Jovan Djuric",
role: "CEO",
testimonial: "Innovative solutions that added value.",
imageSrc: "http://img.b2bpic.net/free-photo/hipster-handsome-blonde-man-guy-stylish-summer-clothes-street_158595-2656.jpg",
},
{
id: "5",
name: "Elena Kovac",
role: "Designer",
testimonial: "These guys are top-tier in Belgrade.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg",
},
{
id: "6",
name: "Petar V.",
role: "Homeowner",
testimonial: "Worth every cent of the investment.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407597.jpg",
},
{ id: "1", name: "Sarah Miller", role: "Homeowner", testimonial: "The 3D render perfectly captured my vision.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-street_23-2147747840.jpg" },
{ id: "2", name: "Marko Ilic", role: "Investor", testimonial: "Transparent and professional service.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278642.jpg" },
{ id: "3", name: "Ana Petrovic", role: "Homeowner", testimonial: "High quality craftsmanship throughout.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-building-plans-looking-camera_23-2148269409.jpg" },
{ id: "4", name: "Jovan Djuric", role: "CEO", testimonial: "Innovative solutions that added value.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-handsome-blonde-man-guy-stylish-summer-clothes-street_158595-2656.jpg" },
{ id: "5", name: "Elena Kovac", role: "Designer", testimonial: "These guys are top-tier in Belgrade.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg" },
{ id: "6", name: "Petar V.", role: "Homeowner", testimonial: "Worth every cent of the investment.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407597.jpg" }
]}
title="Client Experiences"
description="What our residents say about their home transformation journey."
@@ -388,21 +160,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How does the 3D rendering process work?",
content: "We take precise measurements and draft your apartment layout in 3D, allowing you to preview textures.",
},
{
id: "2",
title: "What is the typical project timeline?",
content: "Depending on complexity, an average apartment transformation takes 4-8 weeks.",
},
{
id: "3",
title: "Do you provide a warranty?",
content: "Yes, all our major renovations are backed by a 24-month warranty.",
},
{ id: "1", title: "How does the 3D rendering process work?", content: "We take precise measurements and draft your apartment layout in 3D, allowing you to preview textures." },
{ id: "2", title: "What is the typical project timeline?", content: "Depending on complexity, an average apartment transformation takes 4-8 weeks." },
{ id: "3", title: "Do you provide a warranty?", content: "Yes, all our major renovations are backed by a 24-month warranty." }
]}
title="Frequently Asked Questions"
description="Clear answers about the renovation process."
@@ -413,9 +173,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
tag="Get in touch"
title="Start Your Transformation"
description="Ready to see your apartment reimagined? Contact us for a consultation."
@@ -433,4 +191,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}