Merge version_1 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -33,23 +33,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="3D STUDIO"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,69 +52,34 @@ export default function LandingPage() {
|
||||
description="We specialize in high-end digital experiences, bringing creative visions to life with cutting-edge 3D animation and design."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Riv",
|
||||
handle: "@alex",
|
||||
testimonial: "Amazing 3D work, exceeded expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qbn5ys&_wi=1",
|
||||
imageAlt: "futuristic 3D background",
|
||||
},
|
||||
name: "Alex Riv", handle: "@alex", testimonial: "Amazing 3D work, exceeded expectations.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qbn5ys", imageAlt: "futuristic 3D background"},
|
||||
{
|
||||
name: "Sam Kim",
|
||||
handle: "@sam",
|
||||
testimonial: "The animation fluidity is incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kt5pfd&_wi=1",
|
||||
imageAlt: "futuristic 3D background",
|
||||
},
|
||||
name: "Sam Kim", handle: "@sam", testimonial: "The animation fluidity is incredible.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kt5pfd", imageAlt: "futuristic 3D background"},
|
||||
{
|
||||
name: "Jana Lee",
|
||||
handle: "@jana",
|
||||
testimonial: "Top-tier creative partner for our brand.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1ypmf&_wi=1",
|
||||
imageAlt: "futuristic 3D background",
|
||||
},
|
||||
name: "Jana Lee", handle: "@jana", testimonial: "Top-tier creative partner for our brand.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1ypmf", imageAlt: "futuristic 3D background"},
|
||||
{
|
||||
name: "Mark Doe",
|
||||
handle: "@mark",
|
||||
testimonial: "Brought our concepts to life perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7f9f3d&_wi=1",
|
||||
imageAlt: "futuristic 3D background",
|
||||
},
|
||||
name: "Mark Doe", handle: "@mark", testimonial: "Brought our concepts to life perfectly.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7f9f3d", imageAlt: "futuristic 3D background"},
|
||||
{
|
||||
name: "Zoe Fox",
|
||||
handle: "@zoe",
|
||||
testimonial: "Stunning visuals and professional speed.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=94zbjw&_wi=1",
|
||||
imageAlt: "futuristic 3D background",
|
||||
},
|
||||
name: "Zoe Fox", handle: "@zoe", testimonial: "Stunning visuals and professional speed.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=94zbjw", imageAlt: "futuristic 3D background"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qbn5ys&_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qbn5ys"
|
||||
imageAlt="futuristic 3D background"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1ypmf",
|
||||
alt: "professional client portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1ypmf", alt: "professional client portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7f9f3d",
|
||||
alt: "tech innovator portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7f9f3d", alt: "tech innovator portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=94zbjw",
|
||||
alt: "creative lead portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=94zbjw", alt: "creative lead portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3je9qy",
|
||||
alt: "digital architect portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3je9qy", alt: "digital architect portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ifxdjh",
|
||||
alt: "studio director portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ifxdjh", alt: "studio director portrait"},
|
||||
]}
|
||||
avatarText="Trusted by industry leaders"
|
||||
/>
|
||||
@@ -135,7 +93,7 @@ export default function LandingPage() {
|
||||
description="Founded by creative technologists who live at the intersection of art and code, our studio is dedicated to crafting the future of digital expression."
|
||||
subdescription="With over a decade of experience, we build high-performance 3D solutions for innovative global brands."
|
||||
icon={Zap}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kt5pfd&_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kt5pfd"
|
||||
imageAlt="creative designer workspace"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -148,26 +106,11 @@ 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."
|
||||
@@ -181,20 +124,11 @@ export default function LandingPage() {
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45",
|
||||
description: "Global Awards",
|
||||
},
|
||||
id: "m2", value: "45", description: "Global Awards"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Years Combined",
|
||||
},
|
||||
id: "m3", value: "15+", description: "Years Combined"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -208,47 +142,17 @@ 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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="A curated collection of our most daring digital commissions."
|
||||
@@ -263,50 +167,20 @@ 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", 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: "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", 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: "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", 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: "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: "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"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Hear what our partners say about our collaborative process."
|
||||
@@ -319,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you start?",
|
||||
content: "Discovery, brainstorming, and sketching.",
|
||||
},
|
||||
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: "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: "q3", title: "Timeline?", content: "Varies by scope, usually 2-8 weeks."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers to your inquiries about our studio and process."
|
||||
@@ -344,16 +209,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -362,29 +224,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user