more modifications

assets/css/tailwind.css

@@ -16,3 +16,29 @@
     @apply text-xl;
   }
 }
+
+@layer utilities {
+  .perspective {
+    perspective: 100px;
+  }
+
+  .preserve-3d {
+    transform-style: preserve-3d;
+  }
+
+  .distance-1 {
+    transform: translateZ(-50px) scale(1.5);
+  }
+
+  .distance-2 {
+    transform: translateZ(-100px) scale(2);
+  }
+
+  .distance-3 {
+    transform: translateZ(-150px) scale(2.5);
+  }
+
+  .-distance-1 {
+    transform: translateZ(50px) scale(0.5);
+  }
+}

nuxt.config.ts

@@ -6,5 +6,19 @@ export default defineNuxtConfig({
     "nuxt-icon",
     "nuxt-icons",
     "@nuxtjs/robots",
+    "@nuxtjs/i18n",
   ],
+  i18n: {
+    baseUrl: 'https://xeovalyte.com',
+    locales: [
+      { code: 'en', iso: 'en-US', isCatchallLocale: true },
+      { code: 'nl', iso: 'nl-NL'},
+    ],
+    defaultLocale: 'en',
+    detectBrowserLanguage: {
+      useCookie: true,
+      cookieKey: 'i18n_redirected',
+      redirectOn: 'root',
+    }
+  },
 });

package.json

@@ -17,7 +17,10 @@
     "prettier-plugin-tailwindcss": "^0.2.2"
   },
   "dependencies": {
+    "@nuxtjs/i18n": "^8.0.0-beta.9",
     "@nuxtjs/robots": "^3.0.0",
+    "locomotive-scroll": "^4.1.4",
+    "motion": "^10.15.5",
     "nuxt-icons": "^3.1.0"
   }
 }

tsconfig.json

@@ -1,4 +1,5 @@
 {
   // https://v3.nuxtjs.org/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json"
+  "extends": "./.nuxt/tsconfig.json",
+  "allowJs": true
 }