feat: Align hero content with testimonials

src/components/custom/TestimonialCard.tsx

@@ -35,7 +35,7 @@ const TestimonialCard = () => {
   }, []);
 
   return (
-    <div className="absolute bottom-5 right-5 z-20">
+    <div className="z-20">
       <div className={`testimonial-card ${visible ? 'fade-in' : 'fade-out'}`}>
         <div className="bg-white/80 backdrop-blur-sm rounded-lg p-4 max-w-sm shadow-lg">
           <p className="text-gray-800 italic">"{testimonials[index].quote}"</p>

src/components/sections/hero/HeroOverlay.tsx

@@ -43,7 +43,8 @@ const HeroOverlay = ({
         aria-hidden="true"
       />
 
-      <div className="relative z-10 w-content-width mx-auto pb-40 md:pb-50">
+      <div className="relative z-10 w-content-width mx-auto pb-20 md:pb-20">
+        <div className="flex flex-col md:flex-row justify-between items-end gap-3 w-full">
           <div className="flex flex-col gap-3 w-full md:w-6/10 lg:w-1/2 xl:w-45/100 2xl:w-4/10">
             <span className="w-fit px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
 
@@ -65,17 +66,30 @@ const HeroOverlay = ({
 
             <div className="flex flex-wrap gap-3 mt-3">
               <Button text={primaryButton.text} href={primaryButton.href} variant="primary" />
-            <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
+              <Button
+                text={secondaryButton.text}
+                href={secondaryButton.href}
+                variant="secondary"
+                animationDelay={0.1}
+              />
             </div>
 
             {avatars && avatars.length > 0 && (
               <div className="mt-4">
-              <AvatarGroup avatars={avatars} size="lg" label={avatarsLabel} labelClassName="text-primary-cta-text" />
+                <AvatarGroup
+                  avatars={avatars}
+                  size="lg"
+                  label={avatarsLabel}
+                  labelClassName="text-primary-cta-text"
+                />
               </div>
             )}
           </div>
+          <div className="w-full md:w-auto">
             <TestimonialCard />
           </div>
+        </div>
+      </div>
     </section>
   );
 };