refactor: update all modules to latest version

app/globals.css

@@ -3,9 +3,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 html {
 	font-size: 17px !important;
@@ -64,6 +62,7 @@ span {
 li {
 	@apply list-none relative;
 }
+
 li.active:after {
 	content: "";
 	position: absolute;

package.json

@@ -3,36 +3,37 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbo",
+    "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
     "generate-sitemap": "node generate-sitemap.js"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.2",
-    "@fortawesome/free-brands-svg-icons": "^6.4.2",
-    "@fortawesome/free-regular-svg-icons": "^6.4.2",
-    "@fortawesome/free-solid-svg-icons": "^6.4.2",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@fullpage/react-fullpage": "^0.1.40",
-    "@vercel/analytics": "^1.0.2",
-    "autoprefixer": "10.4.15",
-    "eslint": "8.48.0",
-    "eslint-config-next": "13.4.19",
-    "framer-motion": "^10.16.2",
-    "next": "13.4.19",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-brands-svg-icons": "^6.7.2",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@fullpage/react-fullpage": "^0.1.48",
+    "@tailwindcss/postcss": "^4.0.14",
+    "@vercel/analytics": "^1.5.0",
+    "eslint": "9.22.0",
+    "eslint-config-next": "15.2.3",
+    "framer-motion": "^12.5.0",
+    "next": "15.2.3",
     "nprogress": "^0.2.0",
-    "postcss": "8.4.28",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "sharp": "^0.32.5",
-    "sitemap": "^7.1.1",
-    "swr": "^2.2.2",
-    "tailwindcss": "3.3.3"
+    "postcss": "^8.5.3",
+    "prop-types": "^15.8.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "sharp": "^0.33.5",
+    "sitemap": "^8.0.0",
+    "swr": "^2.3.3",
+    "tailwindcss": "^4.0.14"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^13.4.19",
+    "@next/bundle-analyzer": "15.2.3",
     "cross-env": "^7.0.3"
   }
 }

postcss.config.js

@@ -1,6 +1,6 @@
-module.exports = {
+const config = {
 	plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
+		"@tailwindcss/postcss": {},
 	},
-}
+};
+export default config;

tailwind.config.js

@@ -1,12 +1,14 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  important: true,
 	content: [
-    './pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
+		"./pages/**/*.{js,ts,jsx,tsx,mdx}",
+		"./components/**/*.{js,ts,jsx,tsx,mdx}",
+		"./app/**/*.{js,ts,jsx,tsx,mdx}",
 	],
 	theme: {
+		extend: {
+			// ...existing code...
+		},
 	},
 	plugins: [],
-}
+};