Bernt
bae705aa97
- Add NFC ePassport roadmap (ICAO 9303, eIDAS) - Add TensorFlow.js edge face detection (BlazeFace) - Add structured audit logger (GDPR-compliant) - Risk scoring support Part of KYC Apple Native UX v1.1.0
274 lines
16 KiB
HTML
274 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Bangkok City Intelligence — Landvex</title>
|
|
<meta name="description" content="Continuous intelligence across Bangkok districts. Street-level economic analysis, infrastructure condition monitoring, and informal economy mapping.">
|
|
<link rel="canonical" href="https://www.landvex.com/cities/bangkok/">
|
|
<meta name="robots" content="index, follow">
|
|
<style>
|
|
:root{--bg:#f5f5f7;--blue:#0066FF;--blue-dark:#0052CC;--text:#1d1d1f;--text-muted:#6B6B6B;--surface:#fff;--border:rgba(0,0,0,0.08);--radius:14px}
|
|
*{box-sizing:border-box;margin:0;padding:0}
|
|
html{}
|
|
body{font-family:-apple-system,BlinkMacSystemFont,'Inter','Helvetica Neue',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
|
|
a{color:inherit;text-decoration:none}
|
|
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px;background:rgba(10,10,10,0.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
|
|
.nav-logo{font-size:18px;font-weight:700;letter-spacing:-0.3px;color:#fff}
|
|
.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:var(--blue);color:#fff;font-size:14px;font-weight:600;border-radius:var(--radius);border:none;cursor:pointer}
|
|
.btn:hover{background:var(--blue-dark)}
|
|
.hero{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;background:linear-gradient(135deg,#0a1628 0%,#001836 100%);color:#fff;position:relative;overflow:hidden}
|
|
.hero::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(ellipse at center,rgba(0,102,255,0.15) 0%,transparent 70%);pointer-events:none}
|
|
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(0,102,255,0.15);border:1px solid rgba(0,102,255,0.3);color:#5599ff;font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:28px;position:relative;z-index:1}
|
|
.hero h1{font-size:clamp(36px,6vw,68px);font-weight:800;letter-spacing:-2px;line-height:1.05;max-width:820px;margin-bottom:24px;position:relative;z-index:1}
|
|
.hero-sub{font-size:clamp(16px,2vw,19px);color:rgba(255,255,255,0.75);max-width:680px;line-height:1.65;margin-bottom:40px;position:relative;z-index:1}
|
|
.container{max-width:1140px;margin:0 auto;padding:0 24px}
|
|
section{padding:80px 24px}
|
|
.section-label{font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
|
|
.section-title{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.2px;line-height:1.1;margin-bottom:16px}
|
|
|
|
/* Taxonomy Layers */
|
|
.taxonomy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:40px}
|
|
.taxonomy-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden}
|
|
.taxonomy-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue)}
|
|
.taxonomy-layer{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:var(--blue);margin-bottom:12px}
|
|
.taxonomy-question{font-size:18px;font-weight:800;margin-bottom:12px;line-height:1.3}
|
|
.taxonomy-examples{color:var(--text-muted);font-size:14px;line-height:1.6}
|
|
.taxonomy-score{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;background:rgba(0,102,255,0.08);border-radius:100px;font-size:13px;font-weight:700;color:var(--blue)}
|
|
|
|
/* Scores Grid */
|
|
.scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:32px}
|
|
.score-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center}
|
|
.score-value{font-size:48px;font-weight:800;color:var(--blue);line-height:1}
|
|
.score-label{font-size:13px;color:var(--text-muted);margin-top:8px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em}
|
|
.score-delta{font-size:14px;margin-top:4px}
|
|
.score-delta.up{color:#22c55e}
|
|
.score-delta.down{color:#ef4444}
|
|
|
|
/* Contradiction Alert */
|
|
.contradiction-alert{background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.25);border-radius:var(--radius);padding:24px;margin-top:32px;display:flex;align-items:flex-start;gap:16px}
|
|
.contradiction-icon{width:40px;height:40px;border-radius:10px;background:rgba(239,68,68,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
|
|
.contradiction-icon svg{width:20px;height:20px;stroke:#ef4444;stroke-width:2;fill:none}
|
|
.contradiction-title{font-weight:800;color:#991b1b;margin-bottom:4px}
|
|
.contradiction-desc{color:var(--text-muted);font-size:14px}
|
|
|
|
/* District Grid */
|
|
.district-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:32px}
|
|
.district-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
|
|
.district-name{font-size:18px;font-weight:800;margin-bottom:8px}
|
|
.district-meta{font-size:13px;color:var(--text-muted);margin-bottom:16px}
|
|
.district-scores{display:flex;gap:12px;flex-wrap:wrap}
|
|
.district-score{font-size:12px;font-weight:700;padding:4px 12px;border-radius:100px;background:rgba(0,102,255,0.08);color:var(--blue)}
|
|
|
|
/* CTA */
|
|
.cta-section{background:linear-gradient(135deg,#0a1628 0%,#001836 100%);color:#fff;text-align:center;padding:80px 24px}
|
|
.cta-section h2{font-size:clamp(28px,4vw,44px);font-weight:800;margin-bottom:16px}
|
|
.cta-section p{color:rgba(255,255,255,0.75);max-width:600px;margin:0 auto 32px}
|
|
|
|
footer{background:#0a0a0a;color:rgba(255,255,255,0.5);padding:40px 24px;text-align:center;font-size:14px}
|
|
|
|
@media(max-width:768px){
|
|
nav{padding:0 16px}
|
|
.taxonomy-grid{grid-template-columns:1fr}
|
|
.scores-grid{grid-template-columns:repeat(2,1fr)}
|
|
.district-grid{grid-template-columns:1fr}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<nav>
|
|
<a href="/" class="nav-logo">LandveX</a>
|
|
<a href="#contact" class="btn">Request briefing →</a>
|
|
</nav>
|
|
|
|
<!-- HERO -->
|
|
<section class="hero">
|
|
<div class="hero-eyebrow">City Intelligence Report</div>
|
|
<h1>Bangkok</h1>
|
|
<p class="hero-sub">Continuous intelligence across Bangkok districts. Street-level economic analysis, infrastructure condition monitoring, and informal economy mapping.</p>
|
|
<div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1">
|
|
<a href="#taxonomy" class="btn" style="padding:14px 30px;font-size:16px">Explore layers →</a>
|
|
<a href="#scores" class="btn" style="background:transparent;border:1.5px solid rgba(255,255,255,0.25)">View scores →</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- TAXONOMY LAYERS -->
|
|
<section id="taxonomy">
|
|
<div class="container">
|
|
<div class="section-label">Analytical Framework</div>
|
|
<h2 class="section-title">Six layers of urban intelligence</h2>
|
|
<p style="color:var(--text-muted);max-width:600px">The same street can appear inefficient at one layer but fully rational at another. Landvex analyses all six.</p>
|
|
|
|
<div class="taxonomy-grid">
|
|
<div class="taxonomy-card">
|
|
<div class="taxonomy-layer">Layer 01 — Physical</div>
|
|
<div class="taxonomy-question">What exists here?</div>
|
|
<div class="taxonomy-examples">Hotels (Four Points, Marriott, Holiday Inn, Honey House), restaurants (Amritsr), massage parlors, street vendors, cannabis shop (neon leaf sign), money exchanges, Shell station (fuel price displays, silver sedan, taxi), Kanpai mural, tuk-tuks, taxis, tangled overhead power lines (under elevated train track), chaotic utility poles (dense tangle of black electrical and communication wires, junction boxes, coiled cables), cracked pavement, utility poles (overloaded), drainage grates, elevated highway, modern skyscrapers, high-rise buildings, commercial signs, graffiti-covered concrete walls, awnings</div>
|
|
<div class="taxonomy-score">Score: 60/100</div>
|
|
</div>
|
|
<div class="taxonomy-card">
|
|
<div class="taxonomy-layer">Layer 02 — Operational</div>
|
|
<div class="taxonomy-question">What is happening?</div>
|
|
<div class="taxonomy-examples">Grab delivery drivers, street cleaning, tourist foot traffic, massage services, hotel operations, restaurant service, retail, motorbike traffic, heavy traffic under elevated highway, Shell station operations (fuel pumping, silver sedan, taxi), wet pavement maintenance, pedestrians navigating narrow sidewalks under wire canopy, rain-soaked street activity, cannabis shop operations, money exchange services</div>
|
|
<div class="taxonomy-score">Score: 84/100</div>
|
|
</div>
|
|
<div class="taxonomy-card">
|
|
<div class="taxonomy-layer">Layer 03 — Economic</div>
|
|
<div class="taxonomy-question">How is this financed?</div>
|
|
<div class="taxonomy-examples">Global hotel chains (Marriott, Holiday Inn), local hotels (Honey House), family-owned massage businesses, restaurants (Amritsr), cannabis shop (legalized trade), money exchanges (forex), Shell (multinational, fuel pricing), Grab platform economy, informal street vending, street art economy (Kanpai mural), taxi services, private vehicles (silver sedan), tuk-tuk economy</div>
|
|
<div class="taxonomy-score">Score: 78/100</div>
|
|
</div>
|
|
<div class="taxonomy-card">
|
|
<div class="taxonomy-layer">Layer 04 — Institutional</div>
|
|
<div class="taxonomy-question">What rules govern this?</div>
|
|
<div class="taxonomy-examples">Tourism regulations, zoning enforcement gaps, informal economy tolerance, building codes, embassy district regulations (Embassy of India), elevated highway infrastructure, utility infrastructure (overloaded poles, unregulated wiring), graffiti regulations, cannabis regulations (legalized), money exchange licensing</div>
|
|
<div class="taxonomy-score">Score: 61/100</div>
|
|
</div>
|
|
<div class="taxonomy-card">
|
|
<div class="taxonomy-layer">Layer 05 — Social</div>
|
|
<div class="taxonomy-question">What networks sustain this?</div>
|
|
<div class="taxonomy-examples">Migrant workers, tourist-temporary resident dynamics, family business networks, expat community, diplomatic community (Embassy of India), street art culture (Kanpai mural, graffiti), pedestrians adapting to infrastructure constraints, cannabis culture (legalized), diverse economic actors (money exchanges, massage, restaurants)</div>
|
|
<div class="taxonomy-score">Score: 81/100</div>
|
|
</div>
|
|
<div class="taxonomy-card">
|
|
<div class="taxonomy-layer">Layer 06 — Temporal</div>
|
|
<div class="taxonomy-question">How does this change over time?</div>
|
|
<div class="taxonomy-examples">Rush hour motorcycle traffic, tourist season peaks, monsoon impacts (wet sidewalks, rain-soaked streets), construction phases, elevated highway traffic patterns, rainy season commerce adaptation (awnings)</div>
|
|
<div class="taxonomy-score">Score: 76/100</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CITY SCORES -->
|
|
<section id="scores" style="background:var(--surface)">
|
|
<div class="container">
|
|
<div class="section-label">Aggregate Scores</div>
|
|
<h2 class="section-title">Bangkok at a glance</h2>
|
|
|
|
<div class="scores-grid">
|
|
<div class="score-card">
|
|
<div class="score-value">78</div>
|
|
<div class="score-label">Opportunity</div>
|
|
<div class="score-delta up">+4.2%</div>
|
|
</div>
|
|
<div class="score-card">
|
|
<div class="score-value">82</div>
|
|
<div class="score-label">Growth</div>
|
|
<div class="score-delta up">+3.8%</div>
|
|
</div>
|
|
<div class="score-card">
|
|
<div class="score-value">85</div>
|
|
<div class="score-label">Commercial Vitality</div>
|
|
<div class="score-delta up">+2.9%</div>
|
|
</div>
|
|
<div class="score-card">
|
|
<div class="score-value">56</div>
|
|
<div class="score-label">Infrastructure</div>
|
|
<div class="score-delta down">-4.8%</div>
|
|
</div>
|
|
<div class="score-card">
|
|
<div class="score-value">71</div>
|
|
<div class="score-label">Investment Confidence</div>
|
|
<div class="score-delta up">+1.5%</div>
|
|
</div>
|
|
<div class="score-card">
|
|
<div class="score-value">49</div>
|
|
<div class="score-label">Contradiction Index</div>
|
|
<div class="score-delta up">High</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Contradiction Alert -->
|
|
<div class="contradiction-alert">
|
|
<div class="contradiction-icon">
|
|
<svg viewBox="0 0 24 24"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
|
|
</div>
|
|
<div>
|
|
<div class="contradiction-title">Contradiction Detected</div>
|
|
<div class="contradiction-desc">High commercial vitality (85) but infrastructure strain (56) suggests rapid economic activity outpacing physical infrastructure maintenance. Modern skyscrapers and Shell multinational station coexist with chaotic utility poles featuring dense tangle of black electrical and communication wires. Cannabis shop with neon leaf sign operates alongside money exchanges and massage parlors under same wire canopy. Rain-soaked streets with awnings indicate monsoon adaptation but inadequate drainage. This represents extreme institutional enforcement gap where diverse commercial activities (legal and informal) operate alongside critically failing utility infrastructure.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- DISTRICTS -->
|
|
<section>
|
|
<div class="container">
|
|
<div class="section-label">District Intelligence</div>
|
|
<h2 class="section-title">Key districts</h2>
|
|
|
|
<div class="district-grid">
|
|
<div class="district-card">
|
|
<div class="district-name">Sukhumvit Soi 22</div>
|
|
<div class="district-meta">Hotel district · Mixed economy · Video documented</div>
|
|
<div class="district-scores">
|
|
<span class="district-score">Tourism 92</span>
|
|
<span class="district-score">Vitality 88</span>
|
|
<span class="district-score">Informal 85</span>
|
|
</div>
|
|
</div>
|
|
<div class="district-card">
|
|
<div class="district-name">Silom</div>
|
|
<div class="district-meta">Financial district · Business hub</div>
|
|
<div class="district-scores">
|
|
<span class="district-score">Finance 89</span>
|
|
<span class="district-score">Corporate 86</span>
|
|
<span class="district-score">Nightlife 82</span>
|
|
</div>
|
|
</div>
|
|
<div class="district-card">
|
|
<div class="district-name">Riverside</div>
|
|
<div class="district-meta">Historic · Luxury hotels</div>
|
|
<div class="district-scores">
|
|
<span class="district-score">Luxury 94</span>
|
|
<span class="district-score">Heritage 91</span>
|
|
<span class="district-score">Tourism 89</span>
|
|
</div>
|
|
</div>
|
|
<div class="district-card">
|
|
<div class="district-name">Chatuchak</div>
|
|
<div class="district-meta">Market district · Local commerce</div>
|
|
<div class="district-scores">
|
|
<span class="district-score">Commerce 87</span>
|
|
<span class="district-score">Local 91</span>
|
|
<span class="district-score">Logistics 83</span>
|
|
</div>
|
|
</div>
|
|
<div class="district-card">
|
|
<div class="district-name">Embassy District</div>
|
|
<div class="district-meta">Diplomatic · Mixed infrastructure</div>
|
|
<div class="district-scores">
|
|
<span class="district-score">Diplomatic 89</span>
|
|
<span class="district-score">Infrastructure 72</span>
|
|
<span class="district-score">Contrast 85</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section class="cta-section" id="contact">
|
|
<div class="container">
|
|
<h2>Need Bangkok intelligence?</h2>
|
|
<p>Request a detailed briefing with district-level scores, trend analysis, and contradiction alerts for your specific use case.</p>
|
|
<a href="mailto:contact@landvex.com" class="btn" style="padding:14px 30px;font-size:16px">Request briefing →</a>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>© 2026 LandveX Inc. · <a href="/" style="color:rgba(255,255,255,0.5)">landvex.com</a></p>
|
|
</footer>
|
|
|
|
<script>
|
|
if ('scrollRestoration' in history) {
|
|
history.scrollRestoration = 'manual';
|
|
}
|
|
window.scrollTo(0, 0);
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|