diff --git a/apps/waitlist-website/app/root.tsx b/apps/waitlist-website/app/root.tsx index d5ef302..6c4498a 100644 --- a/apps/waitlist-website/app/root.tsx +++ b/apps/waitlist-website/app/root.tsx @@ -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 ( diff --git a/apps/waitlist-website/app/routes/home.tsx b/apps/waitlist-website/app/routes/home.tsx index 4cbb08d..a45fd96 100644 --- a/apps/waitlist-website/app/routes/home.tsx +++ b/apps/waitlist-website/app/routes/home.tsx @@ -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" }, ] } diff --git a/apps/waitlist-website/public/favicon-dark.svg b/apps/waitlist-website/public/favicon-dark.svg new file mode 100644 index 0000000..c46f510 --- /dev/null +++ b/apps/waitlist-website/public/favicon-dark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/waitlist-website/public/favicon-light.svg b/apps/waitlist-website/public/favicon-light.svg new file mode 100644 index 0000000..1c52473 --- /dev/null +++ b/apps/waitlist-website/public/favicon-light.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/waitlist-website/public/favicon.ico b/apps/waitlist-website/public/favicon.ico deleted file mode 100644 index 5dbdfcd..0000000 Binary files a/apps/waitlist-website/public/favicon.ico and /dev/null differ diff --git a/apps/waitlist-website/public/social-media-preview.png b/apps/waitlist-website/public/social-media-preview.png new file mode 100644 index 0000000..668713b Binary files /dev/null and b/apps/waitlist-website/public/social-media-preview.png differ