diff --git a/www/pages/index.tsx b/www/pages/index.tsx
index 8aaefc72ef6..e79bda3b369 100644
--- a/www/pages/index.tsx
+++ b/www/pages/index.tsx
@@ -15,12 +15,30 @@ type Props = {
   
 }
 
+const site_title = `The Open Source Firebase Alternative | ${APP_NAME}`
+const site_description = `Create your new project backend in less than 2 minutes with easy to use Postgres Database and Authentication`
+
 const Index = ({  }: Props) => {
   return (
     <>
       <Layout>
         <Head>
-          <title>{APP_NAME}</title>
+          <title>The Open Source Firebase Alternative | {site_title}</title>
+          <meta name="description" content={site_description} />
+          <meta property="og:type" content="website" />
+          <meta name="og:title" property="og:title" content={site_title} />
+          <meta name="og:description" property="og:description" content={site_description} />
+          <meta property="og:site_name" content="" />
+          <meta property="og:url" content="/public/og/og-image.jpg" />
+          <meta name="twitter:card" content="summary" />
+          <meta name="twitter:title" content="" />
+          <meta name="twitter:description" content={site_description} />
+          <meta name="twitter:site" content={site_title} />
+          <meta name="twitter:creator" content="supabase_io" />
+          <link rel="icon" type="image/png" href="/public/favicon/favicon.ico" />
+          <link rel="apple-touch-icon" href="/public/favicon/favicon.ico" />
+          <meta property="og:image" content="/public/og/og-image.jpg" />
+          <meta name="twitter:image" content="/public/og/og-image.jpg" />
         </Head>
         <Container>
           <Hero />
diff --git a/www/public/og/og-image.jpg b/www/public/og/og-image.jpg
new file mode 100644
index 00000000000..7c10220bf58
Binary files /dev/null and b/www/public/og/og-image.jpg differ