Merge version_1 into main #2
172
src/app/page.tsx
172
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Services", id: "#products"},
|
||||
]}
|
||||
brandName="Vertex Design"
|
||||
/>
|
||||
@@ -48,21 +42,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Precision Design for Modern Innovation"
|
||||
description="We bridge the gap between complex industrial requirements and human-centered design. Delivering robust, scalable digital products with engineering-grade precision."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797628.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797628.jpg"
|
||||
imageAlt="Futuristic design studio"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Get Started", href: "#products"},
|
||||
{
|
||||
text: "View Case Studies",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Case Studies", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -74,32 +63,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Industrial Precision",
|
||||
descriptions: [
|
||||
"Data-driven design processes that ensure high reliability.",
|
||||
"Tested interfaces built for extreme edge cases.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-textures-perforated-metal-background_1048-6358.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Industrial Precision", descriptions: [
|
||||
"Data-driven design processes that ensure high reliability.", "Tested interfaces built for extreme edge cases."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-textures-perforated-metal-background_1048-6358.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Modular Architecture",
|
||||
descriptions: [
|
||||
"Scalable design systems designed for complex platforms.",
|
||||
"Built to evolve alongside your business roadmap.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160195.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Modular Architecture", descriptions: [
|
||||
"Scalable design systems designed for complex platforms.", "Built to evolve alongside your business roadmap."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160195.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Human Centric",
|
||||
descriptions: [
|
||||
"Complex logic translated into intuitive user experiences.",
|
||||
"Bridging human needs with high-stakes technical workflows.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10131.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Human Centric", descriptions: [
|
||||
"Complex logic translated into intuitive user experiences.", "Bridging human needs with high-stakes technical workflows."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10131.jpg"},
|
||||
]}
|
||||
title="Engineering the Future"
|
||||
description="Our workflow is built on a foundation of deep domain expertise and modular design architectures."
|
||||
@@ -111,49 +85,20 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vertex Core System",
|
||||
price: "$12,000",
|
||||
variant: "License",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Vertex Core System", price: "$12,000", variant: "License", imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Data UI Kit",
|
||||
price: "$8,500",
|
||||
variant: "License",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Data UI Kit", price: "$8,500", variant: "License", imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Analytics Pro Module",
|
||||
price: "$15,000",
|
||||
variant: "License",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg?_wi=3",
|
||||
},
|
||||
id: "p3", name: "Analytics Pro Module", price: "$15,000", variant: "License", imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Startup Scaler",
|
||||
price: "$22,000",
|
||||
variant: "License",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg?_wi=4",
|
||||
},
|
||||
id: "p4", name: "Startup Scaler", price: "$22,000", variant: "License", imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Enterprise Dashboard",
|
||||
price: "$30,000",
|
||||
variant: "License",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg?_wi=5",
|
||||
},
|
||||
id: "p5", name: "Enterprise Dashboard", price: "$30,000", variant: "License", imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "API Design Suite",
|
||||
price: "$9,500",
|
||||
variant: "License",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg?_wi=6",
|
||||
},
|
||||
id: "p6", name: "API Design Suite", price: "$9,500", variant: "License", imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16897.jpg"},
|
||||
]}
|
||||
title="Our Design Frameworks"
|
||||
description="Premium digital tools engineered for startup growth and enterprise efficiency."
|
||||
@@ -169,37 +114,13 @@ export default function LandingPage() {
|
||||
description="Hear from industry leaders who trust Vertex Design with their critical infrastructure."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "CTO at Nexus",
|
||||
testimonial: "The precision in their work is unmatched. Vertex transformed our complex data flows into a seamless experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797628.jpg?_wi=2",
|
||||
imageAlt: "modern studio space tech blue light",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", role: "CTO at Nexus", testimonial: "The precision in their work is unmatched. Vertex transformed our complex data flows into a seamless experience.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797628.jpg", imageAlt: "modern studio space tech blue light"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Sterling",
|
||||
role: "Lead Architect",
|
||||
testimonial: "Vertex doesn't just design interfaces; they solve fundamental architectural problems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-textures-perforated-metal-background_1048-6358.jpg?_wi=2",
|
||||
imageAlt: "3d metal icon abstract tech",
|
||||
},
|
||||
id: "t2", name: "Mark Sterling", role: "Lead Architect", testimonial: "Vertex doesn't just design interfaces; they solve fundamental architectural problems.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-textures-perforated-metal-background_1048-6358.jpg", imageAlt: "3d metal icon abstract tech"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "VP of Design",
|
||||
testimonial: "Incredible attention to detail. Our team saved months of development time by using their core system.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160195.jpg?_wi=2",
|
||||
imageAlt: "network nodes 3d icon blue",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", role: "VP of Design", testimonial: "Incredible attention to detail. Our team saved months of development time by using their core system.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160195.jpg", imageAlt: "network nodes 3d icon blue"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Chen",
|
||||
role: "Product Manager",
|
||||
testimonial: "The modular architecture they provided is the foundation for our entire product roadmap.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10131.jpg?_wi=2",
|
||||
imageAlt: "user centric design 3d icon",
|
||||
},
|
||||
id: "t4", name: "David Chen", role: "Product Manager", testimonial: "The modular architecture they provided is the foundation for our entire product roadmap.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10131.jpg", imageAlt: "user centric design 3d icon"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -210,25 +131,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about partnering with our design studio."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797628.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797628.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your engagement model?",
|
||||
content: "We work via recurring monthly licenses for our design frameworks or project-based retainers for custom integration.",
|
||||
},
|
||||
id: "q1", title: "What is your engagement model?", content: "We work via recurring monthly licenses for our design frameworks or project-based retainers for custom integration."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you support enterprise teams?",
|
||||
content: "Yes, our systems are specifically built to scale within complex, high-stakes enterprise environments.",
|
||||
},
|
||||
id: "q2", title: "Do you support enterprise teams?", content: "Yes, our systems are specifically built to scale within complex, high-stakes enterprise environments."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does onboarding take?",
|
||||
content: "Typically, we provide full access to our design frameworks within 48 hours of license procurement.",
|
||||
},
|
||||
id: "q3", title: "How long does onboarding take?", content: "Typically, we provide full access to our design frameworks within 48 hours of license procurement."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -237,29 +149,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Design Systems",
|
||||
href: "#",
|
||||
},
|
||||
label: "Design Systems", href: "#"},
|
||||
{
|
||||
label: "Product Strategy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Product Strategy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user