diff --git a/src/components/Daha1.jsx b/src/components/Daha1.jsx
index b6a546b..bb3053a 100644
--- a/src/components/Daha1.jsx
+++ b/src/components/Daha1.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">VEDA DAHABIYAS</h2>
-            <p className="mt-2 text-xl leading-12 text-gray-300">
+            <H2>VEDA DAHABIYAS</H2>
+            <PS>
             Embark on a Transformative Journey Along the Nile
-            </p>
-            <p className="mt-6 max-w-3xl text-lg leading-8 text-gray-200">
+            </PS>
+            <PS>
             Discover the heart of Egypt on our specially designed dahabiyas, crafted to elevate your energy and frequency through unique experiences. These elegant vessels are perfect for spiritual work and mystical exploration, offering a harmonious setting to connect with the essence of the Nile. Drift past ancient wonders and immerse yourself in the tranquil rhythm of the river, embarking on a journey of self-discovery and rejuvenation.
-            </p>
+            </PS>
           </div>
         </div>
       </div>
     )
   }
-  
\ No newline at end of file
diff --git a/src/components/Iti1.jsx b/src/components/Iti1.jsx
index 13bd193..873d960 100644
--- a/src/components/Iti1.jsx
+++ b/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>
     )
   }
-  
\ No newline at end of file
diff --git a/src/components/Story2.jsx b/src/components/Story2.jsx
index a9d56b9..b7fd119 100644
--- a/src/components/Story2.jsx
+++ b/src/components/Story2.jsx
@@ -9,17 +9,17 @@ export default function NewFeatures2() {
         <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
           <div className="lg:order-first">
             <div className="lg:max-w-lg">
-              <p className="mt-4 text-lg leading-7 font-light text-gray-500">
+              <PS>
               Frequencies are the new currency. Our mission is to help you recognize and align with different frequencies, creating a deeply fulfilling life in tune with your soul's gifts. Self-knowledge and self-mastery are the keys to fully opening your heart. By understanding and resonating with these frequencies, you can achieve a life of harmony and fulfillment.
-              </p>
-              <p className="mt-4 text-lg leading-7 italic font-normal text-gray-900">
+              </PS>
+              <PS>
               Are you ready to step out of your comfort zone and embrace these changes? Can you let the new energies flow through you and break free from outdated programs to welcome new wisdom?
-              </p>
-              <p className="mt-4 text-lg leading-7 font-light text-gray-500">
+              </PS>
+              <PS>
               Together, let us open new gates of consciousness and expand the flow of unconditional love. The magical energy of the Nile is ready to flow through us, uniting us in a heartbeat. Home is calling you, inviting you to a journey of inner discovery and profound connection.
-              </p>
-              <h2 className="text-base mt-6 font-semibold leading-7 italic text-gold-600">With Love,</h2>
-              <h2 className="text-base font-semibold leading-7 text-gray-700">Kristof & Isabelle</h2>
+              </PS>
+              <H2>With Love,</H2>
+              <H2>Kristof & Isabelle</H2>
             </div>
           </div>
           <div className="flex items-start justify-end lg:justify-start lg:order-last">
diff --git a/src/components/Timeline.jsx b/src/components/Timeline.jsx
index ddd0fae..4ed2c8b 100644
--- a/src/components/Timeline.jsx
+++ b/src/components/Timeline.jsx
@@ -12,6 +12,8 @@
   }
   ```
 */
+import { H2, PS } from '@/components/text'
+
 const features = [
     {
       name: 'Day 1: Luxor',
@@ -95,10 +97,10 @@ const features = [
       <div className="bg-transparent">
         <div className="mx-auto max-w-2xl px-4 py-24 sm:px-6 sm:py-32 lg:max-w-7xl lg:px-8">
           <div className="mx-auto max-w-3xl text-center">
-            <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">VEDA ITINERARY SAMPLE</h2>
-            <p className="mt-4 text-gray-500">
+            <H2>VEDA ITINERARY SAMPLE</H2>
+            <PS>
             Experience the magic of the Nile with our thoughtfully crafted 5-day VEDA Retreat itinerary. This sample journey showcases the highlights of a typical retreat, offering a blend of cultural exploration, relaxation, and rejuvenation. Each day is designed to provide a unique and enriching experience, from exploring ancient temples and charming towns to enjoying serene river cruises and immersive wellness activities. Whether you're seeking adventure or tranquility, this itinerary gives you a glimpse into the unforgettable experiences that await on your VEDA Retreat.
-            </p>
+            </PS>
           </div>
   
           <div className="mt-16 space-y-16">
@@ -114,9 +116,9 @@ const features = [
                   )}
                 >
                   <h3 className="text-lg font-medium text-gray-900">{feature.name}</h3>
-                  <p className="mt-2 text-sm text-gray-500">{feature.description}</p>
-                  <p className="mt-2 text-sm text-gray-500">{feature.description2}</p>
-                  <p className="mt-2 text-sm text-gray-500">{feature.description3}</p>
+                  <PS>{feature.description}</PS>
+                  <PS>{feature.description2}</PS>
+                  <PS>{feature.description3}</PS>
                 </div>
                 <div
                   className={classNames(
diff --git a/src/components/Veda1.jsx b/src/components/Veda1.jsx
index b716bd9..61dfe94 100644
--- a/src/components/Veda1.jsx
+++ b/src/components/Veda1.jsx
@@ -12,6 +12,7 @@ import {
 } from '@headlessui/react'
 import { StarIcon } from '@heroicons/react/20/solid'
 import { HeartIcon } from '@heroicons/react/24/outline'
+import { H2, PS } from '@/components/text'
 
 const product = {
   name: 'VEDA I',
@@ -94,11 +95,11 @@ const product = {
     { name: 'White', bgColor: 'bg-white', selectedColor: 'ring-gray-400' },
     { name: 'Washed Gray', bgColor: 'bg-gray-500', selectedColor: 'ring-gray-500' },
   ],
-  description: `
-    <p>This beautiful 50-meter dahabiya offers a peaceful organic platform to host your personalised cruise.</p>
-    <p>VEDA 1 accommodates up to 20 guests across 10 rooms with double beds that can be converted into singles, each featuring a private bathroom. Four of these rooms are suites with balconies.</p>
-    <p>The facility includes two air-conditioned meeting spaces for up to 50 people, an upper deck meeting room with a 360-degree panoramic view, and various relaxation areas suitable for workshops, yoga, or meditation. Additionally, there is a library with a collection of books on Egyptian history and awareness.</p>
-  `,
+  description: [
+    'This beautiful 50-meter dahabiya offers a peaceful organic platform to host your personalised cruise.',
+    'VEDA 1 accommodates up to 20 guests across 10 rooms with double beds that can be converted into singles, each featuring a private bathroom. Four of these rooms are suites with balconies.',
+    'The facility includes two air-conditioned meeting spaces for up to 50 people, an upper deck meeting room with a 360-degree panoramic view, and various relaxation areas suitable for workshops, yoga, or meditation. Additionally, there is a library with a collection of books on Egyptian history and awareness.'
+  ],
   details: [
     {
       name: 'FEATURES',
@@ -168,22 +169,23 @@ export default function Example() {
             <h1 className="text-3xl font-bold tracking-tight text-gray-900">{product.name}</h1>
 
             <div className="mt-3">
-              <h2 className="sr-only">Product information</h2>
+              <H2 className="sr-only">Product information</H2>
             </div>
 
             <div className="mt-6">
               <h3 className="sr-only">Description</h3>
 
-              <div
-                dangerouslySetInnerHTML={{ __html: product.description }}
-                className="space-y-6 text-base text-gray-700"
-              />
+              <div className="space-y-6 text-base text-gray-700">
+                {product.description.map((paragraph, index) => (
+                  <PS key={index}>{paragraph}</PS>
+                ))}
+              </div>
             </div>
 
             <section aria-labelledby="details-heading" className="mt-12">
-              <h2 id="details-heading" className="sr-only">
+              <H2 id="details-heading" className="sr-only">
                 Additional details
-              </h2>
+              </H2>
 
               <div className="border-t border-gray-200 pt-6">
                 <h3 className="text-lg font-medium text-gray-900">FEATURES</h3>
diff --git a/src/components/Veda2.jsx b/src/components/Veda2.jsx
index 734d835..4fd1ddc 100644
--- a/src/components/Veda2.jsx
+++ b/src/components/Veda2.jsx
@@ -8,6 +8,7 @@ import {
   TabPanel,
   TabPanels,
 } from '@headlessui/react'
+import { H2, PS } from '@/components/text'
 
 const product = {
   name: 'VEDA II',
@@ -96,11 +97,11 @@ const product = {
     { name: 'White', bgColor: 'bg-white', selectedColor: 'ring-gray-400' },
     { name: 'Washed Gray', bgColor: 'bg-gray-500', selectedColor: 'ring-gray-500' },
   ],
-  description: `
-    <p>This elegant 45-meter dahabiya is perfect for hosting larger groups, healing retreats, company getaways, and more. It provides a comfortable and customizable experience for all guests on board.</p>
-    <p>VEDA II accommodates up to 20 guests in 10 rooms, each equipped with double beds that can be converted into singles. Every room features a private bathroom for added convenience and privacy. Among these rooms, two are suites with charming balconies.</p>
-    <p>VEDA II boasts a spacious and inviting upper deck, thoughtfully divided into multiple areas, including a sunbathing section, a Bedouin corner, and a dining area. The sun deck offers customizable space to suit your specific needs and preferences.</p>
-  `,
+  description: [
+    'This elegant 45-meter dahabiya is perfect for hosting larger groups, healing retreats, company getaways, and more. It provides a comfortable and customizable experience for all guests on board.',
+    'VEDA II accommodates up to 20 guests in 10 rooms, each equipped with double beds that can be converted into singles. Every room features a private bathroom for added convenience and privacy. Among these rooms, two are suites with charming balconies.',
+    'VEDA II boasts a spacious and inviting upper deck, thoughtfully divided into multiple areas, including a sunbathing section, a Bedouin corner, and a dining area. The sun deck offers customizable space to suit your specific needs and preferences.'
+  ],
   details: [
     {
       name: 'FEATURES',
@@ -175,22 +176,23 @@ export default function Example() {
             <h1 className="text-3xl font-bold tracking-tight text-gray-900">{product.name}</h1>
 
             <div className="mt-3">
-              <h2 className="sr-only">Product information</h2>
+              <H2 className="sr-only">Product information</H2>
             </div>
 
             <div className="mt-6">
               <h3 className="sr-only">Description</h3>
 
-              <div
-                dangerouslySetInnerHTML={{ __html: product.description }}
-                className="space-y-6 text-base text-gray-700"
-              />
+              <div className="space-y-6 text-base text-gray-700">
+                {product.description.map((paragraph, index) => (
+                  <PS key={index}>{paragraph}</PS>
+                ))}
+              </div>
             </div>
 
             <section aria-labelledby="details-heading" className="mt-12">
-              <h2 id="details-heading" className="sr-only">
+              <H2 id="details-heading" className="sr-only">
                 Additional details
-              </h2>
+              </H2>
 
               <div className="border-t border-gray-200 pt-6">
                 <h3 className="text-lg font-medium text-gray-900">FEATURES</h3>
diff --git a/src/components/Veda3.jsx b/src/components/Veda3.jsx
index 66f4981..e10f448 100644
--- a/src/components/Veda3.jsx
+++ b/src/components/Veda3.jsx
@@ -12,6 +12,7 @@ import {
 } from '@headlessui/react'
 import { StarIcon } from '@heroicons/react/20/solid'
 import { HeartIcon } from '@heroicons/react/24/outline'
+import { H2, PS } from '@/components/text'
 
 const product = {
   name: 'VEDA III',
@@ -88,11 +89,11 @@ const product = {
     { name: 'White', bgColor: 'bg-white', selectedColor: 'ring-gray-400' },
     { name: 'Washed Gray', bgColor: 'bg-gray-500', selectedColor: 'ring-gray-500' },
   ],
-  description: `
-    <p>VEDA III is a cozy 18-meter dahabiya that offers a serene floating home experience, perfect for smaller groups seeking tranquility and comfort on the Nile.</p>
-    <p>VEDA III accommodates up to 10 guests across 5 rooms. The accommodations include 2 rooms with double beds and 3 rooms with two single beds, providing flexible sleeping arrangements. Each room is equipped with a private bathroom for convenience and privacy.</p>
-    <p>Guests can enjoy breathtaking views of the Nile from the cozy upper deck, designed for relaxation and enjoyment. The upper deck provides an intimate space to unwind and take in the river's beauty.</p>
-  `,
+  description: [
+    'VEDA III is a cozy 18-meter dahabiya that offers a serene floating home experience, perfect for smaller groups seeking tranquility and comfort on the Nile.',
+    'VEDA III accommodates up to 10 guests across 5 rooms. The accommodations include 2 rooms with double beds and 3 rooms with two single beds, providing flexible sleeping arrangements. Each room is equipped with a private bathroom for convenience and privacy.',
+    'Guests can enjoy breathtaking views of the Nile from the cozy upper deck, designed for relaxation and enjoyment. The upper deck provides an intimate space to unwind and take in the river's beauty.'
+  ],
   details: [
     {
       name: 'FEATURES',
@@ -159,22 +160,23 @@ export default function Example() {
             <h1 className="text-3xl font-bold tracking-tight text-gray-900">{product.name}</h1>
 
             <div className="mt-3">
-              <h2 className="sr-only">Product information</h2>
+              <H2 className="sr-only">Product information</H2>
             </div>
 
             <div className="mt-6">
               <h3 className="sr-only">Description</h3>
 
-              <div
-                dangerouslySetInnerHTML={{ __html: product.description }}
-                className="space-y-6 text-base text-gray-700"
-              />
+              <div className="space-y-6 text-base text-gray-700">
+                {product.description.map((paragraph, index) => (
+                  <PS key={index}>{paragraph}</PS>
+                ))}
+              </div>
             </div>
 
             <section aria-labelledby="details-heading" className="mt-12">
-              <h2 id="details-heading" className="sr-only">
+              <H2 id="details-heading" className="sr-only">
                 Additional details
-              </h2>
+              </H2>
 
               <div className="border-t border-gray-200 pt-6">
                 <h3 className="text-lg font-medium text-gray-900">FEATURES</h3>
diff --git a/src/components/Veda4.jsx b/src/components/Veda4.jsx
index 7ea129d..9d6ddfe 100644
--- a/src/components/Veda4.jsx
+++ b/src/components/Veda4.jsx
@@ -8,6 +8,7 @@ import {
   TabPanel,
   TabPanels,
 } from '@headlessui/react'
+import { H2, PS } from '@/components/text'
 
 const product = {
   name: 'VEDA IV',
@@ -90,11 +91,11 @@ const product = {
     { name: 'White', bgColor: 'bg-white', selectedColor: 'ring-gray-400' },
     { name: 'Washed Gray', bgColor: 'bg-gray-500', selectedColor: 'ring-gray-500' },
   ],
-  description: `
-    <p>This stunning 55-meter dahabiya offers a tranquil and organic platform for hosting personalized cruises, providing an unforgettable experience on the Nile.</p>
-    <p>VEDA IV accommodates up to 28 guests in 14 elegantly designed rooms. Each room is equipped with double beds that can be converted into singles, ensuring flexibility and comfort. All rooms feature private bathrooms. Among these, 4 rooms are luxurious suites with private balconies, offering spectacular views.</p>
-    <p>VEDA IV features two air-conditioned meeting spaces that can accommodate up to 50 people, ideal for gatherings and events. The upper deck meeting room offers a breathtaking 360-degree panoramic view, perfect for meetings or leisure. There are multiple areas designed for relaxation and suitable for workshops, yoga, or meditation, providing a serene environment for all guests. Additionally, a well-stocked library is available, featuring a curated collection of books on Egyptian history and awareness, offering guests a quiet place to read and learn.</p>
-  `,
+  description: [
+    'This stunning 55-meter dahabiya offers a tranquil and organic platform for hosting personalized cruises, providing an unforgettable experience on the Nile.',
+    'VEDA IV accommodates up to 28 guests in 14 elegantly designed rooms. Each room is equipped with double beds that can be converted into singles, ensuring flexibility and comfort. All rooms feature private bathrooms. Among these, 4 rooms are luxurious suites with private balconies, offering spectacular views.',
+    'VEDA IV features two air-conditioned meeting spaces that can accommodate up to 50 people, ideal for gatherings and events. The upper deck meeting room offers a breathtaking 360-degree panoramic view, perfect for meetings or leisure. There are multiple areas designed for relaxation and suitable for workshops, yoga, or meditation, providing a serene environment for all guests. Additionally, a well-stocked library is available, featuring a curated collection of books on Egyptian history and awareness, offering guests a quiet place to read and learn.'
+  ],
   details: [
     {
       name: 'FEATURES',
@@ -169,22 +170,23 @@ export default function Example() {
             <h1 className="text-3xl font-bold tracking-tight text-gray-900">{product.name}</h1>
 
             <div className="mt-3">
-              <h2 className="sr-only">Product information</h2>
+              <H2 className="sr-only">Product information</H2>
             </div>
 
             <div className="mt-6">
               <h3 className="sr-only">Description</h3>
 
-              <div
-                dangerouslySetInnerHTML={{ __html: product.description }}
-                className="space-y-6 text-base text-gray-700"
-              />
+              <div className="space-y-6 text-base text-gray-700">
+                {product.description.map((paragraph, index) => (
+                  <PS key={index}>{paragraph}</PS>
+                ))}
+              </div>
             </div>
 
             <section aria-labelledby="details-heading" className="mt-12">
-              <h2 id="details-heading" className="sr-only">
+              <H2 id="details-heading" className="sr-only">
                 Additional details
-              </h2>
+              </H2>
 
               <div className="border-t border-gray-200 pt-6">
                 <h3 className="text-lg font-medium text-gray-900">FEATURES</h3>