Feature/projects

.gitignore

@@ -22,3 +22,8 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Environment variables
+.env
+.env.local
+.env.production

package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@hcaptcha/react-hcaptcha": "^1.14.0",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
@@ -30,6 +31,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.34.0",
+    "@tailwindcss/postcss": "^4.1.14",
     "@types/node": "^24.3.0",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",

postcss.config.js

@@ -1,6 +1,6 @@
 export default {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/postcss': {},
     autoprefixer: {},
   },
 }

src/assets/css/index.css

@@ -1,6 +1,5 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
 
 @keyframes float-slow {
   0%,
@@ -200,13 +199,13 @@ pre[class*="language-"] {
   }
 }
 
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
+* {
+  border-color: hsl(var(--color-border));
+}
+
+body {
+  background-color: hsl(var(--color-background));
+  color: hsl(var(--color-foreground));
 }
 /* Add these classes to adjust the grid colors in the top-left and bottom-right */
 .top-left-grid {

src/components/globe.jsx

@@ -1,36 +1,36 @@
 import IconCloud from "./ui/icon-cloud";
 
 const slugs = [
-  "typescript",
   "javascript",
-  "dart",
-  "java",
+  "php",
+  "mysql",
   "react",
-  "flutter",
-  "android",
+  "sass",
+  "laravel",
   "html5",
-  "css3",
-  "nodedotjs",
-  "express",
-  "nextdotjs",
-  "prisma",
-  "amazonaws",
-  "postgresql",
+  "css",
+  "vuedotjs",
+  "codeigniter",
+  "firebase",
+  "tailwindcss",
+  "vite",
   "firebase",
   "nginx",
   "vercel",
-  "testinglibrary",
-  "jest",
-  "cypress",
-  "docker",
+  "cpanel",
+  "paypal",
+  "postman",
   "git",
-  "jira",
+  "notion",
   "github",
   "gitlab",
-  "visualstudiocode",
-  "androidstudio",
-  "sonarqube",
+  "jquery",
+  "wordpress",
+  "bootstrap",
   "figma",
+  "vuetify",
+  "clickup",
+  "visa"
 ];
 
 function IconCloudDemo() {