feat(web): Add landing page

This commit is contained in:
Wanjohi
2025-07-21 17:55:55 +03:00
parent 43103e2914
commit 9cf3ad5397
7 changed files with 466 additions and 37 deletions

View File

@@ -1,18 +1,18 @@
---
import '../styles/global.css';
import "../styles/global.css";
import "@fontsource/geist-sans/400.css";
import "@fontsource/geist-sans/500.css";
import "@fontsource/geist-sans/600.css";
import "@fontsource/geist-sans/700.css";
import "@fontsource/geist-sans/800.css";
import "@fontsource/geist-sans/900.css";
import '@fontsource-variable/geist-mono';
import "@fontsource-variable/geist-mono";
---
<!doctype html>
<html class="dark" lang="en">
<head>
<meta charset="utf-8" />
<head>
<meta charset="utf-8" />
<meta name="color-scheme" content="dark light" />
<meta
name="theme-color"
@@ -24,42 +24,32 @@ import '@fontsource-variable/geist-mono';
media="(prefers-color-scheme: dark)"
content="hsl(0 0% 4%);"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/favicon-16x16.png"
/>
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>Nestri</title>
</head>
<body class="bg-background-200 text-gray-1000" >
<noscript>You need to enable JavaScript to see this website.</noscript>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>Nestri - Stream apps and games from the cloud</title>
</head>
<body class="bg-background-200 text-gray-1000">
<slot />
</body>
</body>
</html>
<style>
*,*:before,*:after {
*,
*:before,
*:after {
box-sizing: border-box;
}
html,
html,
body {
padding:0;
margin: 0;
width: 100%;
height: 100%;
text-rendering: optimizeLegibility;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
text-rendering: optimizeLegibility;
text-size-adjust: 100%;
font-family: "Geist Sans", sans-serif;
-webkit-font-smoothing: antialiased;
}
-webkit-font-smoothing: antialiased;
}
</style>