OK

src/components/Boat.jsx

@@ -13,7 +13,7 @@ import { useCallback, useLayoutEffect, useRef, useState } from 'react'
 import useMeasure from 'react-use-measure'
 import { Container } from './Container'
 import { Link } from './link'
-import { Heading, Subheading, H2, P, PS, H3} from './text'
+import { Heading, Subheading, H2, P, PS, H3, H4 } from './text'
 import { Button } from './Button'
 
 const testimonials = [
@@ -100,7 +100,7 @@ function TestimonialCard({
     <motion.div
       ref={ref}
       {...props}
-      className="w-72 shrink-0 snap-start scroll-ml-(--scroll-padding) bg-transparent overflow-hidden sm:w-80 lg:w-96"
+      className="w-72 shrink-0 snap-start scroll-ml-(--scroll-padding) bg-bg-sand overflow-hidden sm:w-80 lg:w-96"
       style={{ aspectRatio: '360/460' }}
     >
       {/* Image Section */}
@@ -115,9 +115,9 @@ function TestimonialCard({
       {/* Content Section Below Image */}
       <div className="py-2 px-2" style={{ height: '25%' }}>
         <blockquote>
-          <H3 className="text-sm lg:text-base">
+          <H4 className="">
             {children}
-          </H3>
+          </H4>
         </blockquote>
         
         <PS className="mt-1 mb-2 text-xs lg:text-sm">
@@ -172,7 +172,7 @@ export function Boat() {
             </H2>
             <PS className="mt-4">
               Discover peaceful platforms where every detail ensures a truly memorable stay.
-            </PS>
+            </PS  >
             <PS className="mt-2 mb-6">
               Our fleet of traditional dahabiyas combines authentic Nile heritage with modern comfort, offering intimate sailing experiences that connect you with Egypt's timeless river culture.
             </PS>