feat: added features page

Author: mwargan

src/assets/undraw_features_overview_re_2w78.svg

@@ -125,6 +125,11 @@ const blur = () => {
           <li>
             <router-link to="/" @click="blur()">{{ $t("Home") }}</router-link>
           </li>
+          <li>
+            <router-link to="/features" @click="blur()">{{
+              $t("Features")
+            }}</router-link>
+          </li>
           <li>
             <router-link to="/pricing" @click="blur()">{{
               $t("Pricing")

src/components/NavBar.vue

@@ -297,5 +297,9 @@
     "Track property engagement with advanced QR codes": "Track property engagement with advanced QR codes",
     "Learn who is interacting with your property listings on display. Get insights into what is working and what isn't.": "Learn who is interacting with your property listings on display. Get insights into what is working and what isn't.",
     "Pricing that scales with you": "Pricing that scales with you",
-    "Cancel anytime. Start for free, no credit card required.": "Cancel anytime. Start for free, no credit card required."
+    "Cancel anytime. Start for free, no credit card required.": "Cancel anytime. Start for free, no credit card required.",
+    "Features": "Features",
+    "Feature": "Feature",
+    "Jam packed with features": "Jam packed with features",
+    "Across industries, our truly dynamic and automated QR codes are the best way to connect with your audience.": "Across industries, our truly dynamic and automated QR codes are the best way to connect with your audience."
 }

src/locales/en.json

@@ -297,5 +297,9 @@
     "Track property engagement with advanced QR codes": "Suivez l'engagement des biens immobiliers avec des codes QR avancés",
     "Learn who is interacting with your property listings on display. Get insights into what is working and what isn't.": "Découvrez qui interagit avec vos annonces immobilières sur écran. Obtenez des informations sur ce qui fonctionne et ce qui ne fonctionne pas.",
     "Pricing that scales with you": "Tarification qui évolue avec vous",
-    "Cancel anytime. Start for free, no credit card required.": "Annulez à tout moment. Commencez gratuitement, sans carte de crédit."
+    "Cancel anytime. Start for free, no credit card required.": "Annulez à tout moment. Commencez gratuitement, sans carte de crédit.",
+    "Features": "Fonctionnalités",
+    "Feature": "Fonctionnalité",
+    "Jam packed with features": "Plein de fonctionnalités",
+    "Across industries, our truly dynamic and automated QR codes are the best way to connect with your audience.": "Dans tous les secteurs, nos codes QR vraiment dynamiques et automatisés sont le meilleur moyen de se connecter avec votre public."
 }

src/locales/fr.json

@@ -28,6 +28,16 @@ const router = createRouter({
       },
       component: () => import("../views/PricingView.vue"),
     },
+    {
+      path: "/features",
+      name: "features",
+      meta: {
+        // Notice how we pass the translation key rather than the actual string. This is because Vue Router will cache our meta, so if we just passed the translated string it would not update on language change.
+        title: "Features",
+        scrollPosition: { top: 0, left: 0 },
+      },
+      component: () => import("../views/FeaturesView.vue"),
+    },
     {
       path: "/industries/restaurants",
       name: "industries/restaurants",