Update src/app/page.tsx
This commit is contained in:
261
src/app/page.tsx
261
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NetOps 5G"
|
||||
/>
|
||||
@@ -56,47 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Next-Gen Infrastructure for the 5G Era"
|
||||
description="Accelerate your production pipelines and optimize 5G network performance with our integrated DevOps platform."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start Free Trial", href: "#pricing"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-5g-technology-background_23-2148284301.jpg",
|
||||
imageAlt: "tech data center server",
|
||||
},
|
||||
id: "slide-1", imageSrc: "http://img.b2bpic.net/free-photo/white-5g-technology-background_23-2148284301.jpg", imageAlt: "tech data center server"},
|
||||
{
|
||||
id: "slide-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-professional-supervising-data-center-workplace-checking-hardware_482257-122186.jpg",
|
||||
imageAlt: "tech data center server",
|
||||
},
|
||||
id: "slide-2", imageSrc: "http://img.b2bpic.net/free-photo/it-professional-supervising-data-center-workplace-checking-hardware_482257-122186.jpg", imageAlt: "tech data center server"},
|
||||
{
|
||||
id: "slide-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg",
|
||||
imageAlt: "tech data center server",
|
||||
},
|
||||
id: "slide-3", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg", imageAlt: "tech data center server"},
|
||||
{
|
||||
id: "slide-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-background-with-5g-technology_23-2148284313.jpg",
|
||||
imageAlt: "tech data center server",
|
||||
},
|
||||
id: "slide-4", imageSrc: "http://img.b2bpic.net/free-photo/gradient-background-with-5g-technology_23-2148284313.jpg", imageAlt: "tech data center server"},
|
||||
{
|
||||
id: "slide-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900719.jpg",
|
||||
imageAlt: "tech data center server",
|
||||
},
|
||||
id: "slide-5", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900719.jpg", imageAlt: "tech data center server"},
|
||||
{
|
||||
id: "slide-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/5g-text-plain-background-with-sim-cards_23-2148291115.jpg",
|
||||
imageAlt: "tech data center server",
|
||||
},
|
||||
id: "slide-6", imageSrc: "http://img.b2bpic.net/free-photo/5g-text-plain-background-with-sim-cards_23-2148291115.jpg", imageAlt: "tech data center server"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,32 +79,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "DevOps Automation",
|
||||
tags: [
|
||||
"CI/CD",
|
||||
"Automated",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-ai-machine-learning-algorithms_482257-118302.jpg",
|
||||
},
|
||||
id: "f1", title: "DevOps Automation", tags: [
|
||||
"CI/CD", "Automated"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-ai-machine-learning-algorithms_482257-118302.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "5G Edge Connectivity",
|
||||
tags: [
|
||||
"Ultra-Low Latency",
|
||||
"5G",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-music-application-concept_53876-12.jpg",
|
||||
},
|
||||
id: "f2", title: "5G Edge Connectivity", tags: [
|
||||
"Ultra-Low Latency", "5G"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-music-application-concept_53876-12.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Production Monitoring",
|
||||
tags: [
|
||||
"Real-time",
|
||||
"Logs",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chroma-key-tablet-coworkers-examining-data-center_482257-125019.jpg",
|
||||
},
|
||||
id: "f3", title: "Production Monitoring", tags: [
|
||||
"Real-time", "Logs"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chroma-key-tablet-coworkers-examining-data-center_482257-125019.jpg"},
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
description="Unlock efficiency with tools designed for high-scale production and 5G connectivity."
|
||||
@@ -147,23 +103,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Deployment Speed",
|
||||
value: "10x",
|
||||
},
|
||||
id: "m1", icon: Zap,
|
||||
title: "Deployment Speed", value: "10x"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Uptime",
|
||||
value: "99.99%",
|
||||
},
|
||||
id: "m2", icon: Shield,
|
||||
title: "Uptime", value: "99.99%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Activity,
|
||||
title: "Latency Reduction",
|
||||
value: "40%",
|
||||
},
|
||||
id: "m3", icon: Activity,
|
||||
title: "Latency Reduction", value: "40%"},
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
description="Measurable impact on your production workflow."
|
||||
@@ -178,47 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Edge Controller S1",
|
||||
price: "$4,500",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105469.jpg",
|
||||
},
|
||||
id: "p1", name: "Edge Controller S1", price: "$4,500", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105469.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Edge Controller S2",
|
||||
price: "$7,900",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-doing-server-hub-management_482257-89048.jpg",
|
||||
},
|
||||
id: "p2", name: "Edge Controller S2", price: "$7,900", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-doing-server-hub-management_482257-89048.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "5G Node Module A",
|
||||
price: "$12,000",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/audio-snake-stage-box-with-xlr-cables-jacks-live-show_169016-10981.jpg",
|
||||
},
|
||||
id: "p3", name: "5G Node Module A", price: "$12,000", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/audio-snake-stage-box-with-xlr-cables-jacks-live-show_169016-10981.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Production Switch Pro",
|
||||
price: "$2,900",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-data-center-using-vr-headset-tech-verify-parameters_482257-123369.jpg",
|
||||
},
|
||||
id: "p4", name: "Production Switch Pro", price: "$2,900", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/engineer-data-center-using-vr-headset-tech-verify-parameters_482257-123369.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Security Gateway V1",
|
||||
price: "$5,200",
|
||||
variant: "Secure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105461.jpg",
|
||||
},
|
||||
id: "p5", name: "Security Gateway V1", price: "$5,200", variant: "Secure", imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105461.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Edge Gateway X2",
|
||||
price: "$9,800",
|
||||
variant: "High-Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/net-ports-wifi-speed-dsl_1232-4121.jpg",
|
||||
},
|
||||
id: "p6", name: "Edge Gateway X2", price: "$9,800", variant: "High-Performance", imageSrc: "http://img.b2bpic.net/free-photo/net-ports-wifi-speed-dsl_1232-4121.jpg"},
|
||||
]}
|
||||
title="Infrastructure Hardware"
|
||||
description="Certified equipment for edge computing and 5G node management."
|
||||
@@ -232,51 +149,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$499/mo",
|
||||
subtitle: "For small teams and startups",
|
||||
features: [
|
||||
"5 Pipelines",
|
||||
"Basic 5G Support",
|
||||
"Slack Integration",
|
||||
],
|
||||
id: "starter", badge: "Essential", price: "$499/mo", subtitle: "For small teams and startups", features: [
|
||||
"5 Pipelines", "Basic 5G Support", "Slack Integration"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
},
|
||||
text: "Start Free Trial", href: "#"},
|
||||
{
|
||||
text: "Subscribe Now"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$1,299/mo",
|
||||
subtitle: "For scaling enterprises",
|
||||
features: [
|
||||
"Unlimited Pipelines",
|
||||
"Advanced 5G Support",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$1,299/mo", subtitle: "For scaling enterprises", features: [
|
||||
"Unlimited Pipelines", "Advanced 5G Support", "Dedicated Manager"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
},
|
||||
text: "Start Free Trial", href: "#"},
|
||||
{
|
||||
text: "Subscribe Now"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "Contact Us",
|
||||
subtitle: "For massive infrastructure",
|
||||
features: [
|
||||
"Custom Latency Goals",
|
||||
"Global Nodes",
|
||||
"24/7 Priority",
|
||||
],
|
||||
id: "enterprise", badge: "Custom", price: "Contact Us", subtitle: "For massive infrastructure", features: [
|
||||
"Custom Latency Goals", "Global Nodes", "24/7 Priority"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
},
|
||||
text: "Contact Sales"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -293,25 +190,15 @@ export default function LandingPage() {
|
||||
author="Mark Anderson, CTO of TechCore"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg",
|
||||
alt: "professional developer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg", alt: "professional developer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
|
||||
alt: "professional developer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg", alt: "professional developer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg",
|
||||
alt: "professional developer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg", alt: "professional developer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
alt: "Portrait of smiling businessman sitting at desk table in business company office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg", alt: "Portrait of smiling businessman sitting at desk table in business company office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
alt: "POV of businessman attending videocall meeting in office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "POV of businessman attending videocall meeting in office"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -324,20 +211,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is 5G integrated?",
|
||||
content: "Our platform plugs directly into your existing edge nodes.",
|
||||
},
|
||||
id: "q1", title: "How is 5G integrated?", content: "Our platform plugs directly into your existing edge nodes."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can we cancel anytime?",
|
||||
content: "Yes, our subscriptions are month-to-month.",
|
||||
},
|
||||
id: "q2", title: "Can we cancel anytime?", content: "Yes, our subscriptions are month-to-month."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer migration support?",
|
||||
content: "Our team handles full pipeline migrations for all Pro subscribers.",
|
||||
},
|
||||
id: "q3", title: "Do you offer migration support?", content: "Our team handles full pipeline migrations for all Pro subscribers."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to common questions regarding deployment and 5G."
|
||||
@@ -349,16 +227,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to scale?"
|
||||
title="Get Started Today"
|
||||
description="Talk to our solution architects and find the perfect plan for your environment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -369,29 +244,19 @@ export default function LandingPage() {
|
||||
logoText="NetOps 5G"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Documentation", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -400,4 +265,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user