feat: tabs and video background

Author: mo9a7i

next.config.ts

@@ -1,4 +1,5 @@
 import type { NextConfig } from 'next'
+import path from 'path';
 
 const config: NextConfig = {
   output: 'export',
@@ -7,6 +8,11 @@ const config: NextConfig = {
   },
   assetPrefix: process.env.NODE_ENV === 'production' ? '/' : '/',
   trailingSlash: true,
+  webpack: (config) => {
+    config.resolve.alias['@radix-ui/react-tabs'] = path.resolve(__dirname, 'node_modules/@radix-ui/react-tabs');
+    return config;
+  },
+
 }
 
 export default config

package.json

@@ -3,28 +3,26 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"
   },
   "dependencies": {
+    "@maptiler/sdk": "^3.0.1",
     "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-tabs": "^1.1.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "leaflet": "^1.9.4",
+    "framer-motion": "^12.1.0",
     "lucide-react": "^0.474.0",
-    "mapbox-gl": "^3.9.4",
     "next": "15.1.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-leaflet": "^5.0.0",
     "tailwind-merge": "^3.0.1",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@types/leaflet": "^1.9.16",
-    "@types/mapbox-gl": "^3.4.1",
     "@types/node": "^20.17.16",
     "@types/react": "^19",
     "@types/react-dom": "^19",