diff --git a/public/apple-touch-icon-152x152.svg b/public/apple-touch-icon-152x152.svg
new file mode 100644
index 0000000..cc4d207
--- /dev/null
+++ b/public/apple-touch-icon-152x152.svg
@@ -0,0 +1,11 @@
+
diff --git a/public/apple-touch-icon-180x180.svg b/public/apple-touch-icon-180x180.svg
new file mode 100644
index 0000000..720a713
--- /dev/null
+++ b/public/apple-touch-icon-180x180.svg
@@ -0,0 +1,11 @@
+
diff --git a/public/apple-touch-icon167x167.svg b/public/apple-touch-icon167x167.svg
new file mode 100644
index 0000000..e38fe03
--- /dev/null
+++ b/public/apple-touch-icon167x167.svg
@@ -0,0 +1,11 @@
+
diff --git a/public/favicon-16x16.svg b/public/favicon-16x16.svg
new file mode 100644
index 0000000..29f0135
--- /dev/null
+++ b/public/favicon-16x16.svg
@@ -0,0 +1,11 @@
+
diff --git a/public/favicon-32x32.svg b/public/favicon-32x32.svg
new file mode 100644
index 0000000..1574441
--- /dev/null
+++ b/public/favicon-32x32.svg
@@ -0,0 +1,11 @@
+
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..248ce04
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/next.svg b/public/next.svg
deleted file mode 100644
index 5174b28..0000000
--- a/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/public/social-image.png b/public/social-image.png
new file mode 100644
index 0000000..d2863dd
Binary files /dev/null and b/public/social-image.png differ
diff --git a/public/social-og.png b/public/social-og.png
new file mode 100644
index 0000000..b58dbf9
Binary files /dev/null and b/public/social-og.png differ
diff --git a/public/social-twitter.png b/public/social-twitter.png
new file mode 100644
index 0000000..d2863dd
Binary files /dev/null and b/public/social-twitter.png differ
diff --git a/public/tldraw-lockup.svg b/public/tldraw-lockup.svg
new file mode 100644
index 0000000..5192128
--- /dev/null
+++ b/public/tldraw-lockup.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index d2f8422..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
deleted file mode 100644
index 718d6fe..0000000
Binary files a/src/app/favicon.ico and /dev/null differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 06743c8..c5371a8 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,9 +4,65 @@ import './globals.css'
const inter = Inter({ subsets: ['latin'] })
+const TITLE = 'draw fast • tldraw'
+const DESCRIPTION = 'Draw a picture (fast) with tldraw'
+const TWITTER_HANDLE = '@tldraw'
+const TWITTER_CARD = 'social-twitter.png'
+const FACEBOOK_CARD = 'social-og.png'
+const THEME_COLOR = '#FFFFFF'
+const SITE_URL = 'https://drawfast.tldraw.com'
+
export const metadata: Metadata = {
- title: 'draw fast',
- description: 'Draw a picture (fast) with tldraw',
+ metadataBase: new URL(SITE_URL),
+ title: {
+ default: TITLE,
+ template: `%s • ${TITLE}`,
+ },
+ description: DESCRIPTION,
+ openGraph: {
+ title: TITLE,
+ description: DESCRIPTION,
+ siteName: TITLE,
+ type: 'website',
+ url: SITE_URL,
+ images: FACEBOOK_CARD,
+ },
+ twitter: {
+ creator: TWITTER_HANDLE,
+ description: DESCRIPTION,
+ card: 'summary_large_image',
+ images: TWITTER_CARD,
+ },
+ applicationName: TITLE,
+ appleWebApp: {
+ capable: true,
+ title: TITLE,
+ statusBarStyle: 'black',
+ },
+ formatDetection: {
+ telephone: false,
+ },
+ icons: [
+ { rel: 'shortcut icon', url: '/favicon.svg' },
+ { rel: 'icon', url: 'favicon-32x32.png', sizes: '32x32' },
+ { rel: 'icon', url: 'favicon-16x16.png', sizes: '16x16' },
+ { rel: 'apple-touch-icon', url: 'touch-icon-iphone.png' },
+ {
+ rel: 'apple-touch-icon',
+ url: 'apple-touch-icon-152x152.png',
+ sizes: '152x152',
+ },
+ {
+ rel: 'apple-touch-icon',
+ url: 'apple-touch-icon-180x180.png',
+ sizes: '180x180',
+ },
+ {
+ rel: 'apple-touch-icon',
+ url: 'apple-touch-icon-167x167.png',
+ sizes: '167x167',
+ },
+ ],
}
export default function RootLayout({ children }: { children: React.ReactNode }) {