Merge pull request #15 from AndronixApp/dev

proofread and added redirection for older links

Author: imprakharshukla

assets/images/logo_new_semi_fhd_dark.png

@@ -13,9 +13,13 @@
             {{ desc }} </p>
         </div>
         <div class="mt-5 flex items-center justify-center">
-          <primary-text-button @click="openLink(buttonLink)"
+          <primary-text-button v-if="!buttonInternalLink" :link="buttonLink"
                                :backgroundColor="buttonColor"
-                               label="Join now!" :textHoverColor="buttonColor"
+                               :label="buttonText ? buttonText: `Join now!`" :textHoverColor="buttonColor"
+          />
+          <primary-text-button v-else @click="$router.push(buttonInternalLink)"
+                               :backgroundColor="buttonColor"
+                               :label="buttonText ? buttonText: `Join now!`" :textHoverColor="buttonColor"
           />
           <!--          <button
                       class="w-1/2 px-3 py-2 rounded mt-6 text-white font-extrabold text-center transition ease-in-out duration-300 shadow-2xl transform hover:scale-105"
@@ -55,8 +59,12 @@ export default {
     },
     buttonLink: {
       type: String,
-      required: true
     },
+    buttonInternalLink: {
+      type: String,
+    }, buttonText: {
+      type: String,
+    }
   },
   name: 'CtaCard'
 }

components/base/ctaCard.vue

@@ -142,17 +142,22 @@
       <!--  Copyright and stuff    -->
       <div class="text-white text-center lg:justify-self-end lg:mt-8"
       >
-        <h3 class="font-extrabold text-3xl pb-8">andronix<strong class="text-primary-400">.app</strong></h3>
+        <!--        <h3 class="font-extrabold text-3xl pb-8">andronix<strong class="text-primary-400">.app</strong></h3>-->
+        <img
+          class="mx-auto w-48 lg:w-56 -m-3"
+          src="~assets/images/logo_new_semi_fhd_dark.png"
+          alt=""
+        />
+        <a href="https://devriz.com"
+           class="text-gray-400  text-sm">A
+          product of
+          <strong class="underline cursor-pointer text-gray-200">Devriz Technologies
+            LLP</strong></a>
         <p class="text-gray-400 text-sm">©{{ getCurrentYear() }} All rights reserved.</p>
-        <p class="text-gray-400 text-sm">A product of <strong class="underline cursor-pointer">Devriz Technologies
-          LLP</strong></p>
         <p class="mt-3 text-xs text-gray-400 w-10/12 text-center mx-auto">
-          Made with <a href="https://tailwindcss.com" class="underline font-bold text-gray-200"
-        >Tailwind</a>, <a href="https://nuxtjs.org" class="underline font-bold text-gray-200"
-        >NuxtJS</a> by <a
-          href="https://github.com/imprakharshukla"
-          class="underline font-bold text-gray-100"
-        >imprakharshukla</a> in 🇮🇳
+          Made with <a href="https://tailwindcss.com" class="underline font-bold text-gray-400"
+        >Tailwind</a>, <a href="https://nuxtjs.org" class="underline font-bold text-gray-400"
+        >NuxtJS</a>.
         </p>
       </div>
 

components/global/footer.vue

@@ -6,8 +6,7 @@
           <div class="flex-col text-white font-sans">
             <h2 class="font-extrabold text-primary">ANDRONIX</h2>
             <h2 class="font-bold text-4xl">Desktop Environments</h2>
-            <p class="text-sm mt-3">Do you like to have a customizable UI? We have most reknowned Desktop Environments to choose from so that
-              you always have an option to customize your desktop according to your needs. </p>
+            <p class="text-sm mt-3">Do you like to have a customizable UI? Then, we have the most prominent Window Managers to select from so that you can flex your Linux rice on Android. </p>
           </div>
         </div>
       </div>

components/landing/deLogoGrid.vue

@@ -6,9 +6,8 @@
           <div class="flex-col text-white font-sans">
             <h2 class="font-extrabold text-primary">ANDRONIX</h2>
             <h2 class="font-bold text-4xl">Distributions</h2>
-            <p class="text-sm mt-3">Ever thought of trying out new distros? We provide a large variety of distros to
-              choose from.
-              Just choose any of your favourite distro and you are ready to roll.
+            <p class="text-sm mt-3">Ever thought of trying out new distributions? We provide a large variety of
+              distribution to choose from. Just select any of your favorite distributions, and you are ready to roll.
             </p>
           </div>
         </div>

components/landing/distroLogoGrid.vue

@@ -6,8 +6,8 @@
           <div class="flex-col text-white font-sans">
             <h2 class="font-extrabold text-primary">ANDRONIX</h2>
             <h2 class="font-bold text-4xl">Window Managers</h2>
-            <p class="text-sm mt-3">Do you like to rice your setups and want to have a minimalistic and lightweight workspace? 
-              We have most prominent Window Managers to select from so that you can flex your Linux rice on Android. </p>
+            <p class="text-sm mt-3">Do you like to rice your setups and want to have a minimalistic and lightweight workspace?
+              Then, we have the most renowned Desktop Environments to choose from so that you always have an option to customize your desktop according to your needs. </p>
           </div>
         </div>
       </div>

components/landing/wmLogoGrid.vue

@@ -0,0 +1,30 @@
+export default function ({route, redirect}) {
+
+  let path = route.fullPath
+  /*removing any extra "/"*/
+  if (path.endsWith("/"))
+    path = path.slice(0, path.length - 1)
+
+  console.log("Redirecting the older link to the new version ✅")
+
+  switch (path) {
+    case "/commands":
+      return redirect('/products/commands')
+    case "/premium":
+      return redirect('/products/premium')
+    case "/premium-support":
+      return redirect('/products/premium')
+    case "/modded-os":
+      return redirect('/products/modded-os')
+    case "/refund-policy":
+      return redirect('/legal/refund-policy')
+    case "/privacy-policy":
+      return redirect('/legal/privacy-policy')
+    case "/terms-conditions":
+      return redirect('/legal/terms-conditions')
+    case "/restore-purchases/":
+      return redirect('/')
+    case "/modded-os-gallery":
+      return redirect('/products/modded-os')
+  }
+}

middleware/redirect.js

@@ -1,4 +1,7 @@
 export default {
+  router: {
+    middleware: 'redirect'
+  },
   generate: {
     fallback: true
   },
@@ -17,7 +20,7 @@ export default {
     ],
     title: 'Andronix App',
     meta: [
-      { charset: 'utf-8' },
+      {charset: 'utf-8'},
       {
         name: 'viewport',
         content: 'width=device-width, initial-scale=1'

nuxt.config.js

@@ -6,11 +6,9 @@
       >
         <Heading
           class="px-10"
-          heading="Who we are?"
+          heading="Who are we?"
           deco_heading="ANDRONIX"
-          sub_heading="We are developers from India who like to share our knowledge and try to deliver a platform to
-          mobile users to make them aware of the Linux kernel and distros, providing them a way to use desktop softwares on their Android devices.
-          We are really thankful to all our users and our additional team members for supporting us and bringing us to where we are today."
+          sub_heading="We are developers from India who like to share our knowledge and try to deliver a platform to mobile users to make them aware of the Linux kernel and distributions, providing them a way to use desktop software on their Android devices. We are really thankful to all our users and our additional team members for supporting us and bringing us to where we are today."
         />
 
         <primary-text-button label="TALK TO US" link="https://chat.andronix.app"/>
@@ -53,7 +51,7 @@
         <Heading
           heading="Our Team"
           deco_heading="MEET US"
-          sub_heading="Here's us. We have a specturm of poeple down here, from developers to community moderators to people who support us and much more."
+          sub_heading="Here we are. We have a spectrum of people down here, from developers to community moderators to people who support us and much more."
         />
 
         <div
@@ -98,33 +96,33 @@
           />
         </div>
 
-<!--        &lt;!&ndash; Special mentions &ndash;&gt;
-        <XyzTransition :appear-visible="true" duration="auto">
-          <div class="px-5 py-5 mt-16 pb-16">
-            <div
-              class="flex-col space-y-4"
-              xyz="fade flip-down duration-10 delay-2 stagger ease-out-back"
-            >
-              <h2 class="heading-2 xyz-nested">Special Mentions</h2>
-            </div>
-          </div>
-        </XyzTransition>
-        <div
-          class="grid-cols-1 md:grid-cols-2 grid gap-y-8 gap-x-4 justify-center items-center"
-        >
-          <TeamCard
-            class="justify-self-center"
-            :class="
-              index === 0 ? 'md:justify-self-end' : 'md:justify-self-start'
-            "
-            v-for="(member, index) in teams.specials"
-            :name="member.name"
-            :key="member.name"
-            :position="member.position"
-            :quote="member.quote"
-            :photo_url="member.photo_url"
-          />
-        </div>-->
+        <!--        &lt;!&ndash; Special mentions &ndash;&gt;
+                <XyzTransition :appear-visible="true" duration="auto">
+                  <div class="px-5 py-5 mt-16 pb-16">
+                    <div
+                      class="flex-col space-y-4"
+                      xyz="fade flip-down duration-10 delay-2 stagger ease-out-back"
+                    >
+                      <h2 class="heading-2 xyz-nested">Special Mentions</h2>
+                    </div>
+                  </div>
+                </XyzTransition>
+                <div
+                  class="grid-cols-1 md:grid-cols-2 grid gap-y-8 gap-x-4 justify-center items-center"
+                >
+                  <TeamCard
+                    class="justify-self-center"
+                    :class="
+                      index === 0 ? 'md:justify-self-end' : 'md:justify-self-start'
+                    "
+                    v-for="(member, index) in teams.specials"
+                    :name="member.name"
+                    :key="member.name"
+                    :position="member.position"
+                    :quote="member.quote"
+                    :photo_url="member.photo_url"
+                  />
+                </div>-->
       </div>
     </div>
   </XyzTransition>
@@ -139,7 +137,7 @@ import TeamCard from "~/components/teamCard";
 
 export default {
   components: {TeamCard, PrimaryTextButton, Heading},
-  head () {
+  head() {
     return {
       title: meta.about.title,
       meta: [{

pages/about.vue

@@ -10,7 +10,7 @@
       />
 
       <div
-        class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3 lg:max-w-screen-md mx-auto"
+        class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3 lg:max-w-screen-xl mx-auto"
       >
         <cta-card
           title="Discord"