Merge version_1 into main #2
294
src/app/page.tsx
294
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Infrastructure",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{ name: "Infrastructure", id: "#hero" },
|
||||
{ name: "Solutions", id: "#about" },
|
||||
{ name: "Performance", id: "#metrics" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
]}
|
||||
brandName="Vertex Enterprise"
|
||||
/>
|
||||
@@ -53,55 +41,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Enterprise Infrastructure, Built for Growth"
|
||||
description="Premium web development and hosting that scales with your ambition. Powered by NVMe speed, LiteSpeed optimization, and engineers who actually answer the phone."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
handle: "@alexrivet",
|
||||
testimonial: "Finally, hosting that understands technical requirements for scale.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-diverse-cto-professional-c-1774724594628-63cb079f.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jane Doe",
|
||||
handle: "@janedoe",
|
||||
testimonial: "Incredible performance gains after migrating to Vertex.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-female-digital-agency-foun-1774724594458-bd566e91.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Marc L.",
|
||||
handle: "@marcl",
|
||||
testimonial: "Engineers that actually pick up the phone. A rarity in this industry.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-young-technical-lead-glass-1774724595065-9b210d9a.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah S.",
|
||||
handle: "@sarah-s",
|
||||
testimonial: "Reliable uptime and unmatched NVMe performance.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-an-experienced-operations-ma-1774724594263-2f56f1e2.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "The most robust infrastructure management I've experienced in a decade.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-diverse-cto-professional-c-1774724594628-63cb079f.png?_wi=2",
|
||||
},
|
||||
{ name: "Alex Rivet", handle: "@alexrivet", testimonial: "Finally, hosting that understands technical requirements for scale.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-diverse-cto-professional-c-1774724594628-63cb079f.png" },
|
||||
{ name: "Jane Doe", handle: "@janedoe", testimonial: "Incredible performance gains after migrating to Vertex.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-female-digital-agency-foun-1774724594458-bd566e91.png" },
|
||||
{ name: "Marc L.", handle: "@marcl", testimonial: "Engineers that actually pick up the phone. A rarity in this industry.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-young-technical-lead-glass-1774724595065-9b210d9a.png" },
|
||||
{ name: "Sarah S.", handle: "@sarah-s", testimonial: "Reliable uptime and unmatched NVMe performance.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-an-experienced-operations-ma-1774724594263-2f56f1e2.png" },
|
||||
{ name: "David W.", handle: "@davidw", testimonial: "The most robust infrastructure management I've experienced in a decade.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-diverse-cto-professional-c-1774724594628-63cb079f.png" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Enterprise Setup",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/a-futuristic-dark-mode-server-infrastruc-1774724596821-cbde60cf.png?_wi=1"
|
||||
buttons={[{ text: "Start Your Enterprise Setup", href: "#pricing" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/a-futuristic-dark-mode-server-infrastruc-1774724596821-cbde60cf.png"
|
||||
imageAlt="Data center infrastructure"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -112,15 +63,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built for Reliability, Engineered for Scale"
|
||||
description={[
|
||||
"Vertex bridges the gap between commodity hosting and proprietary enterprise stacks. We deploy custom optimized architecture that ensures your platform never hits a ceiling.",
|
||||
"Our engineers take a proactive approach to your uptime, managing the underlying infrastructure so you can focus on building features that win customers.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Technical Specs",
|
||||
href: "#metrics",
|
||||
},
|
||||
]}
|
||||
"Vertex bridges the gap between commodity hosting and proprietary enterprise stacks. We deploy custom optimized architecture that ensures your platform never hits a ceiling.", "Our engineers take a proactive approach to your uptime, managing the underlying infrastructure so you can focus on building features that win customers."]}
|
||||
buttons={[{ text: "View Technical Specs", href: "#metrics" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,27 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "NVMe Accelerated Storage",
|
||||
description: "Blazing fast read/write speeds, delivering sub-millisecond response times.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/a-modern-high-speed-nvme-ssd-hardware-co-1774724595766-fa7ab92b.png",
|
||||
imageAlt: "Storage hardware",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "LiteSpeed Optimization",
|
||||
description: "Intelligent edge-caching and request handling designed for speed.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/a-conceptual-abstract-representation-of--1774724593990-2deec1f5.png",
|
||||
imageAlt: "Scale conceptual",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Direct Engineer Access",
|
||||
description: "No ticket queues. Connect directly with Tier-3 engineering talent.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/an-engineer-analyzing-performance-data-o-1774724594780-7bd40f0e.png",
|
||||
imageAlt: "Engineer control",
|
||||
},
|
||||
{ id: 1, title: "NVMe Accelerated Storage", description: "Blazing fast read/write speeds, delivering sub-millisecond response times.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/a-modern-high-speed-nvme-ssd-hardware-co-1774724595766-fa7ab92b.png", imageAlt: "Storage hardware" },
|
||||
{ id: 2, title: "LiteSpeed Optimization", description: "Intelligent edge-caching and request handling designed for speed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/a-conceptual-abstract-representation-of--1774724593990-2deec1f5.png", imageAlt: "Scale conceptual" },
|
||||
{ id: 3, title: "Direct Engineer Access", description: "No ticket queues. Connect directly with Tier-3 engineering talent.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/an-engineer-analyzing-performance-data-o-1774724594780-7bd40f0e.png", imageAlt: "Engineer control" },
|
||||
]}
|
||||
title="Technical Performance Advantage"
|
||||
description="Engineered infrastructure for demanding enterprise environments."
|
||||
@@ -158,25 +84,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "99.999%",
|
||||
description: "Uptime SLA Guarantee",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "<20ms",
|
||||
description: "Avg Global Latency",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
description: "Human-Centric Support",
|
||||
},
|
||||
{ id: "1", value: "99.999%", description: "Uptime SLA Guarantee" },
|
||||
{ id: "2", value: "<20ms", description: "Avg Global Latency" },
|
||||
{ id: "3", value: "100%", description: "Human-Centric Support" },
|
||||
]}
|
||||
title="Performance Benchmarks"
|
||||
description="Quantifiable stability and speed across our entire global infrastructure."
|
||||
@@ -185,57 +100,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Growth Pro",
|
||||
price: "$499/mo",
|
||||
features: [
|
||||
"Dedicated NVMe Resources",
|
||||
"Managed LiteSpeed",
|
||||
"Daily Snapshots",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "starter", name: "Growth Pro", price: "$499/mo", features: ["Dedicated NVMe Resources", "Managed LiteSpeed", "Daily Snapshots"],
|
||||
buttons: [{ text: "Get Started", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
name: "Enterprise",
|
||||
price: "$1,299/mo",
|
||||
badge: "Most Popular",
|
||||
features: [
|
||||
"HA Cluster Architecture",
|
||||
"Custom Network Rules",
|
||||
"1-on-1 Engineer Access",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "enterprise", name: "Enterprise", price: "$1,299/mo", badge: "Most Popular", features: ["HA Cluster Architecture", "Custom Network Rules", "1-on-1 Engineer Access"],
|
||||
buttons: [{ text: "Contact Sales", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "dedicated",
|
||||
name: "Managed Bare-Metal",
|
||||
price: "$3,499/mo",
|
||||
features: [
|
||||
"Full Root Access",
|
||||
"Custom Firewall Logic",
|
||||
"Proactive Security Audit",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Customize Setup",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "dedicated", name: "Managed Bare-Metal", price: "$3,499/mo", features: ["Full Root Access", "Custom Firewall Logic", "Proactive Security Audit"],
|
||||
buttons: [{ text: "Customize Setup", href: "#" }]
|
||||
},
|
||||
]}
|
||||
title="Transparent Enterprise Tiers"
|
||||
@@ -248,46 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Infrastructure Scalability",
|
||||
quote: "Vertex transformed our deployment workflow entirely.",
|
||||
name: "Sarah Miller",
|
||||
role: "CTO, NextScale",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-diverse-cto-professional-c-1774724594628-63cb079f.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Support Reliability",
|
||||
quote: "The only team that treats our business with the priority it deserves.",
|
||||
name: "James Chen",
|
||||
role: "CEO, Agency-X",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-female-digital-agency-foun-1774724594458-bd566e91.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Speed benchmarks",
|
||||
quote: "Our core web vitals doubled in performance within 24 hours of migration.",
|
||||
name: "Elena Ross",
|
||||
role: "Lead Architect",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-young-technical-lead-glass-1774724595065-9b210d9a.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Service Excellence",
|
||||
quote: "Direct access to lead engineers changed how we handle scaling issues.",
|
||||
name: "Daniel Kim",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-an-experienced-operations-ma-1774724594263-2f56f1e2.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Global Uptime",
|
||||
quote: "Vertex has provided unwavering reliability for our global operations.",
|
||||
name: "Markus Thorne",
|
||||
role: "Director of Ops",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-diverse-cto-professional-c-1774724594628-63cb079f.png?_wi=4",
|
||||
},
|
||||
{ id: "1", title: "Infrastructure Scalability", quote: "Vertex transformed our deployment workflow entirely.", name: "Sarah Miller", role: "CTO, NextScale", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-diverse-cto-professional-c-1774724594628-63cb079f.png" },
|
||||
{ id: "2", title: "Support Reliability", quote: "The only team that treats our business with the priority it deserves.", name: "James Chen", role: "CEO, Agency-X", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-female-digital-agency-foun-1774724594458-bd566e91.png" },
|
||||
{ id: "3", title: "Speed benchmarks", quote: "Our core web vitals doubled in performance within 24 hours of migration.", name: "Elena Ross", role: "Lead Architect", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-young-technical-lead-glass-1774724595065-9b210d9a.png" },
|
||||
{ id: "4", title: "Service Excellence", quote: "Direct access to lead engineers changed how we handle scaling issues.", name: "Daniel Kim", role: "Operations Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-an-experienced-operations-ma-1774724594263-2f56f1e2.png" },
|
||||
{ id: "5", title: "Global Uptime", quote: "Vertex has provided unwavering reliability for our global operations.", name: "Markus Thorne", role: "Director of Ops", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/portrait-of-a-diverse-cto-professional-c-1774724594628-63cb079f.png" },
|
||||
]}
|
||||
title="Trusted by Growing Agencies"
|
||||
description="Mid-market leaders rely on Vertex for critical infrastructure support."
|
||||
@@ -299,26 +143,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer migration assistance?",
|
||||
content: "Yes, we handle full-stack migrations from standard shared hosts at no additional cost for our Enterprise plans.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is your uptime guarantee?",
|
||||
content: "Our SLA guarantees 99.999% network uptime, with automated credits issued if that threshold is ever breached.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I white-label your services?",
|
||||
content: "Absolutely. Agencies frequently white-label our infrastructure to provide enterprise-grade reliability.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer migration assistance?", content: "Yes, we handle full-stack migrations from standard shared hosts at no additional cost for our Enterprise plans." },
|
||||
{ id: "2", title: "What is your uptime guarantee?", content: "Our SLA guarantees 99.999% network uptime, with automated credits issued if that threshold is ever breached." },
|
||||
{ id: "3", title: "Can I white-label your services?", content: "Absolutely. Agencies frequently white-label our infrastructure to provide enterprise-grade reliability." },
|
||||
]}
|
||||
title="Infrastructure Questions"
|
||||
description="Everything you need to know about migrating to Vertex."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/a-futuristic-dark-mode-server-infrastruc-1774724596821-cbde60cf.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPRdYPvw7RWBn3aEWyIQ36L7j/a-futuristic-dark-mode-server-infrastruc-1774724596821-cbde60cf.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -327,57 +159,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Vertex Enterprise"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Hosting",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Enterprise",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Hosting", href: "#" }, { label: "Security", href: "#" }, { label: "Enterprise", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Support", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user