From ccaccc9d79e502ce238000c402d726ccb8fafbef Mon Sep 17 00:00:00 2001
From: Felix Angelov <felix@shorebird.dev>
Date: Wed, 15 Nov 2023 11:14:48 -0600
Subject: [PATCH] feat: improve SEO

---
 src/components/Hero.tsx      | 11 ++++++-----
 src/config.ts                |  1 +
 src/layouts/MainLayout.astro |  6 ++++--
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index ce826ba2..8897692c 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -13,12 +13,13 @@ export const Hero = () => {
           transition={{ duration: 0.5, delay: 0 }}
         >
           <div className="text-7xl lg:text-8xl xl:text-8xl font-extrabold tracking-wide text-white px-8 sm:px-8 md:px-20 lg:px-4 sm:mt-32 mt-16">
-            <div className="text-7xl lg:text-8xl xl:text-8xl font-extrabold tracking-wide text-white px-8 sm:px-8 md:px-20 lg:px-4">
+            <h1 className="text-7xl lg:text-8xl xl:text-8xl font-extrabold tracking-wide text-white px-8 sm:px-8 md:px-20 lg:px-4">
               <span className="">Flutter</span>
-            </div>
-            <span className="bg-gradient-to-r text-transparent bg-clip-text from-blue-400 to-orange-500 via-purple-500 animate-gradient-xy inline">
-              Code Push
-            </span>
+              <br />
+              <span className="bg-gradient-to-r text-transparent bg-clip-text from-blue-400 to-orange-500 via-purple-500 animate-gradient-xy inline">
+                Code Push
+              </span>
+            </h1>
           </div>
         </motion.div>
       </div>
diff --git a/src/config.ts b/src/config.ts
index c0727cfe..c085ab57 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -1,5 +1,6 @@
 export const config = {
   app: 'Shorebird',
+  tagline: 'Build and deploy amazing multi-platform experiences with Flutter',
   discordUrl: 'https://discord.gg/shorebird',
   githubUrl: 'https://github.com/shorebirdtech/shorebird',
   twitterUrl: 'https://twitter.com/shorebirddev',
diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
index 534af3e2..d3f23858 100644
--- a/src/layouts/MainLayout.astro
+++ b/src/layouts/MainLayout.astro
@@ -6,6 +6,8 @@ import '@fontsource/inter/700.css';
 import '@fontsource/inter/800.css';
 import '@fontsource/inter/900.css';
 
+import { config } from '../config';
+
 export interface Props {
   title: string;
 }
@@ -20,8 +22,8 @@ const { title } = Astro.props;
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
-    <meta name="description" content="Code Push for Flutter" />
-    <meta property="og:description" content="Code Push for Flutter" />
+    <meta name="description" content={config.tagline} />
+    <meta property="og:description" content={config.tagline} />
     <meta property="og:image" content="/open-graph.png" />
     <meta property="og:url" content="https://shorebird.dev" />
     <meta name="twitter:image" content="/open-graph.png" />