ok

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"

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 />

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>

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"

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  >

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: [
     {