add images

src/components/Boat.jsx

@@ -161,7 +161,7 @@ export function Boat() {
           <h2 className="font-display mt-2 text-3xl font-bold tracking-tight text-gray-800 sm:text-4xl">
             VEDA DAHABIYAS
           </h2>
-          <p className="mt-2 text-lg tracking-wide font-normal leading-8 text-gray-600">
+          <p className="mt-6 max-w-3xl text-lg leading-8 text-gray-600">
             Discover peaceful platforms where every detail ensures a truly memorable stay. 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. Each vessel is carefully maintained and uniquely designed to provide the perfect setting for relaxation, reflection, and genuine connection with the magnificent Nile landscape.
           </p>
         </div>

src/components/Daha1.jsx

@@ -12,7 +12,7 @@ export default function Example() {
             <p className="mt-2 text-xl leading-12 text-gray-300">
             Embark on a Transformative Journey Along the Nile
             </p>
-            <p className="mt-6 text-lg leading-8 text-gray-300">
+            <p className="mt-6 max-w-3xl text-lg leading-8 text-gray-600">
             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>
           </div>

src/components/Exp.jsx

@@ -1,10 +1,10 @@
 const features = [
-    { name: 'Mind and Body Practices', description: 'Activities that enhance physical well-being and mental clarity through mindful movement and meditation.' },
-    { name: 'Healing and Wellness Therapies', description: 'Therapeutic activities designed to promote relaxation, rejuvenation, and overall well-being.' },
-    { name: 'Holistic Health and Nutrition', description: 'Programs focused on nourishing the body and promoting health through mindful eating and natural remedies.' },
-    { name: 'Creative and Expressive Workshops', description: 'Opportunities for self-expression and exploration through artistic and creative endeavors.' },
-    { name: 'Relaxation and Reflection', description: 'Activities that encourage rest, introspection, and a deeper connection with oneself and the natural world.' },
-    { name: 'Entertainment and Performance Arts', description: 'Experiences that offer enjoyment and inspiration through music, dance, and captivating performances.' },
+    { name: 'Mind and Body Practices', description: 'Activities that enhance physical well-being and mental clarity through mindful movement and meditation.', image: '/images/activities/mind.jpg' },
+    { name: 'Healing and Wellness Therapies', description: 'Therapeutic activities designed to promote relaxation, rejuvenation, and overall well-being.', image: '/images/activities/healing.jpg' },
+    { name: 'Holistic Health and Nutrition', description: 'Programs focused on nourishing the body and promoting health through mindful eating and natural remedies.', image: '/images/activities/holistic.jpg' },
+    { name: 'Creative and Expressive Workshops', description: 'Opportunities for self-expression and exploration through artistic and creative endeavors.', image: '/images/activities/creative.jpg' },
+    { name: 'Relaxation and Reflection', description: 'Activities that encourage rest, introspection, and a deeper connection with oneself and the natural world.', image: '/images/activities/relax.jpg' },
+    { name: 'Entertainment and Performance Arts', description: 'Experiences that offer enjoyment and inspiration through music, dance, and captivating performances.', image: '/images/activities/entertain.jpg' },
   ]
   
   export default function Example() {
@@ -30,6 +30,11 @@ const features = [
           <dl className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 sm:gap-y-16 lg:max-w-none lg:grid-cols-3 lg:gap-x-8">
             {features.map((feature) => (
               <div key={feature.name} className="border-t border-gray-200 pt-4">
+                <img
+                  src={feature.image}
+                  alt={feature.name}
+                  className="h-48 w-full object-cover rounded-lg mb-4"
+                />
                 <dt className="font-medium text-gray-900">{feature.name}</dt>
                 <dd className="mt-2 text-sm text-gray-500">{feature.description}</dd>
               </div>

src/components/Experiences.jsx

@@ -20,8 +20,8 @@ export function Experiences() {
                 />
               </div>
               <div className="p-10">
-                <p className="mt-2 text-lg font-medium tracking-tight text-gray-900">Community building Space</p>
-                <p className="mt-2 max-w-xl text-sm/6 text-gray-600">
+                <p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">Community building Space</p>
+                <p className="mt-2 max-w-xl text-sm lg:text-base text-gray-600">
                   Community building holds significant value by fostering a sense of belonging, providing social and emotional support, and promoting collective action. It enhances social capital, encourages collaboration. Human to human connection become more and more important as new technological times require us to collaborate more on a peer to peer level and connect on different levels with each other.
                 </p>
               </div>
@@ -37,8 +37,8 @@ export function Experiences() {
                 />
               </div>
               <div className="p-10">
-                <p className="mt-2 text-lg font-medium tracking-tight text-gray-900">Private Retreats</p>
-                <p className="mt-2 max-w-lg text-sm/6 text-gray-600">
+                <p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">Private Retreats</p>
+                <p className="mt-2 max-w-lg text-sm lg:text-base text-gray-600">
                   Designed for companies, private groups or families, veda is happy to organise your exclusive retreat experience. 
 These retreats offer the flexibility to design the itinerary and activities based on the group’s specific interests and needs.
                 </p>
@@ -55,8 +55,8 @@ These retreats offer the flexibility to design the itinerary and activities base
                 />
               </div>
               <div className="p-10">
-                <p className="mt-2 text-lg font-medium tracking-tight text-gray-900">Events & Conferences</p>
-                <p className="mt-2 max-w-lg text-sm/6 text-gray-600">
+                <p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">Events & Conferences</p>
+                <p className="mt-2 max-w-lg text-sm lg:text-base text-gray-600">
                   VEDA’s facilities are suited for hosting events, a unique venue that combines professional functionality with the tranquility of the Nile.
 An innovative setting that stands apart from traditional conference venues, promising a impactful event.
                 </p>
@@ -73,8 +73,8 @@ An innovative setting that stands apart from traditional conference venues, prom
                 />
               </div>
               <div className="p-10">
-                <p className="mt-2 text-lg font-medium tracking-tight text-gray-900">Digital Nomad Hub</p>
-                <p className="mt-2 max-w-lg text-sm/6 text-gray-600">
+                <p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">Digital Nomad Hub</p>
+                <p className="mt-2 max-w-lg text-sm lg:text-base text-gray-600">
                   A haven for remote workers seeking inspiration, focus, and balance. Our spaces combine reliable connectivity, comfortable work areas, and serene surroundings — creating the perfect environment to blend productivity with rejuvenation.
                 </p>
               </div>

src/components/SecondaryFeatures.jsx

@@ -273,7 +273,7 @@ export function SecondaryFeatures() {
           <h2 className="font-display mt-2 text-3xl font-bold tracking-tight text-gray-800 sm:text-4xl">
             VEDA DAHABIYAS
           </h2>
-          <p className="mt-2 text-lg tracking-wide font-normal leading-8 text-gray-600">
+          <p className="mt-6 max-w-3xl text-lg leading-8 text-gray-600">
             Discover peaceful platforms where every detail ensures a truly memorable stay.
           </p>
         </div>