ok

src/components/Hero3.jsx

@@ -28,11 +28,11 @@ export function Hero3() {
       />
       
       {/* Black Overlay (mobile only) */}
-      <div className="absolute inset-0 bg-black opacity-50 lg:hidden"></div>
+      <div className="absolute inset-0  lg:hidden"></div>
       
       {/* Content */}
       <div className="absolute inset-0 lg:static lg:inset-auto lg:top-0 flex items-start justify-start text-start px-4 lg:px-0 z-20">
-        <div className="max-w-xs sm:max-w-md md:max-w-2xl lg:max-w-2xl w-full lg:pt-10">
+        <div className="max-w-xs sm:max-w-md  lg:max-w-lg w-full lg:pt-12">
           <H2 className=" ">Our Story</H2>
           <P className="mt-4  ">THE TALE OF SACRED ENERGIES OF THE NILE</P>
           <PS className="mt-6  ">
@@ -41,14 +41,6 @@ export function Hero3() {
           <PS className="mt-4  ">
             Their dream was to offer a sanctuary for the body, mind, and soul, a safe space to open yourself to new experiences, and allow the sacredness of the Nile to flow through you, to step back in the past, to align with the now helping you to reconnect with your true essence. A sanctuary for the body, mind, and soul, a safe space.
           </PS>
-          
-          {/* Chevron Down Button */}
-          <div className="mt-8 flex justify-start">
-            <ChevronDownIcon 
-              onClick={scrollDown}
-              className="h-12 w-12   animate-pulse cursor-pointer hover:opacity-75 transition duration-200"
-            />
-          </div>
         </div>
       </div>
     </div>