From f7d36427feebe5c052d523cf8bb20dbb70d3cf6c Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Mon, 25 Aug 2025 17:23:17 +0200
Subject: [PATCH] ok

---
 public/images/components/Logos.jsx |  7 ++++---
 src/app/page.jsx                   |  2 ++
 src/components/CallToAction.jsx    | 14 +++++++++-----
 src/components/Logos.jsx           |  7 ++++---
 src/components/Testimonials.jsx    |  2 +-
 src/components/Veda3.jsx           |  2 +-
 6 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/public/images/components/Logos.jsx b/public/images/components/Logos.jsx
index c692c3d..2e68248 100644
--- a/public/images/components/Logos.jsx
+++ b/public/images/components/Logos.jsx
@@ -1,15 +1,16 @@
 
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
+import { H2 } from '@/components/text'
 
 
 export function Logos() {
   return (
     <Container>
-      <div className="relative z-10 pt-10">
-        <p className="mt-10 font-display text-large lg:text-2xl font-semibold italic text-slate-900">
+      <div className="relative z-10 py-12 items-center justify-center">
+        <H2 className="">
           As seen and featured on
-        </p>
+        </H2>
         <ul
           role="list"
           className="mt-8 flex items-center flex-wrap justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-10 xl:flex-row xl:gap-x-12 xl:gap-y-0"
diff --git a/src/app/page.jsx b/src/app/page.jsx
index 49927d1..511c8ae 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -19,6 +19,7 @@ import Boats from '@/components/Boats'
 import Carousel from '@/components/Carousel'
 import CnnVideo from '@/components/CNNVIDEO'
 import { CallToAction4 } from '@/components/CallToAction4'
+import { Logos } from '@/components/Logos'
 
 
 export default function Home() {
@@ -27,6 +28,7 @@ export default function Home() {
       <Header />
       <main>
       <Hero />
+      <Logos />
       <CallToAction />
       <Boat />
       <CallToAction4 />
diff --git a/src/components/CallToAction.jsx b/src/components/CallToAction.jsx
index 7143c20..b6d6d9e 100644
--- a/src/components/CallToAction.jsx
+++ b/src/components/CallToAction.jsx
@@ -3,7 +3,7 @@
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
 import { Logo } from '@/components/Logo'
-import { H2, PS } from '@/components/text'
+import { H2, PS, H3, H4 } from '@/components/text'
   
 
 export function CallToAction() {
@@ -14,12 +14,16 @@ export function CallToAction() {
     >
       <Container className="relative">
         <div className="mx-auto max-w-3xl text-center">
-          <H2>
+          <H3>
           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. 
-          </H2>
-          <PS>
+          </H3>
+          <H3 className="">
           Discover a cruise like no other with us on the Nile.
-          </PS>
+          </H3>
+          <br/>
+          <Button className="mt-6" href="/story" variant="link" color="darkgr">
+           Read Our Story
+          </Button>
         </div>
       </Container>
     </section>
diff --git a/src/components/Logos.jsx b/src/components/Logos.jsx
index c692c3d..465af7b 100644
--- a/src/components/Logos.jsx
+++ b/src/components/Logos.jsx
@@ -1,15 +1,16 @@
 
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
+import { H3 } from '@/components/text'
 
 
 export function Logos() {
   return (
     <Container>
-      <div className="relative z-10 pt-10">
-        <p className="mt-10 font-display text-large lg:text-2xl font-semibold italic text-slate-900">
+      <div className="relative z-10 py-12 text-center">
+        <H3>
           As seen and featured on
-        </p>
+        </H3>
         <ul
           role="list"
           className="mt-8 flex items-center flex-wrap justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-10 xl:flex-row xl:gap-x-12 xl:gap-y-0"
diff --git a/src/components/Testimonials.jsx b/src/components/Testimonials.jsx
index 3a8f621..70bd37d 100644
--- a/src/components/Testimonials.jsx
+++ b/src/components/Testimonials.jsx
@@ -107,7 +107,7 @@ export function Testimonials() {
               <ul role="list" className="flex flex-col gap-y-6 sm:gap-y-8">
                 {column.map((testimonial, testimonialIndex) => (
                   <li key={testimonialIndex}>
-                    <figure className="relative rounded-lg bg-transparent py-6 px-8 shadow-xl shadow-slate-900/10">
+                    <figure className="relative rounded-lg bg-bg-sand py-6 px-8 shadow-xl shadow-slate-900/10">
                       <QuoteIcon className="absolute left-6 top-6 fill-creme-600" />
                       <blockquote className="relative">
                         <PXXS  >
diff --git a/src/components/Veda3.jsx b/src/components/Veda3.jsx
index e10f448..8acec34 100644
--- a/src/components/Veda3.jsx
+++ b/src/components/Veda3.jsx
@@ -92,7 +92,7 @@ const product = {
   description: [
     'VEDA III is a cozy 18-meter dahabiya that offers a serene floating home experience, perfect for smaller groups seeking tranquility and comfort on the Nile.',
     'VEDA III accommodates up to 10 guests across 5 rooms. The accommodations include 2 rooms with double beds and 3 rooms with two single beds, providing flexible sleeping arrangements. Each room is equipped with a private bathroom for convenience and privacy.',
-    'Guests can enjoy breathtaking views of the Nile from the cozy upper deck, designed for relaxation and enjoyment. The upper deck provides an intimate space to unwind and take in the river's beauty.'
+    'Guests can enjoy breathtaking views of the Nile from the cozy upper deck, designed for relaxation and enjoyment. The upper deck provides an intimate space to unwind and take in the rivers beauty.'
   ],
   details: [
     {