ok

src/components/Exp.jsx

@@ -10,23 +10,13 @@ const features = [
   export default function Example() {
     return (
       <div className="bg-creme-600">
-        <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-4 pb-16 sm:px-6 sm:pb-24 lg:px-8">
+        <div className="mt-24 relative mx-auto  max-w-7xl px-4 pb-16 sm:px-6 sm:pb-24 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 EXPERIENCES</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>
           </div>
-  
           <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">