ok

src/components/Hero.jsx

@@ -5,21 +5,32 @@ import Image from 'next/image'
 
 export function Hero() {
   return (
-    <div className="mx-auto max-w-7xl px-6 lg:px-8 -z-10 -mt-10">
+    <div className=" max-w-8xl px-6 lg:px-8 -z-10 -mt-5 mx-0 bg-bg-sand pb-24">
       {/* Background Image with opacity to show sand background */}
-      <div className="relative overflow-hidden pt-16">
-        <div className="mx-auto max-w-7xl px-6 lg:px-8">
+      <div className="relative overflow-hidden">
+        <div className="mx-auto max-w-7xl">
           <img
             alt="App screenshot"
             src="/images/hero.jpg"
-            width={2432}
-            height={1442}
+            width={1360}
+            height={600}
           />
-          <div aria-hidden="true" className="relative">
-            <div className="absolute -inset-x-20 bottom-0 bg-linear-to-t from-white pt-[7%]" />
-          </div>
         </div>
       </div> 
+      <div className="max-w-7xl ml-3 px-6 lg:px-8 mx-0">
+          <h2 className="mt-8 text-2xl font-medium tracking-tight text-bg-darkbrown sm:text-3xl">
+            Nile Cruises, Reimagined.
+          </h2>
+          <p className="mt-4 text-lg/8 text-gray-600 font-extralight leading-tight">
+            Veda welcomes you into her home providing unique wellness cruises blending cultural authentic experiences with unparalleled freedom and privacy.<br/>
+            Our organic cuisine, cultural activities and dedicated warm hearted crew will make your veda cruise an unforgettable experience.
+          </p>
+          <button className="mt-4 text-sm lg:text-sm tracking-wide">
+            <Button variant="link" color="slate">
+              Learn More
+            </Button>
+          </button>
+        </div>
     </div>
   )
 }