Merge version_1 into main #1
352
src/app/page.tsx
352
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user