Bernt
6de2455917
- Added GLOBAL_MARKETS_TITLE to all translation files - Updated footer with 12 markets (4 active + 8 upcoming) - Translated market section to: zh-cn, zh-tw, ja, ko, th, vi, id, ms, hi - Built and deployed to production - CloudFront invalidation: I3RTMXVFDJXWLG3SYX208OP1CC
263 lines
9.2 KiB
HTML
263 lines
9.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>VIMS — Visual Infrastructure Monitoring System | Landvex</title>
|
|
<meta name="description" content="AI-powered continuous monitoring of critical infrastructure through visual change detection.">
|
|
<link rel="stylesheet" href="../styles.css">
|
|
<style>
|
|
.hero-vims {
|
|
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
|
|
color: white;
|
|
padding: 120px 0 80px;
|
|
text-align: center;
|
|
}
|
|
.hero-vims h1 {
|
|
font-size: 3.5rem;
|
|
margin-bottom: 1rem;
|
|
font-weight: 700;
|
|
}
|
|
.hero-vims .subtitle {
|
|
font-size: 1.5rem;
|
|
opacity: 0.9;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.cta-buttons {
|
|
display: flex;
|
|
gap: 1rem;
|
|
justify-content: center;
|
|
margin-top: 2rem;
|
|
}
|
|
.btn-primary {
|
|
background: #e94560;
|
|
color: white;
|
|
padding: 1rem 2rem;
|
|
border-radius: 8px;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
transition: transform 0.2s;
|
|
}
|
|
.btn-secondary {
|
|
background: transparent;
|
|
color: white;
|
|
padding: 1rem 2rem;
|
|
border-radius: 8px;
|
|
text-decoration: none;
|
|
border: 2px solid white;
|
|
font-weight: 600;
|
|
}
|
|
.features-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 2rem;
|
|
padding: 4rem 0;
|
|
}
|
|
.feature-card {
|
|
background: white;
|
|
padding: 2rem;
|
|
border-radius: 12px;
|
|
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
|
}
|
|
.feature-card h3 {
|
|
color: #1a1a2e;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.pricing-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 2rem 0;
|
|
}
|
|
.pricing-table th, .pricing-table td {
|
|
padding: 1rem;
|
|
text-align: left;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
.pricing-table th {
|
|
background: #f8f9fa;
|
|
font-weight: 600;
|
|
}
|
|
.integration-diagram {
|
|
background: #f8f9fa;
|
|
padding: 3rem;
|
|
border-radius: 12px;
|
|
text-align: center;
|
|
margin: 3rem 0;
|
|
}
|
|
.integration-flow {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-top: 2rem;
|
|
}
|
|
.integration-step {
|
|
text-align: center;
|
|
padding: 1rem;
|
|
}
|
|
.arrow {
|
|
font-size: 2rem;
|
|
color: #e94560;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar">
|
|
<div class="container">
|
|
<a href="/" class="logo">Landvex</a>
|
|
<div class="nav-links">
|
|
<a href="/products">Products</a>
|
|
<a href="/platform">Platform</a>
|
|
<a href="/docs">Docs</a>
|
|
<a href="/contact">Contact</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<section class="hero-vims">
|
|
<div class="container">
|
|
<h1>See What Others Miss</h1>
|
|
<p class="subtitle">AI-powered visual monitoring that detects infrastructure anomalies before they become failures.</p>
|
|
<div class="cta-buttons">
|
|
<a href="#pilot" class="btn-primary">Start Free Pilot</a>
|
|
<a href="#demo" class="btn-secondary">Schedule Demo</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="container">
|
|
<h2 style="text-align: center; margin: 3rem 0;">How VIMS Works</h2>
|
|
|
|
<div class="integration-diagram">
|
|
<div class="integration-flow">
|
|
<div class="integration-step">
|
|
<h3>1. Baseline</h3>
|
|
<p>Capture reference images<br>AI learns "normal"</p>
|
|
</div>
|
|
<div class="arrow">→</div>
|
|
<div class="integration-step">
|
|
<h3>2. Monitor</h3>
|
|
<p>Scheduled photo missions<br>Continuous comparison</p>
|
|
</div>
|
|
<div class="arrow">→</div>
|
|
<div class="integration-step">
|
|
<h3>3. Detect</h3>
|
|
<p>AI identifies anomalies<br>Risk classification</p>
|
|
</div>
|
|
<div class="arrow">→</div>
|
|
<div class="integration-step">
|
|
<h3>4. Alert</h3>
|
|
<p>Route to right person<br>Track resolution</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="container">
|
|
<h2 style="text-align: center; margin: 3rem 0;">Key Features</h2>
|
|
<div class="features-grid">
|
|
<div class="feature-card">
|
|
<h3>🔍 Per-Object Baseline</h3>
|
|
<p>Each object has its own "normal" reference. No generic templates — your ATM is compared to your ATM, not a theoretical one.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>🤖 AI Anomaly Detection</h3>
|
|
<p>Advanced computer vision detects visual changes, damage, and anomalies with high accuracy.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>⚠️ Risk Classification</h3>
|
|
<p>Clear severity levels: Green → Yellow → Orange → Red. Know instantly what needs attention.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>🎯 Smart Routing</h3>
|
|
<p>Alerts automatically reach the right person — security, maintenance, or management.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>📊 Trend Analysis</h3>
|
|
<p>Track degradation over time. Predict failures before they happen.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>🔌 API Access</h3>
|
|
<p>Integrate with your existing systems. Full REST API with webhooks.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="container" style="background: #f8f9fa; padding: 4rem 0; margin: 3rem 0;">
|
|
<h2 style="text-align: center; margin-bottom: 2rem;">Use Cases</h2>
|
|
<div class="features-grid">
|
|
<div class="feature-card">
|
|
<h3>🏦 Banking: ATM Networks</h3>
|
|
<ul>
|
|
<li>Detect skimmers and card traps</li>
|
|
<li>Verify branding integrity</li>
|
|
<li>Monitor surrounding environment</li>
|
|
</ul>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>🏛️ Municipal: Public Infrastructure</h3>
|
|
<ul>
|
|
<li>Bridge condition monitoring</li>
|
|
<li>Road surface quality tracking</li>
|
|
<li>Public building inspection</li>
|
|
</ul>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>⚡ Energy: Charging Stations</h3>
|
|
<ul>
|
|
<li>Equipment damage detection</li>
|
|
<li>Vandalism identification</li>
|
|
<li>Environmental hazard spotting</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="container">
|
|
<h2 style="text-align: center; margin: 3rem 0;">Pricing</h2>
|
|
<table class="pricing-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Plan</th>
|
|
<th>Objects</th>
|
|
<th>Price/Month</th>
|
|
<th>Best For</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>Starter</strong></td>
|
|
<td>Up to 10</td>
|
|
<td>$500</td>
|
|
<td>Small networks</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Professional</strong></td>
|
|
<td>Up to 100</td>
|
|
<td>$2,500</td>
|
|
<td>Regional operators</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Enterprise</strong></td>
|
|
<td>Unlimited</td>
|
|
<td>Custom</td>
|
|
<td>National networks</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p style="text-align: center; color: #666;">All plans include AI detection, risk classification, alert routing, dashboard, and API access.</p>
|
|
</section>
|
|
|
|
<section class="container" style="text-align: center; padding: 4rem 0;">
|
|
<h2>Ready to See What Others Miss?</h2>
|
|
<div class="cta-buttons" style="margin-top: 2rem;">
|
|
<a href="#pilot" class="btn-primary">Start Free Pilot →</a>
|
|
<a href="#contact" class="btn-secondary">Talk to Sales</a>
|
|
</div>
|
|
</section>
|
|
|
|
<footer style="background: #1a1a2e; color: white; padding: 2rem 0; text-align: center;">
|
|
<p>© 2026 Landvex. All rights reserved.</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|