Fix SEO tags

Author: AchoArnold

web/nuxt.config.js

@@ -30,6 +30,17 @@ export default {
         name: 'og:title',
         content: 'HTTP SMS - Convert your android phone into an SMS Gateway.',
       },
+      {
+        hid: 'twitter:title',
+        name: 'twitter:title',
+        content: 'HTTP SMS - Convert your android phone into an SMS Gateway.',
+      },
+      {
+        hid: 'twitter:description',
+        name: 'twitter:description',
+        content:
+          'Use your android phone to send and receive SMS messages using a simple HTTP API.',
+      },
       {
         hid: 'og:description',
         name: 'og:description',
@@ -41,6 +52,11 @@ export default {
         name: 'og:image',
         content: 'https://httpsms.com/header.png',
       },
+      {
+        hid: 'twitter:image',
+        name: 'twitter:image',
+        content: 'https://httpsms.com/header.png',
+      },
     ],
     link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
   },

web/pages/index.vue

@@ -1,6 +1,36 @@
 <template>
   <div>
-    <fixed-header></fixed-header>
+    <v-app-bar elevation="0" color="#121212" height="70" fixed>
+      <v-container>
+        <v-row>
+          <v-col class="w-full d-flex">
+            <nuxt-link
+              :to="{ name: 'index' }"
+              class="text--primary text-h4 text-decoration-none"
+              :class="{
+                'mt-5': $vuetify.breakpoint.mdAndDown,
+                'mt-4': !$vuetify.breakpoint.mdAndDown,
+              }"
+            >
+              <v-avatar v-if="$vuetify.breakpoint.lgAndUp" tile size="30">
+                <v-img contain :src="require('@/assets/img/logo.svg')"></v-img>
+              </v-avatar>
+              HTTP SMS
+            </nuxt-link>
+            <v-spacer></v-spacer>
+            <v-btn
+              exact-path
+              class="primary mt-5 mb-5"
+              :large="$vuetify.breakpoint.lgAndUp"
+              :to="{ name: 'login' }"
+            >
+              Get Started
+              <span v-if="$vuetify.breakpoint.lgAndUp">&nbsp;For Free</span>
+            </v-btn>
+          </v-col>
+        </v-row>
+      </v-container>
+    </v-app-bar>
     <v-container class="pb-16">
       <v-row :class="{ 'py-16': $vuetify.breakpoint.lgAndUp }">
         <v-col