Files
boc/landvex-site/reality-alerts/index.html
T
Bernt 6de2455917 v1.2.0: Add Global Markets footer, translated to 9 languages
- 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
2026-07-08 19:56:03 +00:00

298 lines
11 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reality Alerts™ — Real-Time Infrastructure Intelligence | Landvex</title>
<meta name="description" content="Transform verified real-world observations into actionable intelligence. See something? Say something. Get rewarded.">
<link rel="stylesheet" href="../styles.css">
<style>
.hero-reality {
background: linear-gradient(135deg, #0f3460 0%, #16213e 100%);
color: white;
padding: 120px 0 80px;
text-align: center;
}
.hero-reality h1 {
font-size: 3.5rem;
margin-bottom: 1rem;
font-weight: 700;
}
.hero-reality .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;
}
.reward-table {
width: 100%;
border-collapse: collapse;
margin: 2rem 0;
}
.reward-table th, .reward-table td {
padding: 1rem;
text-align: left;
border-bottom: 1px solid #eee;
}
.reward-table th {
background: #f8f9fa;
font-weight: 600;
}
.how-it-works {
background: #f8f9fa;
padding: 3rem;
border-radius: 12px;
margin: 3rem 0;
}
.steps {
display: flex;
justify-content: space-around;
margin-top: 2rem;
}
.step {
text-align: center;
padding: 1rem;
flex: 1;
}
.step-number {
background: #e94560;
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1rem;
font-weight: bold;
}
</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-reality">
<div class="container">
<h1>Your Eyes on the Ground</h1>
<p class="subtitle">Transform verified real-world observations into actionable intelligence.<br>See something? Say something. Get rewarded.</p>
<div class="cta-buttons">
<a href="#organizations" class="btn-primary">Get Real-Time Alerts →</a>
<a href="#contributors" class="btn-secondary">Start Earning</a>
</div>
</div>
</section>
<section class="container">
<h2 style="text-align: center; margin: 3rem 0;">How Reality Alerts™ Works</h2>
<div class="how-it-works">
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<h3>Submit</h3>
<p>Take photos of infrastructure issues<br>Add description and location<br>Submit via quiXzoom app</p>
</div>
<div class="step">
<div class="step-number">2</div>
<h3>Validate</h3>
<p>AI verifies image quality<br>Identifies affected object<br>Assesses severity</p>
</div>
<div class="step">
<div class="step-number">3</div>
<h3>Route</h3>
<p>Finds responsible stakeholder<br>Sends instant alert<br>Tracks resolution</p>
</div>
<div class="step">
<div class="step-number">4</div>
<h3>Reward</h3>
<p>Verified observations earn rewards<br>Critical issues pay more<br>Direct deposit via Stripe</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>🤖 AI Validation</h3>
<p>Automatic verification of observation quality. Filters out duplicates, false reports, and low-quality submissions.</p>
</div>
<div class="feature-card">
<h3>🎯 Object Identification</h3>
<p>AI identifies what infrastructure is affected — roads, power lines, water mains, buildings.</p>
</div>
<div class="feature-card">
<h3>🚨 Smart Routing</h3>
<p>Automatically finds and notifies the responsible party — municipality, utility, or property owner.</p>
</div>
<div class="feature-card">
<h3>📊 Severity Scoring</h3>
<p>0-100 risk score with classification. Know instantly if it's a routine issue or emergency.</p>
</div>
<div class="feature-card">
<h3>💰 Contributor Rewards</h3>
<p>Performance-based payouts. Verified observations earn money. Critical issues pay premium rates.</p>
</div>
<div class="feature-card">
<h3>⭐ Quality Scoring</h3>
<p>Tracks contributor reliability. High-quality contributors get priority and bonus rewards.</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>🏛️ Municipal Services</h3>
<ul>
<li>Potholes and road damage</li>
<li>Broken streetlights</li>
<li>Graffiti and vandalism</li>
<li>Fallen trees or debris</li>
</ul>
</div>
<div class="feature-card">
<h3>⚡ Utilities</h3>
<ul>
<li>Water main leaks</li>
<li>Damaged power lines</li>
<li>Gas meter issues</li>
<li>Transformer problems</li>
</ul>
</div>
<div class="feature-card">
<h3>🏢 Property Management</h3>
<ul>
<li>Building damage</li>
<li>HVAC issues</li>
<li>Safety hazards</li>
<li>Maintenance needs</li>
</ul>
</div>
</div>
</section>
<section class="container">
<h2 style="text-align: center; margin: 3rem 0;">Contributor Rewards</h2>
<table class="reward-table">
<thead>
<tr>
<th>Observation Type</th>
<th>Reward</th>
<th>Example</th>
</tr>
</thead>
<tbody>
<tr>
<td>Standard observation</td>
<td>$0.10</td>
<td>Clean street photo</td>
</tr>
<tr>
<td>Verified anomaly</td>
<td>$0.50</td>
<td>Minor graffiti</td>
</tr>
<tr>
<td>Medium severity</td>
<td>$2.00</td>
<td>Pothole, broken light</td>
</tr>
<tr>
<td>High severity</td>
<td>$5.00</td>
<td>Water main leak</td>
</tr>
<tr>
<td>Critical</td>
<td>$10.00</td>
<td>Downed power line</td>
</tr>
</tbody>
</table>
<p style="text-align: center; color: #666;">Rewards paid via Stripe Connect. Minimum payout threshold: $5.00.</p>
</section>
<section class="container" style="background: #f8f9fa; padding: 4rem 0; margin: 3rem 0;">
<h2 style="text-align: center; margin-bottom: 2rem;">For Organizations</h2>
<div class="features-grid">
<div class="feature-card">
<h3>💼 Pay-Per-Alert</h3>
<p>$2-10 per alert<br>Best for occasional needs<br>No monthly commitment</p>
</div>
<div class="feature-card">
<h3>📈 Professional</h3>
<p>$1,000/month unlimited<br>API access<br>Custom routing rules</p>
</div>
<div class="feature-card">
<h3>🏢 Enterprise</h3>
<p>Custom pricing<br>White-label option<br>Dedicated support</p>
</div>
</div>
</section>
<section class="container" style="text-align: center; padding: 4rem 0;">
<h2>Ready to Transform Infrastructure Intelligence?</h2>
<div class="cta-buttons" style="margin-top: 2rem;">
<a href="#organizations" class="btn-primary">Get Real-Time Alerts →</a>
<a href="#contributors" class="btn-secondary">Start Earning</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>