ok

src/components/Cta.jsx

@@ -10,24 +10,33 @@ export function Cta() {
   return (
     <section
       id="about"
-      className="relative overflow-hidden bg-cover bg-center bg-no-repeat py-24"
+      className="relative overflow-hidden bg-cover bg-center bg-no-repeat py-16"
       style={{
         backgroundImage: 'url(/images/cta_bg.jpg)',
       }}
     >
       {/* Background overlay */}
-      <div className="absolute inset-0 "></div>
+      <div className="absolute inset-0 bg-black opacity-20"></div>
       
       <Container className="relative z-10">
         <div className="mx-auto max-w-3xl text-center text-white">
+          {/* Veda Icon */}
+          <div className="mb-8 flex justify-center">
+            <img 
+              src="/images/logos/veda_icon2.svg" 
+              alt="Veda Icon" 
+              className="h-16 w-16"
+            />
+          </div>
+          
           <H3 className="!text-white mb-6">
-          VEDA provides an unparalleled cruise experience on the Nile, blending authenticity with sophistication. Enjoy private journeys featuring organic cuisine, hollistic activities, and a dedicated, warm-hearted crew. 
+          VEDA provides an unparalleled cruise experience on the Nile, blending authenticity with sophistication. Enjoy private journeys featuring organic cuisine, holistic activities, and a dedicated, warm-hearted crew. 
           </H3>
-          <H3 className="!text-gold-500">
+          <H3 className="!text-white">
           Discover a cruise like no other with us on the Nile.
           </H3>
           <br/>
-          <Button className="mt-6" href="/story" variant="link" color="darkgr">
+          <Button className="mt-6 !text-gold-400 !border-gold-400 hover:!text-gold-300 hover:!border-gold-300" href="/story" variant="link" color="white">
            Read Our Story
           </Button>
         </div>