replace

src/components/Iti1.jsx

@@ -1,3 +1,5 @@
+import { H2, PS } from '@/components/text'
+
 export default function Example() {
     return (
       <div className="relative isolate overflow-hidden bg-transparent py-24 sm:py-32">
@@ -8,16 +10,15 @@ export default function Example() {
         />
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <div className="mx-auto max-w-2xl lg:mx-0">
-            <h2 className="lg:text-4xl font-semibold tracking-tight text-white text-xl">ITINERARY</h2>
-            <p className="mt-2 text-xl leading-12 text-gray-300">
+            <H2>ITINERARY</H2>
+            <PS>
             Journey Through Ancient Egypt
-            </p>
-            <p className="mt-6 text-lg leading-8 text-gray-300">
+            </PS>
+            <PS>
             Set sail on a transformative journey where the timeless magic of Egypt unfolds along the serene waters of the Nile. The VEDA Retreat offers an immersive experience, guiding you through the heart of Egypt's legendary past and vibrant present. Discover ancient temples, majestic landscapes, and the unique culture that thrives along the riverbanks, all from the comfort of a luxurious dahabiya. Join us as we sail through history and serenity, creating unforgettable memories in the cradle of civilization.
-            </p>
+            </PS>
           </div>
         </div>
       </div>
     )
   }
-