bender/886e45e0-260f-40d4-85a4-fdd5d658de2f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 17:19:33 +00:00
parent c65325246b
commit 8efbd8af14
1 changed files with 55 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

276
src/app/page.tsx
View File

@@ -34,37 +34,21 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Platform",
id: "#platform",
},
name: "Platform", id: "#platform"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="MeliuSafe"
/>
@@ -76,13 +60,9 @@ export default function LandingPage() {
description="Continuous AI-powered structural monitoring detects settlement, strain, and stress before they become expensive problems. Submillimeter precision, 24/7 realtime alerts, 5–10 year battery life."
buttons={[
{
text: "Request a Demo",
href: "#contact",
},
text: "Request a Demo", href: "#contact"},
{
text: "See How It Works",
href: "#features",
},
text: "See How It Works", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/healthcare-experts-discuss-recovery-strategies-treatment-center_482257-95008.jpg"
imageAlt="MeliuSafe AI-powered structural health monitoring dashboard"
@@ -109,37 +89,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
tag: "Real-Time Alerts",
title: "Instant Anomaly Detection",
subtitle: "24/7 Monitoring",
description: "Receive immediate notifications on any detected structural anomalies, enabling rapid response and mitigation of potential risks.",
imageSrc: "http://img.b2bpic.net/free-photo/lock-icon-front-side_187299-39511.jpg",
imageAlt: "Real-time alerts icon",
},
tag: "Real-Time Alerts", title: "Instant Anomaly Detection", subtitle: "24/7 Monitoring", description: "Receive immediate notifications on any detected structural anomalies, enabling rapid response and mitigation of potential risks.", imageSrc: "http://img.b2bpic.net/free-photo/lock-icon-front-side_187299-39511.jpg", imageAlt: "Real-time alerts icon"},
{
tag: "Sub-Millimeter Precision",
title: "Unrivaled Accuracy",
subtitle: "Micro-level Shifts",
description: "Our advanced sensors detect the slightest structural movements and changes with sub-millimeter precision, far beyond human capability.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrwncy-concept_23-2149250207.jpg",
imageAlt: "Sub-millimeter precision icon",
},
tag: "Sub-Millimeter Precision", title: "Unrivaled Accuracy", subtitle: "Micro-level Shifts", description: "Our advanced sensors detect the slightest structural movements and changes with sub-millimeter precision, far beyond human capability.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrwncy-concept_23-2149250207.jpg", imageAlt: "Sub-millimeter precision icon"},
{
tag: "Extended Battery Life",
title: "Long-Term Reliability",
subtitle: "5-10 Years Power",
description: "Benefit from low-maintenance sensors with an impressive 5-10 year battery life, ensuring continuous monitoring without frequent interventions.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148896010.jpg",
imageAlt: "Long battery life icon",
},
tag: "Extended Battery Life", title: "Long-Term Reliability", subtitle: "5-10 Years Power", description: "Benefit from low-maintenance sensors with an impressive 5-10 year battery life, ensuring continuous monitoring without frequent interventions.", imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148896010.jpg", imageAlt: "Long battery life icon"},
{
tag: "Predictive Analytics",
title: "Future-Proof Your Assets",
subtitle: "AI-Driven Insights",
description: "Leverage AI-powered predictive models to forecast potential degradation and plan proactive maintenance, optimizing budgets and preventing failures.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg",
imageAlt: "Predictive analytics icon",
},
tag: "Predictive Analytics", title: "Future-Proof Your Assets", subtitle: "AI-Driven Insights", description: "Leverage AI-powered predictive models to forecast potential degradation and plan proactive maintenance, optimizing budgets and preventing failures.", imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg", imageAlt: "Predictive analytics icon"},
]}
title="Intelligent Monitoring for Critical Assets"
description="MeliuSafe offers a comprehensive suite of features designed for precision, reliability, and ease of integration across diverse infrastructure types."
@@ -154,20 +110,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
description: "Detection Accuracy",
},
id: "m1", value: "99.9%", description: "Detection Accuracy"},
{
id: "m2",
value: "5-10 Years",
description: "Sensor Battery Life",
},
id: "m2", value: "5-10 Years", description: "Sensor Battery Life"},
{
id: "m3",
value: "30%",
description: "Maintenance Cost Reduction",
},
id: "m3", value: "30%", description: "Maintenance Cost Reduction"},
]}
title="Measurable Results, Unmatched Reliability"
description="Our platform delivers tangible benefits, driving efficiency, reducing risks, and extending asset lifespans for our partners."
@@ -182,47 +129,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Sensor Network Deployment",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/salina-turda-salt-mine-romania_1268-20549.jpg",
imageAlt: "MeliuSafe sensor network deployment",
},
id: "p1", name: "Sensor Network Deployment", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/salina-turda-salt-mine-romania_1268-20549.jpg", imageAlt: "MeliuSafe sensor network deployment"},
{
id: "p2",
name: "AI Data Analytics Engine",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg",
imageAlt: "AI data analytics engine",
},
id: "p2", name: "AI Data Analytics Engine", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg", imageAlt: "AI data analytics engine"},
{
id: "p3",
name: "Real-time Dashboard & Alerts",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-business-womens-with-medical-face-mask-working-together-management-presentation-using-tablet-computer-while-sitting-company-office-team-respecting-social-distance_482257-17559.jpg",
imageAlt: "Real-time structural health dashboard",
},
id: "p3", name: "Real-time Dashboard & Alerts", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-business-womens-with-medical-face-mask-working-together-management-presentation-using-tablet-computer-while-sitting-company-office-team-respecting-social-distance_482257-17559.jpg", imageAlt: "Real-time structural health dashboard"},
{
id: "p4",
name: "Historical Data & Reporting",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/male-administrator-using-chroma-key-display-digital-analysis_482257-126246.jpg",
imageAlt: "Historical data reports",
},
id: "p4", name: "Historical Data & Reporting", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/male-administrator-using-chroma-key-display-digital-analysis_482257-126246.jpg", imageAlt: "Historical data reports"},
{
id: "p5",
name: "Predictive Maintenance Modules",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-employs-virtual-reality-headset-digital-environment-focused-performance_482257-136139.jpg",
imageAlt: "Predictive maintenance forecasting",
},
id: "p5", name: "Predictive Maintenance Modules", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-employs-virtual-reality-headset-digital-environment-focused-performance_482257-136139.jpg", imageAlt: "Predictive maintenance forecasting"},
{
id: "p6",
name: "API Integration & Custom Solutions",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/data-center-technician-using-artificial-intelligence-tablet-close-up_482257-125938.jpg",
imageAlt: "API integration",
},
id: "p6", name: "API Integration & Custom Solutions", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/data-center-technician-using-artificial-intelligence-tablet-close-up_482257-125938.jpg", imageAlt: "API integration"},
]}
title="Full-Spectrum Structural Intelligence"
description="Explore the core components and capabilities of the MeliuSafe platform, tailored for diverse operational needs and integration levels."
@@ -233,68 +150,34 @@ export default function LandingPage() {
<PricingCardThree
textboxLayout="default"
useInvertedBackground={false}
animationType="none"
plans={[
{
id: "plan-pilot",
name: "Pilot Program",
badge: "Start Smart",
badgeIcon: Sparkles,
price: "Starting at $X,XXX/month",
buttons: [
id: "plan-pilot", name: "Pilot Program", badge: "Start Smart", badgeIcon: Sparkles,
price: "Starting at $X,XXX/month", buttons: [
{
text: "Request Pilot Demo",
href: "#contact",
},
text: "Request Pilot Demo", href: "#contact"},
],
features: [
"Limited Sensor Deployment",
"Basic AI Monitoring",
"Standard Dashboard Access",
"Initial Data Reports",
"Dedicated Onboarding Support",
],
"Limited Sensor Deployment", "Basic AI Monitoring", "Standard Dashboard Access", "Initial Data Reports", "Dedicated Onboarding Support"],
},
{
id: "plan-enterprise",
name: "Enterprise Suite",
badge: "Comprehensive",
badgeIcon: Shield,
price: "Custom Pricing",
buttons: [
id: "plan-enterprise", name: "Enterprise Suite", badge: "Comprehensive", badgeIcon: Shield,
price: "Custom Pricing", buttons: [
{
text: "Consult an Expert",
href: "#contact",
},
text: "Consult an Expert", href: "#contact"},
],
features: [
"Full-Scale Sensor Network",
"Advanced AI Analytics Engine",
"Real-time Dashboard & Alerts",
"Historical & Predictive Reporting",
"Priority Support & SLAs",
"API Access & Integrations",
],
"Full-Scale Sensor Network", "Advanced AI Analytics Engine", "Real-time Dashboard & Alerts", "Historical & Predictive Reporting", "Priority Support & SLAs", "API Access & Integrations"],
},
{
id: "plan-custom",
name: "Custom Integration",
badge: "Bespoke",
badgeIcon: Zap,
price: "Contact for Quote",
buttons: [
id: "plan-custom", name: "Custom Integration", badge: "Bespoke", badgeIcon: Zap,
price: "Contact for Quote", buttons: [
{
text: "Build Your Solution",
href: "#contact",
},
text: "Build Your Solution", href: "#contact"},
],
features: [
"Tailored Sensor Deployments",
"Bespoke AI Model Development",
"Deep System Integrations",
"Advanced Custom Reporting",
"24/7 Premium Support",
"Dedicated Technical Account Manager",
],
"Tailored Sensor Deployments", "Bespoke AI Model Development", "Deep System Integrations", "Advanced Custom Reporting", "24/7 Premium Support", "Dedicated Technical Account Manager"],
},
]}
title="Tailored Solutions for Your Infrastructure"
@@ -310,33 +193,20 @@ export default function LandingPage() {
author="Maria Rodriguez, City Engineer, Metropolis Department of Public Works"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg",
alt: "Maria Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg", alt: "Maria Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211340.jpg",
alt: "Michael Chen",
},
src: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211340.jpg", alt: "Michael Chen"},
{
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124275.jpg",
alt: "Emily Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124275.jpg", alt: "Emily Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/vintage-style-people-working-office-with-computers_23-2149850983.jpg",
alt: "Sarah Johnson",
},
src: "http://img.b2bpic.net/free-photo/vintage-style-people-working-office-with-computers_23-2149850983.jpg", alt: "Sarah Johnson"},
{
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: "Alex Lee",
},
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: "Alex Lee"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
tag="Client Stories"
title="Trusted by Industry Leaders"
/>
</div>
@@ -347,35 +217,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How does MeliuSafe differ from traditional monitoring?",
content: "MeliuSafe provides continuous, real-time, AI-powered insights with sub-millimeter precision, significantly surpassing the intermittent, manual, and often subjective assessments of traditional methods.",
},
id: "q1", title: "How does MeliuSafe differ from traditional monitoring?", content: "MeliuSafe provides continuous, real-time, AI-powered insights with sub-millimeter precision, significantly surpassing the intermittent, manual, and often subjective assessments of traditional methods."},
{
id: "q2",
title: "What types of infrastructure can MeliuSafe monitor?",
content: "Our platform is versatile and can monitor a wide range of infrastructure including bridges, high-rise buildings, tunnels, dams, historical structures, and industrial facilities.",
},
id: "q2", title: "What types of infrastructure can MeliuSafe monitor?", content: "Our platform is versatile and can monitor a wide range of infrastructure including bridges, high-rise buildings, tunnels, dams, historical structures, and industrial facilities."},
{
id: "q3",
title: "What is the typical battery life of your sensors?",
content: "MeliuSafe sensors are designed for longevity, typically offering an impressive 5 to 10 years of battery life, minimizing maintenance needs and operational disruptions.",
},
id: "q3", title: "What is the typical battery life of your sensors?", content: "MeliuSafe sensors are designed for longevity, typically offering an impressive 5 to 10 years of battery life, minimizing maintenance needs and operational disruptions."},
{
id: "q4",
title: "How long does installation and setup take?",
content: "Installation time varies based on project scope, but our deeptech sensors are designed for efficient deployment. A typical setup can range from a few days to a few weeks, followed by a brief calibration period.",
},
id: "q4", title: "How long does installation and setup take?", content: "Installation time varies based on project scope, but our deeptech sensors are designed for efficient deployment. A typical setup can range from a few days to a few weeks, followed by a brief calibration period."},
{
id: "q5",
title: "What kind of data do we receive, and how is it accessed?",
content: "You receive actionable insights, including settlement, strain, and stress data, accessible via our secure, real-time dashboard. Custom reports and API integrations are also available for deeper analysis.",
},
id: "q5", title: "What kind of data do we receive, and how is it accessed?", content: "You receive actionable insights, including settlement, strain, and stress data, accessible via our secure, real-time dashboard. Custom reports and API integrations are also available for deeper analysis."},
{
id: "q6",
title: "Do you offer ongoing support and maintenance?",
content: "Yes, we provide comprehensive ongoing support, including technical assistance, platform updates, and sensor maintenance services, ensuring optimal performance and peace of mind.",
},
id: "q6", title: "Do you offer ongoing support and maintenance?", content: "Yes, we provide comprehensive ongoing support, including technical assistance, platform updates, and sensor maintenance services, ensuring optimal performance and peace of mind."},
]}
title="Common Questions, Clear Answers"
description="Find quick answers to the most frequently asked questions about MeliuSafe, our technology, and how we can support your infrastructure goals."
@@ -390,33 +242,19 @@ export default function LandingPage() {
description="Ready to explore a pilot program, request a demo, or discuss a custom solution? Our team is eager to connect and demonstrate how MeliuSafe can secure your infrastructure."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "organization",
type: "text",
placeholder: "Organization Name",
required: true,
name: "organization", type: "text", placeholder: "Organization Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number (optional)",
},
name: "phone", type: "tel", placeholder: "Phone Number (optional)"},
]}
textarea={{
name: "message",
placeholder: "How can MeliuSafe help your infrastructure?",
rows: 4,
name: "message", placeholder: "How can MeliuSafe help your infrastructure?", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/green-screen-device-smiling-colleagues-doing-brainstorming_482257-123555.jpg"
imageAlt="Professional meeting discussing structural blueprints and data"
@@ -429,13 +267,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="MeliuSafe"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>