Merge version_2 into main #1
210
src/app/page.tsx
210
src/app/page.tsx
@@ -31,72 +31,45 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="VizStudio"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Bringing Your Ideas to Life with Photorealistic 3D Visualization"
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Elevate Your Architecture and Product Designs with Photorealistic 3D Visualization"
|
||||
description="We specialize in cutting-edge architectural, interior, and product rendering. Transforming concepts into high-end visual experiences for modern brands."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Portfolio", href: "#"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-house-lamp-with-futuristic-design_23-2151037462.jpg",
|
||||
imageAlt: "3d architectural rendering",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-house-lamp-with-futuristic-design_23-2151037462.jpg", imageAlt: "3d architectural rendering"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037205.jpg",
|
||||
imageAlt: "abstract 3d render animation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037205.jpg", imageAlt: "abstract 3d render animation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722635.jpg",
|
||||
imageAlt: "3d product rendering professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722635.jpg", imageAlt: "3d product rendering professional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666485.jpg",
|
||||
imageAlt: "architectural exterior render",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666485.jpg", imageAlt: "architectural exterior render"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648287.jpg",
|
||||
imageAlt: "3d character animation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648287.jpg", imageAlt: "3d character animation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248302.jpg",
|
||||
imageAlt: "3d landscape visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248302.jpg", imageAlt: "3d landscape visualization"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,9 +79,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Immersive Digital Realities"
|
||||
description={[
|
||||
"At VizStudio, we bridge the gap between imagination and reality. Our team combines technical precision with artistic vision to create hyper-realistic visuals.",
|
||||
"We utilize industry-leading technology like Unreal Engine and Blender to push the boundaries of what is possible in digital visualization.",
|
||||
]}
|
||||
"At VizStudio, we bridge the gap between imagination and reality. Our team combines technical precision with artistic vision to create hyper-realistic visuals.", "We utilize industry-leading technology like Unreal Engine and Blender to push the boundaries of what is possible in digital visualization."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,29 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Architectural Visualization",
|
||||
descriptions: [
|
||||
"High-fidelity exterior rendering for large-scale real estate projects.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-architectural-software-her-pc-create-detailed-3d-render_482257-118990.jpg",
|
||||
},
|
||||
id: "f1", title: "Architectural Visualization", descriptions: [
|
||||
"High-fidelity exterior rendering for large-scale real estate projects."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-architectural-software-her-pc-create-detailed-3d-render_482257-118990.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Interior Rendering",
|
||||
descriptions: [
|
||||
"Hyper-realistic lighting and material studies for high-end interiors.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836946.jpg",
|
||||
},
|
||||
id: "f2", title: "Interior Rendering", descriptions: [
|
||||
"Hyper-realistic lighting and material studies for high-end interiors."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836946.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Product Rendering",
|
||||
descriptions: [
|
||||
"Studio-quality product shots to boost your marketing campaign.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-three-dimensional-geometrical-background_23-2148772503.jpg",
|
||||
},
|
||||
id: "f3", title: "Product Rendering", descriptions: [
|
||||
"Studio-quality product shots to boost your marketing campaign."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-three-dimensional-geometrical-background_23-2148772503.jpg"},
|
||||
]}
|
||||
title="Comprehensive 3D Solutions"
|
||||
description="Professional services tailored for architects, interior designers, and product developers."
|
||||
@@ -155,26 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Successfully finished projects worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-shot-big-metallic-brutalist-architecture_181624-14510.jpg",
|
||||
},
|
||||
id: "m1", value: "500+", title: "Projects Completed", description: "Successfully finished projects worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/stunning-shot-big-metallic-brutalist-architecture_181624-14510.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Happy Clients",
|
||||
description: "Long-term partnerships across the globe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491098.jpg",
|
||||
},
|
||||
id: "m2", value: "150+", title: "Happy Clients", description: "Long-term partnerships across the globe.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491098.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Committed to the highest quality deliverables.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-turquoise-square-shape_23-2150979619.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Satisfaction Rate", description: "Committed to the highest quality deliverables.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-turquoise-square-shape_23-2150979619.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Delivering excellence through precision rendering."
|
||||
@@ -188,45 +132,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "The photorealistic results were beyond our expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-138.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarah_j", testimonial: "The photorealistic results were beyond our expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-138.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen_arch",
|
||||
testimonial: "Efficiency and quality at the highest level.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346475.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen_arch", testimonial: "Efficiency and quality at the highest level.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346475.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erodriguez",
|
||||
testimonial: "Incredible communication throughout the project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@erodriguez", testimonial: "Incredible communication throughout the project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim_dev",
|
||||
testimonial: "They captured the exact vision of our architects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-unicorn-venture-workspace-with-pc-used-conduct-code-reviews_482257-118729.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim_dev", testimonial: "They captured the exact vision of our architects.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-unicorn-venture-workspace-with-pc-used-conduct-code-reviews_482257-118729.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Fantastic visuals that helped us win the pitch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-helmet_23-2148920600.jpg",
|
||||
},
|
||||
id: "5", name: "Jane Smith", handle: "@jsmith", testimonial: "Fantastic visuals that helped us win the pitch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-helmet_23-2148920600.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Industry Leaders"
|
||||
@@ -240,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How long does a render project take?",
|
||||
content: "Depending on complexity, standard projects take 5-10 business days.",
|
||||
},
|
||||
id: "faq1", title: "How long does a render project take?", content: "Depending on complexity, standard projects take 5-10 business days."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can you handle 3D animation?",
|
||||
content: "Yes, we offer professional 3D motion graphics and animation services.",
|
||||
},
|
||||
id: "faq2", title: "Can you handle 3D animation?", content: "Yes, we offer professional 3D motion graphics and animation services."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What tools do you use?",
|
||||
content: "We rely on industry standard tools like Blender, 3ds Max, and Unreal Engine.",
|
||||
},
|
||||
id: "faq3", title: "What tools do you use?", content: "We rely on industry standard tools like Blender, 3ds Max, and Unreal Engine."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/our-project-has-chance-win-tender_329181-9635.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -267,8 +177,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Start Your Project"
|
||||
description="Let's collaborate on your next visualization masterpiece."
|
||||
@@ -282,42 +191,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#",
|
||||
},
|
||||
label: "Portfolio", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Arch Viz",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Arch Viz", href: "#features"},
|
||||
{
|
||||
label: "3D Animation",
|
||||
href: "#features",
|
||||
},
|
||||
label: "3D Animation", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -328,4 +222,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user