ok

src/components/Exp2.jsx

@@ -1,22 +1,14 @@
-
+import { P, H2, H3, H4, PS, PXS, PXXS } from '@/components/text'
   
   export  function Experience() {
     return (
       <div className="bg-transparent">
-        <div aria-hidden="true" className="relative">
-          <img
-            alt=""
-            src="/images/exp.jpg"
-            className="h-96 w-full object-cover object-center"
-          />
-          <div className="absolute inset-0 bg-gradient-to-t from-creme-600" />
-        </div>
-        <div className="relative mx-auto -mt-12 max-w-7xl px-6 pb-16 sm:px-6 sm:pb-24 lg:px-8">
+        <div className="relative mx-auto mt-12 max-w-7xl px-6 pb-16   lg:px-8">
           <div className="mx-auto max-w-2xl text-center lg:max-w-4xl">
-            <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">VEDA Programs</h2>
-            <p className="mt-4 text-gray-900">
+            <H2 className="">VEDA Programs</H2>
+            <P className="mt-4 text-gray-900">
               Join us for transformative journeys of wellness, creativity, and connection on the tranquil and sacred Nile.
-            </p>
+            </P >
           </div>
         </div>
       </div>