caroousel

src/components/Boat.jsx

@@ -14,7 +14,7 @@ import useMeasure from 'react-use-measure'
 import { Container } from './Container'
 import { Link } from './link'
 import { Heading, Subheading, H2, P, PS, H3} from './text'
-
+import { Button } from './Button'
 
 const testimonials = [
   {
@@ -99,7 +99,6 @@ function TestimonialCard({
   return (
     <motion.div
       ref={ref}
-      style={{ opacity }}
       {...props}
       className="w-72 shrink-0 snap-start scroll-ml-(--scroll-padding) bg-transparent shadow-sm overflow-hidden sm:w-80 lg:w-96"
     >
@@ -120,17 +119,18 @@ function TestimonialCard({
           </H3>
         </blockquote>
         
-        <PS className="mt-2 lg:text-base text-sm text-gray-600 leading-6">
+        <PS className="mt-2 mb-4a">
           {subtitle}
         </PS>
         
-        <Link
+        <Button
           href={href}
-          className="mt-2 mb-2 inline-flex items-center gap-2 text-sm font-semibold text-gold-700 hover:text-gold-700"
+          variant="link"
+          color="darkgr"
+          className="mt-2 mb-2 "
         >
           Learn More
-          <ArrowLongRightIcon className="h-4 w-4" />
+        </Button>
-        </Link>
       </div>
     </motion.div>
   )
@@ -166,6 +166,12 @@ export function Boat() {
             <PS className="mt-4">
               Discover peaceful platforms where every detail ensures a truly memorable stay.
             </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>
+            <Button href="/dahabiyas" variant="link" color="darkgr" className="mt-6">
+            Learn More
+            </Button>
           </div>
           
           {/* Carousel - Right Side */}

src/components/Button.jsx

@@ -35,7 +35,7 @@ const variantStyles = {
     white:
       'text-white hover:text-slate-300 focus-visible:outline-white border-b border-white hover:border-slate-300',
     darkgr:
-      'text-darkgr-900 hover:text-darkgr-700 focus-visible:outline-darkgr-600 border-b border-darkgr-900 hover:border-darkgr-700',
+      'text-sm tracking-wide text-darkgr-900 hover:text-darkgr-700 focus-visible:outline-darkgr-600 border-b border-darkgr-900 hover:border-darkgr-700',
   },
 }
 

src/components/Hero.jsx

@@ -23,13 +23,13 @@ export function Hero() {
           <H2 className="mt-8">
             Nile Cruises, Reimagined.
           </H2>
-          <P className="mt-4">
+          <P className="mt-4 mb-6">
             Veda welcomes you into her home providing unique wellness cruises blending cultural authentic experiences with unparalleled freedom and privacy.<br/>
             Our organic cuisine, cultural activities and dedicated warm hearted crew will make your veda cruise an unforgettable experience.
           </P>
-          <button className="mt-6 text-sm lg:text-sm tracking-wide" variant="link" color="darkgr">
+          <Button href="/story" variant="link" color="darkgr">
             Learn More
-            </button>
+            </Button>
         </div>
     </div>
   )