add

src/components/Cta.jsx

@@ -0,0 +1,37 @@
+
+
+import { Button } from '@/components/Button'
+import { Container } from '@/components/Container'
+import { Logo } from '@/components/Logo'
+import { H2, PS, H3, H4 } from '@/components/text'
+  
+
+export function Cta() {
+  return (
+    <section
+      id="about"
+      className="relative overflow-hidden bg-cover bg-center bg-no-repeat py-24"
+      style={{
+        backgroundImage: 'url(/images/cta_bg.jpg)',
+      }}
+    >
+      {/* Background overlay */}
+      <div className="absolute inset-0 "></div>
+      
+      <Container className="relative z-10">
+        <div className="mx-auto max-w-3xl text-center text-white">
+          <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. 
+          </H3>
+          <H3 className="!text-gold-500">
+          Discover a cruise like no other with us on the Nile.
+          </H3>
+          <br/>
+          <Button className="mt-6" href="/story" variant="link" color="darkgr">
+           Read Our Story
+          </Button>
+        </div>
+      </Container>
+    </section>
+  )
+}