diff --git a/components/home/HeroSection.tsx b/components/home/HeroSection.tsx
index 2296700..25218d1 100644
--- a/components/home/HeroSection.tsx
+++ b/components/home/HeroSection.tsx
@@ -137,7 +137,7 @@ export default function HeroSection() {
               <motion.h2
                 initial={{ y: -50, opacity: 0 }}
                 whileInView={{ y: 0, opacity: 1 }}
-                transition={{ duration: 0.5, delay: 0.5 }}
+                transition={{ duration: 0.3, delay: 0.25 }}
                 viewport={{ once: true }}
                 className=" max-w-[1050px] text-5xl text-center text-[#FFF] mb-4"
               >
@@ -150,7 +150,7 @@ export default function HeroSection() {
               <motion.p
                 initial={{ y: -50, opacity: 0 }}
                 whileInView={{ y: 0, opacity: 1 }}
-                transition={{ duration: 0.5, delay: 0.75 }}
+                transition={{ duration: 0.3, delay: 0.5 }}
                 viewport={{ once: true }}
                 className="mb-6 text-lg font-medium text-center text-[#b5b5b5]"
               >
@@ -160,7 +160,7 @@ export default function HeroSection() {
               <motion.div
                 initial={{ y: -50, opacity: 0 }}
                 whileInView={{ y: 0, opacity: 1 }}
-                transition={{ duration: 0.5, delay: 1 }}
+                transition={{ duration: 0.3, delay: 0.5 }}
                 viewport={{ once: true }}
                 className="mb-20 mt-2 flex items-center gap-4 max-xl:mb-2"
               >
@@ -184,14 +184,14 @@ export default function HeroSection() {
           <motion.div
             initial={{ opacity: 0 }}
             whileInView={{ opacity: 1 }}
-            transition={{ duration: 0.5, delay: 1.25 }}
+            transition={{ duration: 0.25, delay: 0.25 }}
             viewport={{ once: true }}
              className="absolute -inset-1 bg-gradient-to-r from-gray-600 to-gray-600 rounded-lg blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-200" />
           
           <motion.div
             initial={{ y: 0, opacity: 0 }}
             whileInView={{ y: 0, opacity: 1 }}
-            transition={{ duration: 0.5, delay: 1.25 }}
+            transition={{ duration: 0.25, delay: 0.25 }}
             viewport={{ once: true }}
             className="relative w-full"
           >