chore: spacing, stucture fix

Author: sohez

src/app/components/Footer.tsx

@@ -7,7 +7,7 @@ import { GoMoveToTop } from "react-icons/go";
 
 const Footer = () => {
   return (
-    <footer className="w-full mt-35 bg-gray-950 p-4 shadow-[0_-10px_30px_rgba(3,7,18,0.45)] pb-14">
+    <footer className="w-full mt-35 bg-gray-950 p-4 shadow-[0_-10px_30px_rgba(3,7,18,0.45)] pb-14 pt-14">
       <div className="max-w-7xl mx-auto flex flex-col gap-3 justify-center items-center px-6 mb-3">
         <button
           title="go to top"
@@ -21,7 +21,7 @@ const Footer = () => {
             <h3 className="text-xl font-medium font-display flex gap-1">
               <Code2Icon /> SAYYED SOHEL
             </h3>
-            <p className="text-gray-500">
+            <p className="text-gray-500 text-center">
               Sayyed Sohel © {new Date().getFullYear()} Built with ❤️ by Sohel
               Sayyed
             </p>

src/app/components/home/Hero.tsx

@@ -15,14 +15,15 @@ const Hero = () => {
             className="grayscale-100 hover:grayscale-0 object-cover transition-transform duration-500 ease-in-out group-hover:scale-105"
           />
         </div>
-        <div className="flex flex-col justify-center items-center gap-8 max-w-3xl">
+        <div className="flex flex-col justify-center items-center gap-4 max-w-3xl">
+
           <div>
             <span>Hi, I&apos;m</span>
             <h1 className="font-display tracking-wide text-5xl font-bold text-gray-50">
               Sohel Sayyed
             </h1>
           </div>
-
+          <SkillsSlider />
           <div>
             <ul className="flex gap-3 justify-center items-center">
               <li className="hover:text-gray-50 hover:border-b-[0.5px] p-1">
@@ -45,7 +46,7 @@ const Hero = () => {
             feature-rich mobile app, or both!
           </p>
 
-          <SkillsSlider />
+          {/* <SkillsSlider /> */}
         </div>
       </div>
     </section>
@@ -59,7 +60,7 @@ export default Hero;
 const SkillsSlider = () => {
   return (
     <div className="flex gap-2 justify-center items-baseline">
-      <div>I am</div>
+      {/* <div>I am</div> */}
       <div className="slider">
         <div className="slides ">
           <div className="underline decoration-1 decoration-blue-500">Android Dev</div>