Edit spacing

src/components/Boat.jsx

@@ -170,13 +170,13 @@ export function Boat() {
             <H2 className="">
               Dahabiyas
             </H2>
-            <PS className="mt-4">
+            <PS className="mt-2">
               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">
+            <Button href="/dahabiyas" variant="link" color="darkgr" className="mt-4">
             Learn More
             </Button>
           </div>

src/components/CNNVIDEO.jsx

@@ -12,7 +12,7 @@ const CnnVideo = () => {
           <H2  className="">
           VEDA ON CNN 
           </H2>
-          <P className="">
+          <P className="mt-2">
           CNN Travel visited the Veda boats to give you a first hand impression of what awaits you when cruising the Nile.
           </P>
         </div>

src/components/Hero2.jsx

@@ -12,7 +12,7 @@ export function Hero2() {
     })
   }
   return (
-    <div className="relative w-full overflow-hidden h-[80vh] sm:h-[85vh] lg:min-h-screen lg:mt-0 lg:py-0 py-16 lg:px-0 px-4">
+    <div className="relative w-full overflow-hidden h-[80vh] sm:h-[85vh] lg:min-h-screen lg:mt-0 lg:py-0 py-16 lg:px-0 px-6">
       {/* Background Video - Full coverage */}
       <video
         className="absolute inset-0 w-full h-full object-cover z-0"

src/components/Itinerary.jsx

@@ -122,9 +122,9 @@ export function Itinerary() {
           <div className="absolute inset-0 bg-black opacity-60"></div>
           {/* paragraphs */}
           <div className="absolute inset-0 flex items-start justify-center mx-auto max-w-lg flex-col text-start px-10">
-            <H2 className=" text-white text-3xl font-semibold">{dayData.title}</H2>
+            <H2 className="">{dayData.title}</H2>
             {dayData.content.map((paragraph, index) => (
-              <PS key={index} className=" mt-4 text-white text-start font-medium">{paragraph}</PS>
+              <PS key={index} className="mt-2">{paragraph}</PS>
             ))}
             <div className="mt-6 flex justify-center items-center ">
               <ChevronDownIcon 

src/components/Journey.jsx

@@ -17,9 +17,9 @@ export  function Journey() {
           <div className="absolute inset-0 bg-black opacity-50 hover:opacity-20"></div>
           {/* paragraphs */}
           <div className="absolute inset-0 flex items-center justify-center mx-auto max-w-lg flex-col text-center px-10">
-            <H2 className=" text-white text-3xl font-semibold">Experiences</H2>
+            <H2 className="text-white">Experiences</H2>
-            <PS className=" mt-4 text-white text-center ">From intimate community gatherings to professional retreats, VEDA offers transformative programs on the Nile.</PS>
+            <PS className=" mt-2 text-white text-center ">From intimate community gatherings to professional retreats, VEDA offers transformative programs on the Nile.</PS>
-            <Button className="mt-6" href="/experiences" variant="outline" color="slate">Learn More</Button>
+            <Button className="mt-4 lg:mt-6" href="/experiences" variant="outline" color="slate">Learn More</Button>
           </div>
         </div>
         
@@ -34,9 +34,9 @@ export  function Journey() {
           <div className="absolute inset-0 bg-black opacity-50 hover:opacity-20"></div>
           {/* Learn More button */}
           <div className="absolute inset-0 flex items-center justify-center mx-auto max-w-lg flex-col text-center px-10">
-            <H2 className=" text-white text-3xl font-semibold">Activities</H2>
+            <H2 className=" text-white">Activities</H2>
-            <PS className=" mt-4 text-white text-center ">Explore a diverse range of activities designed to elevate your mind, body, and soul.</PS>
+            <PS className=" mt-2 text-white text-center ">Explore a diverse range of activities designed to elevate your mind, body, and soul.</PS>
-            <Button className="mt-6" href="/experiences" variant="outline" color="slate">Learn More</Button>
+            <Button className="mt-4 lg:mt-6" href="/experiences" variant="outline" color="slate">Learn More</Button>
           </div>
         </div>
       </div>

src/components/Testimonials.jsx

@@ -169,9 +169,9 @@ export function Testimonials() {
             
             {/* Quote */}
             <blockquote className="mb-8">
-              <P className=" text-white leading-relaxed italic">
+              <PS className=" text-white leading-relaxed italic">
                 "{currentTest.content}"
-              </P>
+              </PS>
             </blockquote>
             
             {/* Author Info */}