Merge version_1 into main #2
192
src/app/page.tsx
192
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Work", id: "portfolio"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ArchViz"
|
||||
/>
|
||||
@@ -54,62 +46,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="3D Architectural Visualization"
|
||||
description="I create high-end visualizations that bring architectural concepts to life. Photorealistic interiors & exteriors for architects and developers."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Projects", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimal-amazing-interior-design_23-2150534513.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimal-amazing-interior-design_23-2150534513.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-villa-with-pool-landscaping_23-2151974378.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-villa-with-pool-landscaping_23-2151974378.jpg", alt: "Client A"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-bedroom_1048-8372.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-bedroom_1048-8372.jpg", alt: "Client B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg", alt: "Client C"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimal-amazing-interior-design_23-2150534513.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/minimal-amazing-interior-design_23-2150534513.jpg", alt: "Client D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blueprint-design-ideas-creativity-decorative-construction-concept_53876-31796.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blueprint-design-ideas-creativity-decorative-construction-concept_53876-31796.jpg", alt: "Client E"},
|
||||
]}
|
||||
avatarText="Trusted by 100+ architectural firms worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Photorealistic Renders",
|
||||
},
|
||||
type: "text", text: "Photorealistic Renders"},
|
||||
{
|
||||
type: "text",
|
||||
text: "3D Modeling",
|
||||
},
|
||||
type: "text", text: "3D Modeling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Architectural Animation",
|
||||
},
|
||||
type: "text", text: "Architectural Animation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Material Precision",
|
||||
},
|
||||
type: "text", text: "Material Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Aesthetics",
|
||||
},
|
||||
type: "text", text: "Luxury Aesthetics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,53 +91,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Interiors",
|
||||
name: "Minimalist Villa",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-pool-landscaping_23-2151974378.jpg?_wi=1",
|
||||
},
|
||||
id: "1", brand: "Interiors", name: "Minimalist Villa", price: "Featured", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-pool-landscaping_23-2151974378.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Exteriors",
|
||||
name: "Concrete Oasis",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-bedroom_1048-8372.jpg?_wi=1",
|
||||
},
|
||||
id: "2", brand: "Exteriors", name: "Concrete Oasis", price: "Featured", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-bedroom_1048-8372.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Commercial",
|
||||
name: "Modern Office Hub",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg?_wi=1",
|
||||
},
|
||||
id: "3", brand: "Commercial", name: "Modern Office Hub", price: "Featured", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Residential",
|
||||
name: "Mountain Retreat",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-pool-landscaping_23-2151974378.jpg?_wi=2",
|
||||
},
|
||||
id: "4", brand: "Residential", name: "Mountain Retreat", price: "Featured", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-pool-landscaping_23-2151974378.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Interiors",
|
||||
name: "Gallery Apartment",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-bedroom_1048-8372.jpg?_wi=2",
|
||||
},
|
||||
id: "5", brand: "Interiors", name: "Gallery Apartment", price: "Featured", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-bedroom_1048-8372.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Exteriors",
|
||||
name: "Coastal Haven",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg?_wi=2",
|
||||
},
|
||||
id: "6", brand: "Exteriors", name: "Coastal Haven", price: "Featured", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A curated showcase of recent photorealistic visualizations."
|
||||
@@ -182,17 +121,11 @@ export default function LandingPage() {
|
||||
description="I collaborate closely with architects and design studios to transform concepts into photorealistic imagery. My focus is on perfect lighting, material authenticity, and capturing the emotional resonance of every space."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "100+", title: "Projects Completed"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Architectural Partners",
|
||||
},
|
||||
value: "50+", title: "Architectural Partners"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Creative Focus",
|
||||
},
|
||||
value: "24/7", title: "Creative Focus"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blueprint-design-ideas-creativity-decorative-construction-concept_53876-31796.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -207,36 +140,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Rendering",
|
||||
description: "Capturing atmosphere, material depth and light.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-amazing-interior-design_23-2150534513.jpg?_wi=2",
|
||||
imageAlt: "minimalist architectural visualization interior",
|
||||
title: "Interior Rendering", description: "Capturing atmosphere, material depth and light.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Exterior Rendering",
|
||||
description: "Hyper-realistic building integration and landscaping.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-pool-landscaping_23-2151974378.jpg?_wi=3",
|
||||
imageAlt: "modern exterior architectural rendering",
|
||||
title: "Exterior Rendering", description: "Hyper-realistic building integration and landscaping.", bentoComponent: "reveal-icon", icon: Building,
|
||||
},
|
||||
{
|
||||
title: "3D Modeling",
|
||||
description: "Precision modeling from CAD plans or sketches.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Box,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-bedroom_1048-8372.jpg?_wi=3",
|
||||
imageAlt: "minimalist bedroom 3d render",
|
||||
title: "3D Modeling", description: "Precision modeling from CAD plans or sketches.", bentoComponent: "reveal-icon", icon: Box,
|
||||
},
|
||||
{
|
||||
title: "Animation",
|
||||
description: "Immersive walkthroughs for client presentations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Film,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg?_wi=3",
|
||||
imageAlt: "modern office architectural render",
|
||||
title: "Animation", description: "Immersive walkthroughs for client presentations.", bentoComponent: "reveal-icon", icon: Film,
|
||||
},
|
||||
]}
|
||||
title="Expertise"
|
||||
@@ -250,30 +163,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Project Brief",
|
||||
content: "Defining scope, style and requirements.",
|
||||
},
|
||||
id: "1", title: "Project Brief", content: "Defining scope, style and requirements."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Modeling & Setup",
|
||||
content: "Developing the 3D environment.",
|
||||
},
|
||||
id: "2", title: "Modeling & Setup", content: "Developing the 3D environment."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Rendering & Refinement",
|
||||
content: "Iteration on textures and lighting.",
|
||||
},
|
||||
id: "3", title: "Rendering & Refinement", content: "Iteration on textures and lighting."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Final Delivery",
|
||||
content: "High-res output for your project.",
|
||||
},
|
||||
id: "4", title: "Final Delivery", content: "High-res output for your project."},
|
||||
]}
|
||||
title="The Workflow"
|
||||
description="Transparent process from concept to delivery."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-villa-with-pool-landscaping_23-2151974378.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-villa-with-pool-landscaping_23-2151974378.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -282,8 +183,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Start a Project"
|
||||
description="Ready to bring your vision to life? Let's discuss your upcoming architectural projects."
|
||||
@@ -296,13 +196,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="ArchViz Studio"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Instagram", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Behance",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Behance", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user