activities

src/components/FreeflowVideo.jsx

@@ -1,6 +1,8 @@
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
 import React from 'react'
+import { H1, H2, H3, H4, P, PS, PXS, PXXS } from '@/components/text'
+
 
 
 const FFVid = () => {
@@ -8,16 +10,16 @@ const FFVid = () => {
         <section
       id="testimonials"
       aria-label="What our customers are saying"
-      className="bg-transparent pt-6 pb-24"
+      className="bg-transparent py-16"
     >
       <Container>
         <div className="mx-auto max-w-5xl md:text-center">
-          <h2 className="font-display mt-2 text-3xl font-bold tracking-tight text-gray-800 sm:text-4xl">
+          <H2 className="">
           A Glimpse Into Private Retreats at VEDA
-          </h2>
-          <p className="mt-4 mb-12 text-lg pb-6 tracking-tight text-slate-700">
+          </H2>
+          <P className="mt-4 mb-8 text-lg pb-6 tracking-tight text-slate-700">
           We were honored to welcome FreeFlow Retreats aboard VEDA, where guests experienced the perfect blend of wellness, culture, and tranquility on the Nile. Watch the video below for a glimpse of how your own retreat could unfold in this unique setting. 
-          </p>
+          </P>
         </div>
       <div className="video-container">
         <iframe
@@ -27,7 +29,7 @@ const FFVid = () => {
           frameBorder="0"
           allow="autoplay; fullscreen; picture-in-picture"
           allowFullScreen
-          className="rounded-lg w-full max-w-6xl mx-auto"
+          className="rounded-lg w-full max-w-7xl mx-auto"
         ></iframe>
       </div>
         </Container>