65 lines
2.5 KiB
HTML
65 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<title>atmos · Konzeptionelle Düfte aus der Schweiz</title>
|
|
<meta
|
|
name="description"
|
|
content="atmos — konzeptionelle Nischendüfte zwischen Materialität, Raum und Charakter. Sechs Düfte als Discovery Set oder 50 ml Flakon. Made in Switzerland."
|
|
/>
|
|
<meta name="theme-color" content="#262626" />
|
|
<meta name="color-scheme" content="dark light" />
|
|
|
|
<!-- TODO: replace https://atmos.example with the real production domain -->
|
|
<link rel="canonical" href="https://atmos.example/" />
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:site_name" content="atmos" />
|
|
<meta property="og:title" content="atmos · Konzeptionelle Düfte" />
|
|
<meta
|
|
property="og:description"
|
|
content="Konzeptionelle Nischendüfte zwischen Materialität, Raum und Charakter. Made in Switzerland."
|
|
/>
|
|
<meta property="og:url" content="https://atmos.example/" />
|
|
<meta property="og:image" content="https://atmos.example/og-image.jpg" />
|
|
<meta property="og:image:width" content="1200" />
|
|
<meta property="og:image:height" content="630" />
|
|
<meta property="og:locale" content="de_CH" />
|
|
|
|
<!-- Twitter / X -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="atmos · Konzeptionelle Düfte" />
|
|
<meta
|
|
name="twitter:description"
|
|
content="Konzeptionelle Nischendüfte zwischen Materialität, Raum und Charakter."
|
|
/>
|
|
<meta name="twitter:image" content="https://atmos.example/og-image.jpg" />
|
|
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<link
|
|
rel="preload"
|
|
href="/fonts/questrial/questrial-latin.woff2"
|
|
as="font"
|
|
type="font/woff2"
|
|
crossorigin
|
|
/>
|
|
|
|
<!-- Preload LCP image of the landing hero -->
|
|
<link
|
|
rel="preload"
|
|
as="image"
|
|
href="/images/hero/768/blasse-seide-hero-product.webp"
|
|
imagesrcset="/images/hero/480/blasse-seide-hero-product.webp 480w, /images/hero/768/blasse-seide-hero-product.webp 768w, /images/hero/960/blasse-seide-hero-product.webp 960w, /blasse-seide-hero-product.webp 1078w"
|
|
imagesizes="(max-width: 760px) 92vw, (max-width: 1180px) 45vw, 768px"
|
|
fetchpriority="high"
|
|
/>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.jsx"></script>
|
|
</body>
|
|
</html>
|