feat: added initial homepage text

M-Media-Group · Apr 25, 2024 · 1bf70f0 · 1bf70f0
1 parent be3f4fa
commit 1bf70f0
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -266,5 +266,7 @@
     "FAQ": "FAQ",
     "Situations Novu.Link saves you from": "Situations Novu.Link saves you from",
     "How Novu.Link does even more": "How Novu.Link does even more",
-    "What our customers say": "What our customers say"
+    "What our customers say": "What our customers say",
+    "Get started": "Get started",
+    "Permanent QR codes exist as long as we’re around, and we don’t plan on going anywhere anytime soon.": "Permanent QR codes exist as long as we’re around, and we don’t plan on going anywhere anytime soon."
 }
diff --git a/src/locales/fr.json b/src/locales/fr.json
@@ -266,5 +266,7 @@
     "FAQ": "FAQ",
     "Situations Novu.Link saves you from": "Situations où Novu.Link vous sauve",
     "How Novu.Link does even more": "Comment Novu.Link fait encore plus",
-    "What our customers say": "Ce que disent nos clients"
+    "What our customers say": "Ce que disent nos clients",
+    "Get started": "Commencer",
+    "Permanent QR codes exist as long as we’re around, and we don’t plan on going anywhere anytime soon.": "Les codes QR permanents existent tant que nous sommes là, et nous n'avons pas l'intention de partir de sitôt."
 }
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -140,6 +140,23 @@ const scrollToTop = () => {
       <p>{{ faq.answer }}</p>
     </details>
   </section>
+
+  <!-- Get started section -->
+  <section id="getStarted">
+    <hgroup>
+      <h2>{{ $t("Get started") }}</h2>
+      <p>
+        {{
+          $t(
+            "Permanent QR codes exist as long as we’re around, and we don’t plan on going anywhere anytime soon."
+          )
+        }}
+      </p>
+    </hgroup>
+    <card-element>
+      <create-redirect :autofocus="true"></create-redirect>
+    </card-element>
+  </section>
 </template>
 <style scoped>
 .hero-section {