feat: improve SEO (#51)

shorebirdtech · Nov 15, 2023 · 1e3c851 · 1e3c851
1 parent f5269ad
commit 1e3c851
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git 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
@@ -1,5 +1,7 @@
 export const config = {
   app: 'Shorebird',
+  tagline:
+    'Use code push for Flutter to deliver instant updates to all devices. Patch issues in your iOS or Android Flutter apps instantly.',
   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
@@ -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" />