Removed skills from hero bc i don't like them

src/components/home/SkillsSection.tsx

@@ -52,8 +52,22 @@ export function SkillsSection() {
       viewport={{ once: true }}
     >
       <div className="container mx-auto px-6">
+        {/* Section Header */}
+        <motion.div className="max-w-2xl mb-16" variants={fadeInUp}>
+          <span className="text-accent text-sm font-medium uppercase tracking-wider">
+            Expertise
+          </span>
+          <h2 className="text-3xl md:text-4xl font-bold text-foreground mt-2 mb-4">
+            Technical Experience
+          </h2>
+          <p className="text-muted-foreground">
+            From low-level systems programming to modern web development, I have
+            many years of experience.
+          </p>
+        </motion.div>
+
         {/* Stats */}
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-6 mb-20">
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
           {stats.map((stat, index) => (
             <motion.div
               key={stat.label}
@@ -68,60 +82,6 @@ export function SkillsSection() {
             </motion.div>
           ))}
         </div>
-
-        {/* Section Header */}
-        <motion.div className="max-w-2xl mb-16" variants={fadeInUp}>
-          <span className="text-accent text-sm font-medium uppercase tracking-wider">
-            Expertise
-          </span>
-          <h2 className="text-3xl md:text-4xl font-bold text-foreground mt-2 mb-4">
-            Technical Skills
-          </h2>
-          <p className="text-muted-foreground">
-            From low-level systems programming to modern web development, I
-            bring a diverse skill set to every project.
-          </p>
-        </motion.div>
-
-        {/* Skills Grid */}
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-          {skills.map((category, categoryIndex) => (
-            <motion.div
-              key={category.category}
-              className="glass-card rounded-2xl p-6"
-              variants={fadeInUp}
-              custom={categoryIndex * 0.15}
-            >
-              <h3 className="text-lg font-semibold text-foreground mb-6 flex items-center gap-2">
-                <span className="w-2 h-2 rounded-full bg-accent" />
-                {category.category}
-              </h3>
-              <div className="space-y-4">
-                {category.items.map((skill) => (
-                  <div key={skill.name}>
-                    <div className="flex justify-between text-sm mb-2">
-                      <span className="text-foreground font-medium">
-                        {skill.name}
-                      </span>
-                      <span className="text-muted-foreground">
-                        {skill.level}%
-                      </span>
-                    </div>
-                    <div className="h-1.5 bg-secondary rounded-full overflow-hidden">
-                      <motion.div
-                        className="h-full bg-accent rounded-full"
-                        initial={{ width: 0 }}
-                        whileInView={{ width: `${skill.level}%` }}
-                        transition={{ duration: 1, ease: "easeOut" }}
-                        viewport={{ once: true }}
-                      />
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </motion.div>
-          ))}
-        </div>
       </div>
     </motion.section>
   );