feat[waitlist]: seo and preview stuff

This commit is contained in:
2026-03-08 01:09:05 +00:00
parent dd868ec362
commit bd7055af29
6 changed files with 46 additions and 2 deletions

View File

@@ -16,8 +16,34 @@ export const links: Route.LinksFunction = () => [
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
},
{
rel: "icon",
href: "/favicon-light.svg",
type: "image/svg+xml",
media: "(prefers-color-scheme: light)",
},
{
rel: "icon",
href: "/favicon-dark.svg",
type: "image/svg+xml",
media: "(prefers-color-scheme: dark)",
},
]
export const meta: Route.MetaFunction = () => {
return [
{ property: "og:title", content: "Page Title" },
{ property: "og:description", content: "Page description" },
{ property: "og:image", content: "https://example.com/og-image.png" },
{ property: "og:url", content: "https://example.com" },
{ property: "og:type", content: "website" },
{ name: "twitter:card", content: "summary_large_image" },
{ name: "twitter:title", content: "Page Title" },
{ name: "twitter:description", content: "Page description" },
{ name: "twitter:image", content: "https://example.com/og-image.png" },
]
}
export function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">

View File

@@ -22,10 +22,26 @@ import { ProgressiveBlur } from "~/components/progressive-blur"
import type { Route } from "./+types/home"
const PAGE_TITLE = "Aelis - Next Generation AI Assistant"
const PAGE_DESCRIPTION =
"Meet Aelis, a personal assistant that stays one step ahead of your day. Join the waitlist now."
export function meta({}: Route.MetaArgs) {
return [
{ title: "New React Router App" },
{ name: "description", content: "Welcome to React Router!" },
{ title: PAGE_TITLE },
{
name: "description",
content: PAGE_DESCRIPTION,
},
{ property: "og:title", content: PAGE_TITLE },
{ property: "og:description", content: PAGE_DESCRIPTION },
{ property: "og:image", content: "https://ael.is/social-media-preview.png" },
{ property: "og:url", content: "https://ael.is" },
{ property: "og:type", content: "website" },
{ name: "twitter:card", content: "summary_large_image" },
{ name: "twitter:title", content: PAGE_TITLE },
{ name: "twitter:description", content: PAGE_DESCRIPTION },
{ name: "twitter:image", content: "https://ael.is/social-media-preview.png" },
]
}