ok

src/components/Hero.jsx

@@ -5,7 +5,7 @@ import Image from 'next/image'
 
 export function Hero() {
   return (
-    <div className=" max-w-8xl px-6 lg:px-8 -z-10 -mt-5 mx-0 bg-bg-sand pb-24">
+    <div className=" max-w-8xl px-6 lg:px-8 -z-10 -mt-5 mx-0 bg-bg-sand pb-12">
       {/* Background Image with opacity to show sand background */}
       <div className="relative overflow-hidden">
         <div className="mx-auto max-w-7xl">
@@ -26,7 +26,7 @@ export function Hero() {
             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">
+            <Button variant="link" color="darkgr">
               Learn More
             </Button>
           </button>