Update src/app/page.tsx
This commit is contained in:
171
src/app/page.tsx
171
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NetLink"
|
||||
/>
|
||||
@@ -54,98 +46,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Interconnecting the Global Network"
|
||||
description="Secure, high-performance interconnection services designed for modern infrastructure. Scale your reach effortlessly."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@alexr",
|
||||
testimonial: "The best network performance we've seen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
|
||||
},
|
||||
name: "Alex Rivers", handle: "@alexr", testimonial: "The best network performance we've seen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg"},
|
||||
{
|
||||
name: "Jordan Chen",
|
||||
handle: "@jordanc",
|
||||
testimonial: "Seamless integration and rock solid reliability.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
|
||||
},
|
||||
name: "Jordan Chen", handle: "@jordanc", testimonial: "Seamless integration and rock solid reliability.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg"},
|
||||
{
|
||||
name: "Sarah Smith",
|
||||
handle: "@ssmith",
|
||||
testimonial: "Scaling our reach has never been faster.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-walking-high-tech-data-center-facility-with-rows-server-racks_482257-129675.jpg",
|
||||
},
|
||||
name: "Sarah Smith", handle: "@ssmith", testimonial: "Scaling our reach has never been faster.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-walking-high-tech-data-center-facility-with-rows-server-racks_482257-129675.jpg"},
|
||||
{
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Top-tier support and infrastructure quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
|
||||
},
|
||||
name: "David Kim", handle: "@dkim", testimonial: "Top-tier support and infrastructure quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg"},
|
||||
{
|
||||
name: "Mia Taylor",
|
||||
handle: "@miat",
|
||||
testimonial: "Truly redefined our interconnection strategy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-ceo-managers-celebrating-important-corporate-achievement_482257-119983.jpg",
|
||||
},
|
||||
name: "Mia Taylor", handle: "@miat", testimonial: "Truly redefined our interconnection strategy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-ceo-managers-celebrating-important-corporate-achievement_482257-119983.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301559.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manager-walking-high-tech-data-center-facility-with-rows-server-racks_482257-129675.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/manager-walking-high-tech-data-center-facility-with-rows-server-racks_482257-129675.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-ceo-managers-celebrating-important-corporate-achievement_482257-119983.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-ceo-managers-celebrating-important-corporate-achievement_482257-119983.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global enterprises"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Low Latency",
|
||||
},
|
||||
type: "text", text: "Ultra-Low Latency"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100Tbps Throughput",
|
||||
},
|
||||
type: "text", text: "100Tbps Throughput"},
|
||||
{
|
||||
type: "text",
|
||||
text: "99.999% Uptime",
|
||||
},
|
||||
type: "text", text: "99.999% Uptime"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Cloud Mesh",
|
||||
},
|
||||
type: "text", text: "Secure Cloud Mesh"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Node Coverage",
|
||||
},
|
||||
type: "text", text: "Global Node Coverage"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,18 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Engineered for",
|
||||
},
|
||||
type: "text", content: "Engineered for"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/cyber-data-server-racks-room-with-big-data-computer-center-blue-interior-hosting-storage-hardware_90220-1031.jpg",
|
||||
alt: "Network hardware",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/cyber-data-server-racks-room-with-big-data-computer-center-blue-interior-hosting-storage-hardware_90220-1031.jpg", alt: "Network hardware"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Limitless Scale",
|
||||
},
|
||||
type: "text", content: "Limitless Scale"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,20 +121,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-Low Latency",
|
||||
description: "Optimized routing for real-time traffic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automated-factory-employee-manages-industrial-automation-system_482257-126830.jpg",
|
||||
},
|
||||
title: "Ultra-Low Latency", description: "Optimized routing for real-time traffic.", imageSrc: "http://img.b2bpic.net/free-photo/automated-factory-employee-manages-industrial-automation-system_482257-126830.jpg"},
|
||||
{
|
||||
title: "Secure Cloud Mesh",
|
||||
description: "Encrypted interconnection points.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-background-business-network-design_53876-160252.jpg",
|
||||
},
|
||||
title: "Secure Cloud Mesh", description: "Encrypted interconnection points.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-background-business-network-design_53876-160252.jpg"},
|
||||
{
|
||||
title: "Scalable Capacity",
|
||||
description: "Expand instantly as you grow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-waves_1048-14049.jpg",
|
||||
},
|
||||
title: "Scalable Capacity", description: "Expand instantly as you grow.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-waves_1048-14049.jpg"},
|
||||
]}
|
||||
title="Robust Infrastructure"
|
||||
description="Enterprise-grade interconnection features."
|
||||
@@ -202,29 +135,15 @@ export default function LandingPage() {
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Uptime",
|
||||
subtitle: "Annual average",
|
||||
category: "Performance",
|
||||
value: "99.999%",
|
||||
},
|
||||
id: "1", title: "Uptime", subtitle: "Annual average", category: "Performance", value: "99.999%"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Throughput",
|
||||
subtitle: "Peak traffic",
|
||||
category: "Capacity",
|
||||
value: "100Tbps",
|
||||
},
|
||||
id: "2", title: "Throughput", subtitle: "Peak traffic", category: "Capacity", value: "100Tbps"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Nodes",
|
||||
subtitle: "Global coverage",
|
||||
category: "Network",
|
||||
value: "500+",
|
||||
},
|
||||
id: "3", title: "Nodes", subtitle: "Global coverage", category: "Network", value: "500+"},
|
||||
]}
|
||||
title="Proven Reliability"
|
||||
description="Standardized metrics you can trust."
|
||||
@@ -237,20 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How quickly can I provision?",
|
||||
content: "Our API-driven platform supports near-instant provisioning.",
|
||||
},
|
||||
id: "1", title: "How quickly can I provision?", content: "Our API-driven platform supports near-instant provisioning."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is interconnection encrypted?",
|
||||
content: "Yes, we support end-to-end encryption across all ports.",
|
||||
},
|
||||
id: "2", title: "Is interconnection encrypted?", content: "Yes, we support end-to-end encryption across all ports."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you support multi-cloud?",
|
||||
content: "Yes, we offer direct interconnects to all major providers.",
|
||||
},
|
||||
id: "3", title: "Do you support multi-cloud?", content: "Yes, we offer direct interconnects to all major providers."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -262,8 +172,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Connect"
|
||||
title="Get Started Today"
|
||||
description="Speak with our network architects to discuss your integration needs."
|
||||
|
||||
Reference in New Issue
Block a user