ok

public/images/components/Boat.jsx

@@ -1,4 +1,5 @@
 'use client'
+import { H2, H3, H4, P, PS, PXS, PXXS } from '@/components/text'
 
 import * as Headless from '@headlessui/react'
 import { ArrowLongRightIcon } from '@heroicons/react/20/solid'
@@ -18,34 +19,26 @@ import { Heading, Subheading } from './text'
 const testimonials = [
   {
     img: '/images/veda1.jpg',
-    name: '0 - 6 Years Old',
-    title: 'From birth to age 6, we offer ECD programs that change lives forever.',
     subtitle: 'A beautiful 50-meter dahabiya offering a tranquil and organic platform for personalized cruises.',
-    quote: 'VEDA 1',
+    quote: 'VEDA I',
     href: '/phases/phase1',
   },
   {
     img: '/images/veda2.jpg',
-    name: '6 - 15 Years Old',
-    title: 'Unlock the Potential of Youth with transformational learning experiences',
     subtitle: 'An elegant 45-meter dahabiya, ideal for hosting larger groups, healing retreats, company getaways, and more.',
-    quote: 'VEDA 2',
+    quote: 'VEDA II',
     href: '/phases/phase2',
   },
   {
     img: '/images/veda3.jpg',
-    name: '15 - 25 Years Old',
-    title: 'Skills that Earn & Regenerate Vocational paths that equip young people to live with purpose.',
     subtitle: 'A cozy 18-meter dahabiya offering a serene floating home, perfect for private groups seeking tranquility and comfort on the Nile.',
-    quote: 'VEDA 3',
+    quote: 'VEDA III',
     href: '/phases/phase3',
   },
   {
     img: '/images/veda4.jpg',
-    name: 'All Ages',
-    title: 'A unique portfolio of impact proven Community-led solutions worth implementing',
     subtitle: 'A spaciou 55-meter dahabeya offering a serene retreat, perfect for bigger groups seeking tranquility and comfort on the Nile.',
-    quote: 'VEDA 4',
+    quote: 'VEDA IV',
     href: '/phases/phase4',
   },
 ]
@@ -113,11 +106,10 @@ function TestimonialCard({
       
       {/* Content Section Below Image */}
       <div className="p-6">
-        <blockquote>
-          <p className="text-2xl font-bold text-darkgr lg:text-3xl">
+          <H3 className="">
             {children}
-          </p>
-        </blockquote>
+          </H3>
+
         
         <p className="mt-2 lg:text-base text-sm text-gray-200 leading-6">
           {subtitle}
@@ -154,7 +146,7 @@ export function Boat() {
   }
 
   return (
-    <div className="pt-16 lg:pt-24 pb-12">
+    <div className="pt-12 lg:pt-24 pb-12">
       <Container>
         <div ref={setReferenceWindowRef}>
           <h2 className="font-display mt-2 text-3xl font-semibold tracking-[-0.05em] text-darkgr-700 lg:text-4xl">