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
265 lines
14 KiB
HTML
265 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Brussels City Intelligence — Landvex</title>
|
|
<meta name="description" content="Continuous intelligence across Brussels districts. EU quarter dynamics, commercial corridor analysis, and multilingual business environment monitoring.">
|
|
<link rel="canonical" href="https://www.landvex.com/cities/brussels/">
|
|
<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>Brussels</h1>
|
|
<p class="hero-sub">Continuous intelligence across Brussels districts. EU quarter dynamics, commercial corridor analysis, and multilingual business environment monitoring.</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">EU institutions, historic architecture, modern office blocks, residential areas, transport hubs</div>
|
|
<div class="taxonomy-score">Score: 81/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">EU operations, lobbying activities, business meetings, tourism, diplomatic functions</div>
|
|
<div class="taxonomy-score">Score: 79/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">EU funding, international organisations, lobbying firms, tourism, logistics hub</div>
|
|
<div class="taxonomy-score">Score: 77/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">EU regulations, Belgian federal system, regional governance, international law</div>
|
|
<div class="taxonomy-score">Score: 88/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">EU officials, diplomats, expats, international NGOs, multilingual communities</div>
|
|
<div class="taxonomy-score">Score: 82/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">EU parliamentary cycles, diplomatic calendars, tourism seasons, business travel patterns</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">Brussels at a glance</h2>
|
|
|
|
<div class="scores-grid">
|
|
<div class="score-card">
|
|
<div class="score-value">79</div>
|
|
<div class="score-label">Opportunity</div>
|
|
<div class="score-delta up">+1.9%</div>
|
|
</div>
|
|
<div class="score-card">
|
|
<div class="score-value">74</div>
|
|
<div class="score-label">Growth</div>
|
|
<div class="score-delta up">+1.2%</div>
|
|
</div>
|
|
<div class="score-card">
|
|
<div class="score-value">78</div>
|
|
<div class="score-label">Commercial Vitality</div>
|
|
<div class="score-delta up">+1.5%</div>
|
|
</div>
|
|
<div class="score-card">
|
|
<div class="score-value">83</div>
|
|
<div class="score-label">Infrastructure</div>
|
|
<div class="score-delta up">+0.8%</div>
|
|
</div>
|
|
<div class="score-card">
|
|
<div class="score-value">72</div>
|
|
<div class="score-label">Investment Confidence</div>
|
|
<div class="score-delta down">-0.9%</div>
|
|
</div>
|
|
<div class="score-card">
|
|
<div class="score-value">31</div>
|
|
<div class="score-label">Contradiction Index</div>
|
|
<div class="score-delta up">Moderate</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 institutional stability (88) but moderate growth (74) suggests regulatory complexity may slow business dynamism.</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">European Quarter</div>
|
|
<div class="district-meta">EU institutions · International organisations</div>
|
|
<div class="district-scores">
|
|
<span class="district-score">Institutional 96</span>
|
|
<span class="district-score">International 94</span>
|
|
<span class="district-score">Office 89</span>
|
|
</div>
|
|
</div>
|
|
<div class="district-card">
|
|
<div class="district-name">Grand Place</div>
|
|
<div class="district-meta">Historic centre · Tourism hub</div>
|
|
<div class="district-scores">
|
|
<span class="district-score">Tourism 93</span>
|
|
<span class="district-score">Heritage 95</span>
|
|
<span class="district-score">Retail 87</span>
|
|
</div>
|
|
</div>
|
|
<div class="district-card">
|
|
<div class="district-name">Ixelles</div>
|
|
<div class="district-meta">Residential · EU officials</div>
|
|
<div class="district-scores">
|
|
<span class="district-score">Residential 88</span>
|
|
<span class="district-score">EU 91</span>
|
|
<span class="district-score">Dining 86</span>
|
|
</div>
|
|
</div>
|
|
<div class="district-card">
|
|
<div class="district-name">Anderlecht</div>
|
|
<div class="district-meta">Industrial · Emerging</div>
|
|
<div class="district-scores">
|
|
<span class="district-score">Industrial 82</span>
|
|
<span class="district-score">Growth 79</span>
|
|
<span class="district-score">Logistics 85</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section class="cta-section" id="contact">
|
|
<div class="container">
|
|
<h2>Need Brussels 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>
|