From e4d7efa25b925c6cf9ed1f35fb8d34315609d289 Mon Sep 17 00:00:00 2001
From: Mr-AXEL01 <abdelhak20azur02@gmail.com>
Date: Tue, 30 Jul 2024 14:36:41 +0100
Subject: [PATCH 1/2] fix position of animated indice

---
 src/components/Hero.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index c9aba94..a7c2c9b 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -26,7 +26,7 @@ const Hero = () => {
         </div>
       </div>
       <ComputersCanvas />
-      <div className="absolute xs:bottom-10 bottom-32 w-full flex justify-center items-center">
+      <div className="absolute xs:bottom-2 bottom-32 w-full flex justify-center items-center">
         <a href="#about">
           <div className="w-[35px] h-[64px] rounded-3xl border-4 border-secondary flex justify-center items-start p-2">
             <motion.dev

From 7f8109f14bb7f9930012e27cc5b4110a565a20de Mon Sep 17 00:00:00 2001
From: Mr-AXEL01 <abdelhak20azur02@gmail.com>
Date: Tue, 30 Jul 2024 14:46:51 +0100
Subject: [PATCH 2/2] handle the positition of the header and my description

---
 src/components/Hero.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index a7c2c9b..69353cc 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -6,7 +6,7 @@ import { ComputersCanvas } from './canvas';
 const Hero = () => {
   return (
     <section className="relative w-full h-screen mx-auto">
-      <div className={`${styles.paddingX} absolute inset-0 top-[120px] max-w-7xl mx-auto flex flex-row items-start gap-5`}>
+      <div className={`${styles.paddingX} absolute inset-0 top-[100px] max-w-7xl mx-auto flex flex-row items-start gap-5`}>
         <div className="flex flex-col justify-center items-center mt-5">
           <div className="w-5 h-5 rounded-full bg-[#915eff]" />
           <div className="w-1 sm:h-80 h-40 violet-gradient" />