Update src/app/page.tsx
This commit is contained in:
257
src/app/page.tsx
257
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Impact", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="MoonBOAT tech"
|
||||
/>
|
||||
@@ -53,74 +41,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Connectivity as a Service for the Future"
|
||||
description="MoonBOAT tech delivers seamless IoT management and mobility-first consulting to transform your infrastructure into a competitive advantage."
|
||||
tag="IoT & Mobility Innovation"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Explore Services", href: "#features" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg"
|
||||
imageAlt="Abstract connectivity visualisation"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12795.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12795.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ global enterprises"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "IoT Security",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cloud Integration",
|
||||
icon: Cloud,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Logistics",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Edge Computing",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Data Analytics",
|
||||
icon: LineChart,
|
||||
},
|
||||
{ type: "text-icon", text: "IoT Security", icon: Shield },
|
||||
{ type: "text-icon", text: "Cloud Integration", icon: Cloud },
|
||||
{ type: "text-icon", text: "Global Logistics", icon: Globe },
|
||||
{ type: "text-icon", text: "Edge Computing", icon: Star },
|
||||
{ type: "text-icon", text: "Data Analytics", icon: LineChart }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,56 +77,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "IoT Management",
|
||||
description: "Automated provisioning and real-time monitoring of your connected devices, ensuring 99.9% uptime and security.",
|
||||
icon: Zap,
|
||||
title: "IoT Management", description: "Automated provisioning and real-time monitoring of your connected devices, ensuring 99.9% uptime and security.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg?_wi=1",
|
||||
imageAlt: "IoT Device Monitoring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg?_wi=2",
|
||||
imageAlt: "Smart Sensor Integration",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg?_wi=2",
|
||||
imageAlt: "digital iot connectivity abstract background",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg", imageAlt: "IoT Device Monitoring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg", imageAlt: "Smart Sensor Integration" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Mobility Consulting",
|
||||
description: "Strategic guidance for mobility-first deployments, integrating hardware and cloud services for maximum logistics efficiency.",
|
||||
icon: Truck,
|
||||
title: "Mobility Consulting", description: "Strategic guidance for mobility-first deployments, integrating hardware and cloud services for maximum logistics efficiency.", icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100438.jpg?_wi=1",
|
||||
imageAlt: "Logistics Visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100438.jpg?_wi=2",
|
||||
imageAlt: "Mobility Consulting",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg?_wi=3",
|
||||
imageAlt: "smart sensor close up tech",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100438.jpg", imageAlt: "Logistics Visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100438.jpg", imageAlt: "Mobility Consulting" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Global connectivity layers that grow as your enterprise scales, removing technical debt and complex overhead.",
|
||||
icon: Network,
|
||||
title: "Scalable Infrastructure", description: "Global connectivity layers that grow as your enterprise scales, removing technical debt and complex overhead.", icon: Network,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg?_wi=4",
|
||||
imageAlt: "Scalable Architecture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg?_wi=5",
|
||||
imageAlt: "Network Reliability",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100438.jpg?_wi=3",
|
||||
imageAlt: "mobility logistics data visualization",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg", imageAlt: "Scalable Architecture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg", imageAlt: "Network Reliability" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Smart Connectivity Solutions"
|
||||
description="We build platforms that make the Internet of Things simple, scalable, and secure for your business needs."
|
||||
@@ -194,21 +109,9 @@ export default function LandingPage() {
|
||||
title="Proven Impact"
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
description: "Connected Devices Managed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
description: "Operational Efficiency Gain",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Global Expert Support",
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", description: "Connected Devices Managed" },
|
||||
{ id: "m2", value: "45%", description: "Operational Efficiency Gain" },
|
||||
{ id: "m3", value: "24/7", description: "Global Expert Support" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -221,26 +124,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Jennings, CTO at Global Logistics Co."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg",
|
||||
alt: "Sarah Jennings",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
alt: "Marcello Conti",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg",
|
||||
alt: "Elaine Wong",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "David Miller",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12795.jpg",
|
||||
alt: "Tanya Korok",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg", alt: "Sarah Jennings" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Marcello Conti" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg", alt: "Elaine Wong" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "David Miller" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12795.jpg", alt: "Tanya Korok" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -252,21 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What does Connectivity as a Service (CaaS) include?",
|
||||
content: "It includes hardware provisioning, network connectivity, security protocols, and 24/7 device monitoring.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you integrate with existing devices?",
|
||||
content: "Yes, we specialize in legacy device integration, bringing older systems into the modern IoT landscape.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do you ensure security?",
|
||||
content: "We implement end-to-end encryption and zero-trust authentication across all managed devices.",
|
||||
},
|
||||
{ id: "f1", title: "What does Connectivity as a Service (CaaS) include?", content: "It includes hardware provisioning, network connectivity, security protocols, and 24/7 device monitoring." },
|
||||
{ id: "f2", title: "Can you integrate with existing devices?", content: "Yes, we specialize in legacy device integration, bringing older systems into the modern IoT landscape." },
|
||||
{ id: "f3", title: "How do you ensure security?", content: "We implement end-to-end encryption and zero-trust authentication across all managed devices." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/server-hub-technicians-identify-hardware-issues-with-predictive-machine-learning_482257-130543.jpg"
|
||||
imageAlt="FAQ Support Interface"
|
||||
@@ -279,18 +155,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to launch your project?"
|
||||
description="Speak with our consultants about mobility and IoT strategy today. Let's build the future together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule a Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -299,36 +168,18 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Case Studies",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Case Studies", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="MoonBOAT tech"
|
||||
/>
|
||||
@@ -336,4 +187,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user