Files
deepstock/index.html
Dorian b0b4d41571 feat: add SEO meta, OG image, favicons and sitemap
- Full meta suite in index.html: description, canonical, robots,
  Open Graph + Twitter cards, theme-color and JSON-LD structured data
- 1200x630 OG share card matching the homepage Plan-B wordmark
- Favicon set generated from the intro storm icon (svg + png + apple
  touch + 192/512 PWA icons) and a web manifest
- robots.txt + sitemap.xml with hreflang alternates
- setLang() now syncs title/description/og tags on EN/DE toggle

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-16 14:52:58 +01:00

90 lines
4.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<!-- ── Primary meta ─────────────────────────────────────────────── -->
<title>Plan-B — AI-Assisted Crisis Preparedness Advisor</title>
<meta name="description" content="Free AI-assisted crisis-preparedness advisor for urban households. Assess your readiness across 9 collapse scenarios and get a personalised survival plan in minutes."/>
<meta name="author" content="Plan-B"/>
<meta name="theme-color" content="#5A9A78"/>
<meta name="color-scheme" content="light"/>
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1"/>
<link rel="canonical" href="https://plan-b.now/"/>
<!-- ── Open Graph (Facebook, LinkedIn, WhatsApp, Signal, Telegram…) ─ -->
<meta property="og:type" content="website"/>
<meta property="og:site_name" content="Plan-B"/>
<meta property="og:title" content="Plan-B — AI-Assisted Crisis Preparedness Advisor"/>
<meta property="og:description" content="Assess your household's readiness across 9 collapse scenarios and get a personalised survival plan — water, food, energy, medical and budget. Built for city apartments."/>
<meta property="og:url" content="https://plan-b.now/"/>
<meta property="og:image" content="https://plan-b.now/images/og-image.png"/>
<meta property="og:image:secure_url" content="https://plan-b.now/images/og-image.png"/>
<meta property="og:image:type" content="image/png"/>
<meta property="og:image:width" content="1200"/>
<meta property="og:image:height" content="630"/>
<meta property="og:image:alt" content="Plan-B — AI-Assisted Preparedness for Urban Households"/>
<meta property="og:locale" content="en_US"/>
<meta property="og:locale:alternate" content="de_DE"/>
<!-- ── Twitter / X ─────────────────────────────────────────────── -->
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="Plan-B — AI-Assisted Crisis Preparedness Advisor"/>
<meta name="twitter:description" content="Assess your household's readiness across 9 collapse scenarios and get a personalised survival plan. Built for city apartments."/>
<meta name="twitter:image" content="https://plan-b.now/images/og-image.png"/>
<meta name="twitter:image:alt" content="Plan-B — AI-Assisted Preparedness for Urban Households"/>
<!-- ── Icons / PWA ─────────────────────────────────────────────── -->
<link rel="icon" href="/images/favicon.svg" type="image/svg+xml"/>
<link rel="icon" href="/images/favicon-32.png" sizes="32x32" type="image/png"/>
<link rel="icon" href="/images/favicon-16.png" sizes="16x16" type="image/png"/>
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png"/>
<link rel="manifest" href="/site.webmanifest"/>
<!-- ── Fonts ───────────────────────────────────────────────────── -->
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Serif+Display&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet"/>
<!-- ── Structured data (Google rich results) ───────────────────── -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebSite",
"@id": "https://plan-b.now/#website",
"url": "https://plan-b.now/",
"name": "Plan-B",
"description": "AI-assisted crisis-preparedness advisor for urban households.",
"inLanguage": ["en", "de"],
"publisher": { "@id": "https://plan-b.now/#org" }
},
{
"@type": "Organization",
"@id": "https://plan-b.now/#org",
"name": "Plan-B",
"url": "https://plan-b.now/",
"logo": "https://plan-b.now/images/icon-512.png"
},
{
"@type": "WebApplication",
"name": "Plan-B Preparedness Advisor",
"url": "https://plan-b.now/",
"applicationCategory": "LifestyleApplication",
"operatingSystem": "Web",
"browserRequirements": "Requires JavaScript.",
"inLanguage": ["en", "de"],
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "EUR" }
}
]
}
</script>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>