added sideBar animations and edited contact page.

Author: imprakharshukla

components/global/sideBar.vue

@@ -54,7 +54,7 @@
         <div v-for="(items, index) in menu" :key="items.color">
           <hr v-if="index !== 0" class="border-dashed border-t-1 mr-3 my-4 border-opacity-50 border-gray-700">
           <div
-            class="cursor-pointer text-white flex space-x-6 items-center px-2"
+            class="cursor-pointer text-white flex space-x-6 items-center px-2 hover:translate-x-2 transform transition duration-200 ease-in-out"
             @click="$store.commit('drawer/toggleDrawer')"
           >
             <div>

pages/contact.vue

@@ -11,7 +11,7 @@
           sub_heading="Facing any issues? We are here to help you with all your queries and issues."
         />
       </div>
-      <div class="grid px-12 md:px-24 grid-cols-1 md:grid-cols-2 pb-16 md:pb-24 lg:grid-cols-4 justify-center items-center gap-5">
+      <div class="grid px-12 md:px-24 grid-cols-2 pb-16 md:pb-24 justify-center items-center gap-5">
         <cta-card
           v-for="platform in contact" :key="platform.color"
           :title="platform.param"

static/data/misc/contact.json

@@ -1,13 +1,5 @@
 {
   "platforms": [
-    {
-      "param": "Address",
-      "value": "555 Kha/ 29, Bhola Khera, Lucknow, Uttar Pradesh, India.",
-      "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"fill-current text-primary-400 h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n  <path fill-rule=\"evenodd\" d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\" />\n</svg>",
-      "color": "bg-primary-400",
-      "link": "https://goo.gl/maps/fXrRxv1zRRdLSjcc9",
-      "ctaText": "Locate us!"
-    },
     {
       "param": "Email",
       "value": "Reach out to us at [email protected]",
@@ -16,14 +8,6 @@
       "link": "mailto:[email protected]",
       "ctaText": "Reach out!"
     },
-    {
-      "param": "Phone",
-      "value": "Schedule a call with us at +91 (8957088116)",
-      "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"fill-current text-purple-400 h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n  <path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z\" />\n</svg>",
-      "color": "bg-purple-400",
-      "link": "tel:+91 (8957088116)",
-      "ctaText": "Schedule a call!"
-    },
     {
       "param": "Discord",
       "value": "Get help from our 8500+ community members.",

tailwind.config.js

@@ -10,7 +10,7 @@ module.exports = {
         '-rotate-3', 'rotate-2', '-rotate-3', 'rotate-3', 'from-violet', 'to-primary-500', 'bg-gradient-to-r', 'from-blue-700', 'to-blue-400', 'from-purple-700', 'to-pink-900', 'from-yellow-600', 'to-red-600',
         'bg-primary-400', 'bg-purple-600', 'text-teal-400', 'bg-blue-400', 'bg-purple-400', 'bg-green-400', 'bg-indigo-400', 'bg-pink-400', 'bg-red-400', 'w-10', 'w-6', 'stroke-current',
         'text-primary-400', 'text-blue-400', 'text-purple-400', 'text-green-400', 'text-indigo-400', 'text-pink-400', 'text-red-400'
-        , 'text-pink-400', 'text-indigo-400', 'text-blue-400', 'text-teal-400', 'text-primary-400', 'text-purple-400', 'text-green-400'
+        , 'text-pink-400', 'text-indigo-400', 'text-blue-400', 'text-teal-400', 'text-primary-400', 'text-purple-400', 'text-green-400', 'text-cyan-400'
       ]
     }
   },

yarn.lock

@@ -3580,9 +3580,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001164, caniuse-lite@^1.0.30001173:
-  version "1.0.30001180"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001180.tgz"
-  integrity sha512-n8JVqXuZMVSPKiPiypjFtDTXc4jWIdjxull0f92WLo7e1MSi3uJ3NvveakSh/aCl1QKFAvIz3vIj0v+0K+FrXw==
+  version "1.0.30001267"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001267.tgz"
+  integrity sha512-r1mjTzAuJ9W8cPBGbbus8E0SKcUP7gn03R14Wk8FlAlqhH9hroy9nLqmpuXlfKEw/oILW+FGz47ipXV2O7x8lg==
 
 caseless@~0.12.0:
   version "0.12.0"