Merge version_1 into main #1
199
src/app/page.tsx
199
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Works",
|
||||
id: "#works",
|
||||
},
|
||||
name: "Works", id: "#works"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="3D STUDIO"
|
||||
/>
|
||||
@@ -51,38 +45,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting the Future in 3D."
|
||||
description="We build immersive, photorealistic 3D experiences that push the boundaries of digital reality and innovation."
|
||||
tag="Advanced 3D Studio"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#works",
|
||||
},
|
||||
text: "View Projects", href: "#works"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-orange-blue-laser-lights-perfect-digital-wallpaper_181624-21417.jpg",
|
||||
imageAlt: "3d abstract art dark background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-orange-blue-laser-lights-perfect-digital-wallpaper_181624-21417.jpg", imageAlt: "3d abstract art dark background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-tech-nostalgia_23-2150674338.jpg",
|
||||
imageAlt: "3d tech gadget render",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-background_23-2150737846.jpg",
|
||||
imageAlt: "Abstract neon background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17013.jpg",
|
||||
imageAlt: "3D Geometric Abstract Twist Background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-background_23-2150737858.jpg",
|
||||
imageAlt: "Abstract neon background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-tech-nostalgia_23-2150674338.jpg", imageAlt: "3d tech gadget render"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,17 +73,11 @@ export default function LandingPage() {
|
||||
description="Our studio combines cutting-edge 3D software with artistic vision to deliver high-fidelity visuals that captivate audiences worldwide."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "100+", title: "Projects Completed"},
|
||||
{
|
||||
value: "12",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "12", title: "Years Experience"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Creative Support",
|
||||
},
|
||||
value: "24/7", title: "Creative Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/organized-creative-workspace-graphic-designers-photographers_482257-126938.jpg"
|
||||
imageAlt="3d artist workstation dark"
|
||||
@@ -125,41 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Architectural Viz",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896790.jpg",
|
||||
},
|
||||
id: "p1", name: "Architectural Viz", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896790.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Product Design",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-camera-lens-with-reflections-3d-rendering_460848-7423.jpg",
|
||||
},
|
||||
id: "p2", name: "Product Design", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/realistic-camera-lens-with-reflections-3d-rendering_460848-7423.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Creature Sculpt",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-rhinoceros-clapping_183364-120272.jpg",
|
||||
},
|
||||
id: "p3", name: "Creature Sculpt", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-rhinoceros-clapping_183364-120272.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Motion Graphics",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-soap-oil-bubbles-watery-background_23-2148290163.jpg",
|
||||
},
|
||||
id: "p4", name: "Motion Graphics", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/isolated-soap-oil-bubbles-watery-background_23-2148290163.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Watch Mechanics",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-orange-hard-disk-components_23-2149413375.jpg",
|
||||
},
|
||||
id: "p5", name: "Watch Mechanics", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-orange-hard-disk-components_23-2149413375.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cybercity Env",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3168.jpg",
|
||||
},
|
||||
id: "p6", name: "Cybercity Env", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3168.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Explore our portfolio of high-end 3D visualisations across different industries."
|
||||
@@ -173,31 +118,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Render Accuracy",
|
||||
items: [
|
||||
"Real-time raytracing",
|
||||
"Photorealistic materials",
|
||||
],
|
||||
id: "m1", value: "99.9%", title: "Render Accuracy", items: [
|
||||
"Real-time raytracing", "Photorealistic materials"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4K",
|
||||
title: "Max Output Res",
|
||||
items: [
|
||||
"Cinema grade visuals",
|
||||
"Printable quality",
|
||||
],
|
||||
id: "m2", value: "4K", title: "Max Output Res", items: [
|
||||
"Cinema grade visuals", "Printable quality"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30%",
|
||||
title: "Efficiency Gain",
|
||||
items: [
|
||||
"Automated pipelines",
|
||||
"Optimized workflows",
|
||||
],
|
||||
id: "m3", value: "30%", title: "Efficiency Gain", items: [
|
||||
"Automated pipelines", "Optimized workflows"],
|
||||
},
|
||||
]}
|
||||
title="Performance Standards"
|
||||
@@ -212,45 +142,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Exceptional detail and professional turnaround time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@sarahm", testimonial: "Exceptional detail and professional turnaround time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
handle: "@jamesc",
|
||||
testimonial: "The best 3D visualization studio I have ever worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-coffee-break_23-2148289228.jpg",
|
||||
},
|
||||
id: "t2", name: "James Chen", handle: "@jamesc", testimonial: "The best 3D visualization studio I have ever worked with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-coffee-break_23-2148289228.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenar",
|
||||
testimonial: "They turned our complex requirements into art.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29520.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", handle: "@elenar", testimonial: "They turned our complex requirements into art.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29520.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Smith",
|
||||
handle: "@davids",
|
||||
testimonial: "Incredible communication and technical expertise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",
|
||||
},
|
||||
id: "t4", name: "David Smith", handle: "@davids", testimonial: "Incredible communication and technical expertise.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kim Lee",
|
||||
handle: "@kiml",
|
||||
testimonial: "Game-changing visuals for our marketing campaign.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-beard-ukraine-sumy_8353-6060.jpg",
|
||||
},
|
||||
id: "t5", name: "Kim Lee", handle: "@kiml", testimonial: "Game-changing visuals for our marketing campaign.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-beard-ukraine-sumy_8353-6060.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Praise"
|
||||
@@ -264,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you work remotely?",
|
||||
content: "Yes, we are a global studio and work with clients worldwide.",
|
||||
},
|
||||
id: "f1", title: "Do you work remotely?", content: "Yes, we are a global studio and work with clients worldwide."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your typical turnaround?",
|
||||
content: "Projects usually range from 2 to 6 weeks depending on scale.",
|
||||
},
|
||||
id: "f2", title: "What is your typical turnaround?", content: "Projects usually range from 2 to 6 weeks depending on scale."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you handle animation?",
|
||||
content: "Yes, we specialize in both static 3D renders and motion graphics.",
|
||||
},
|
||||
id: "f3", title: "Do you handle animation?", content: "Yes, we specialize in both static 3D renders and motion graphics."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about working with our studio."
|
||||
@@ -289,8 +185,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Let's Collaborate"
|
||||
title="Start Your Project"
|
||||
description="Drop us a line and let's bring your creative vision to life in 3D."
|
||||
@@ -302,29 +197,19 @@ export default function LandingPage() {
|
||||
logoText="3D STUDIO"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Visualization",
|
||||
href: "#",
|
||||
},
|
||||
label: "Visualization", href: "#"},
|
||||
{
|
||||
label: "Animation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Animation", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user