Merge version_2 into main #5
102
src/app/page.tsx
102
src/app/page.tsx
@@ -32,17 +32,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="3D STUDIO"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -50,14 +45,17 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
title="Digital Alter Ego"
|
||||
description="Meet your 3D-animated representation—a high-fidelity digital persona built to bridge the gap between human creativity and virtual performance."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qbn5ys&_wi=2"
|
||||
imageAlt="3D animated character representing me"
|
||||
imagePosition="right"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Riv", handle: "@alex", testimonial: "The character animation is breathtakingly real.", rating: 5},
|
||||
name: "Alex Riv", handle: "@alex", testimonial: "The character animation is breathtakingly real.", rating: 5
|
||||
},
|
||||
{
|
||||
name: "Sam Kim", handle: "@sam", testimonial: "Finally, a digital persona that feels authentic.", rating: 5},
|
||||
name: "Sam Kim", handle: "@sam", testimonial: "Finally, a digital persona that feels authentic.", rating: 5
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#about" },
|
||||
@@ -87,11 +85,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "3D Modeling", subtitle: "Precision modeling for any project.", category: "Service", value: "100%"},
|
||||
id: "f1", title: "3D Modeling", subtitle: "Precision modeling for any project.", category: "Service", value: "100%"
|
||||
},
|
||||
{
|
||||
id: "f2", title: "Motion Graphics", subtitle: "Fluid and reactive animations.", category: "Service", value: "100%"},
|
||||
id: "f2", title: "Motion Graphics", subtitle: "Fluid and reactive animations.", category: "Service", value: "100%"
|
||||
},
|
||||
{
|
||||
id: "f3", title: "Environment Design", subtitle: "Immersive and cinematic worlds.", category: "Service", value: "100%"},
|
||||
id: "f3", title: "Environment Design", subtitle: "Immersive and cinematic worlds.", category: "Service", value: "100%"
|
||||
},
|
||||
]}
|
||||
title="Creative Services"
|
||||
description="Our expertise spans across multiple disciplines in the 3D space."
|
||||
@@ -104,12 +105,9 @@ export default function LandingPage() {
|
||||
title="Studio Impact"
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "500+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m2", value: "45", description: "Global Awards"},
|
||||
{
|
||||
id: "m3", value: "15+", description: "Years Combined"},
|
||||
{ id: "m1", value: "500+", description: "Projects Completed" },
|
||||
{ id: "m2", value: "45", description: "Global Awards" },
|
||||
{ id: "m3", value: "15+", description: "Years Combined" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,17 +121,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Neon Genesis", price: "Art", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qnu60r", imageAlt: "3D character design"},
|
||||
id: "p1", name: "Neon Genesis", price: "Art", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qnu60r", imageAlt: "3D character design"
|
||||
},
|
||||
{
|
||||
id: "p2", name: "Void Structure", price: "Art", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z9a5jp", imageAlt: "architectural 3D render"},
|
||||
id: "p2", name: "Void Structure", price: "Art", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z9a5jp", imageAlt: "architectural 3D render"
|
||||
},
|
||||
{
|
||||
id: "p3", name: "Fluidity V2", price: "Art", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8wc7f0", imageAlt: "fluid 3D visualization"},
|
||||
{
|
||||
id: "p4", name: "Velocity Alpha", price: "Art", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pq0pck", imageAlt: "concept car 3D abstract"},
|
||||
{
|
||||
id: "p5", name: "Ethereal Sculpt", price: "Art", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x7pd20", imageAlt: "digital 3D sculpture"},
|
||||
{
|
||||
id: "p6", name: "Mech Engine", price: "Art", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tpxugs", imageAlt: "mechanical abstract 3D"},
|
||||
id: "p3", name: "Fluidity V2", price: "Art", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8wc7f0", imageAlt: "fluid 3D visualization"
|
||||
},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="A curated collection of our most daring digital commissions."
|
||||
@@ -148,20 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Alex Riv", role: "Creative Lead", company: "DesignLab", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1ypmf&_wi=2", imageAlt: "professional client portrait"},
|
||||
id: "t1", name: "Alex Riv", role: "Creative Lead", company: "DesignLab", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1ypmf&_wi=2", imageAlt: "professional client portrait"
|
||||
},
|
||||
{
|
||||
id: "t2", name: "Sam Kim", role: "CTO", company: "Innovate", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7f9f3d&_wi=2", imageAlt: "tech innovator portrait"},
|
||||
{
|
||||
id: "t3", name: "Jana Lee", role: "Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=94zbjw&_wi=2", imageAlt: "creative lead portrait"},
|
||||
{
|
||||
id: "t4", name: "Mark Doe", role: "PM", company: "Future", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3je9qy", imageAlt: "digital architect portrait"},
|
||||
{
|
||||
id: "t5", name: "Zoe Fox", role: "Founder", company: "Vision", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ifxdjh", imageAlt: "studio director portrait"},
|
||||
id: "t2", name: "Sam Kim", role: "CTO", company: "Innovate", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7f9f3d&_wi=2", imageAlt: "tech innovator portrait"
|
||||
},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Hear what our partners say about our collaborative process."
|
||||
@@ -173,12 +159,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How do you start?", content: "Discovery, brainstorming, and sketching."},
|
||||
{
|
||||
id: "q2", title: "What tools are used?", content: "Industry-standard 3D suites like Blender, Cinema 4D."},
|
||||
{
|
||||
id: "q3", title: "Timeline?", content: "Varies by scope, usually 2-8 weeks."},
|
||||
{ id: "q1", title: "How do you start?", content: "Discovery, brainstorming, and sketching." },
|
||||
{ id: "q2", title: "What tools are used?", content: "Industry-standard 3D suites like Blender, Cinema 4D." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers to your inquiries about our studio and process."
|
||||
@@ -189,15 +171,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Build Together?"
|
||||
description="Get in touch today to start your next 3D project with us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -205,19 +183,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Projects", href: "#projects"},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Projects", href: "#projects" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user