
  
  export  function Experience() {
    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="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 Programs</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>
        </div>
      </div>
    )
  }