Merge version_1 into main #1
161
src/app/page.tsx
161
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Showcase",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Showcase", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Vertex3D"
|
||||
/>
|
||||
@@ -55,32 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Redefining Digital Depth"
|
||||
description="We craft immersive 3D experiences that bridge the gap between imagination and digital reality. Elevate your brand with precision-engineered 3D design."
|
||||
tag="Innovative 3D Agency"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419519.jpg",
|
||||
imageAlt: "3d digital sculpture glass render",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419519.jpg", imageAlt: "3d digital sculpture glass render"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-energy-production-facility-programmer-writing-software-code-pc-closeup_482257-120453.jpg",
|
||||
imageAlt: "3d wireframe geometric sculpture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419520.jpg",
|
||||
imageAlt: "Woman portrait with blue lights visual effects",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-blue-light-side-view_23-2149679111.jpg",
|
||||
imageAlt: "Woman posing with blue light side view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864922.jpg",
|
||||
imageAlt: "Woman posing with plastic foil",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-energy-production-facility-programmer-writing-software-code-pc-closeup_482257-120453.jpg", imageAlt: "3d wireframe geometric sculpture"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -111,41 +86,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Architectural Vista",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896722.jpg",
|
||||
},
|
||||
id: "p1", name: "Architectural Vista", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896722.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cyber-Bot X",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-purple-female-robot-women-s-day-celebration_23-2151257683.jpg",
|
||||
},
|
||||
id: "p2", name: "Cyber-Bot X", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/view-purple-female-robot-women-s-day-celebration_23-2151257683.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Liquid Gold",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-silk-concept_23-2148623315.jpg",
|
||||
},
|
||||
id: "p3", name: "Liquid Gold", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-silk-concept_23-2148623315.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Visionary Headset",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-creative-sphere_23-2150885414.jpg",
|
||||
},
|
||||
id: "p4", name: "Visionary Headset", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-creative-sphere_23-2150885414.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Interstellar Map",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-looking-city_23-2150946721.jpg",
|
||||
},
|
||||
id: "p5", name: "Interstellar Map", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-looking-city_23-2150946721.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Industrial Precision",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-digital-3d-illustration-design_460848-7097.jpg",
|
||||
},
|
||||
id: "p6", name: "Industrial Precision", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-digital-3d-illustration-design_460848-7097.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A collection of our most recent ventures into immersive digital experiences."
|
||||
@@ -159,20 +110,11 @@ export default function LandingPage() {
|
||||
tag="Performance metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Successful projects",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Successful projects"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2M+",
|
||||
description: "Polygons rendered",
|
||||
},
|
||||
id: "m2", value: "2M+", description: "Polygons rendered"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Global partners",
|
||||
},
|
||||
id: "m3", value: "50+", description: "Global partners"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -185,45 +127,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
handle: "@alex",
|
||||
testimonial: "Exceptional quality. The 3D render exceeded all our expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-with-amulet-neck-is-posing-photographer-dark-photo-studio_613910-3849.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivet", handle: "@alex", testimonial: "Exceptional quality. The 3D render exceeded all our expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-with-amulet-neck-is-posing-photographer-dark-photo-studio_613910-3849.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie Sohn",
|
||||
handle: "@jamie",
|
||||
testimonial: "Vertex3D transformed our product vision into a breathtaking experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calm-face-bearded-man-with-blue-eyes_8353-1318.jpg",
|
||||
},
|
||||
id: "2", name: "Jamie Sohn", handle: "@jamie", testimonial: "Vertex3D transformed our product vision into a breathtaking experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calm-face-bearded-man-with-blue-eyes_8353-1318.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Berg",
|
||||
handle: "@elena",
|
||||
testimonial: "Unmatched attention to detail and creative depth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Berg", handle: "@elena", testimonial: "Unmatched attention to detail and creative depth.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam Thorne",
|
||||
handle: "@sam",
|
||||
testimonial: "Their workflow is efficient and the artistic output is second to none.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-with-wet_613910-11158.jpg",
|
||||
},
|
||||
id: "4", name: "Sam Thorne", handle: "@sam", testimonial: "Their workflow is efficient and the artistic output is second to none.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-with-wet_613910-11158.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kai Wei",
|
||||
handle: "@kai",
|
||||
testimonial: "A truly modern approach to 3D asset production.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278643.jpg",
|
||||
},
|
||||
id: "5", name: "Kai Wei", handle: "@kai", testimonial: "A truly modern approach to 3D asset production.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278643.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Feedback"
|
||||
@@ -237,20 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Depending on complexity, projects usually range from 2 to 6 weeks.",
|
||||
},
|
||||
id: "f1", title: "How long does a typical project take?", content: "Depending on complexity, projects usually range from 2 to 6 weeks."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide custom animation files?",
|
||||
content: "Yes, we deliver industry-standard formats ready for any engine.",
|
||||
},
|
||||
id: "f2", title: "Do you provide custom animation files?", content: "Yes, we deliver industry-standard formats ready for any engine."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle high-polygon counts?",
|
||||
content: "Yes, our pipeline is optimized for heavy geometry and high-fidelity rendering.",
|
||||
},
|
||||
id: "f3", title: "Can you handle high-polygon counts?", content: "Yes, our pipeline is optimized for heavy geometry and high-fidelity rendering."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions about our process? We have answers."
|
||||
@@ -262,8 +170,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Collaborate"
|
||||
title="Ready to Build the Future?"
|
||||
description="Send us your brief and we will get back to you with a tailored proposal."
|
||||
@@ -277,14 +184,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com",
|
||||
ariaLabel: "Github",
|
||||
},
|
||||
href: "https://github.com", ariaLabel: "Github"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user