import { CloudArrowUpIcon, LockClosedIcon, ServerIcon, SparklesIcon } from '@heroicons/react/20/solid'
import { P, H2, H3, H4, PS, PXS, PXXS } from '@/components/text'

export default function Story() {
  return (
    <div className="overflow-hidden bg-transparent pb-0 pt-12 lg:pt-12">
      <div className="mx-auto max-w-7xl px-6 lg:px-8">
        <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="flex items-start justify-end lg:justify-start lg:order-first">
          <img
             alt="New Features"
              src="/images/story1.jpg"
            className="w-full max-w-[40rem] rounded-xl shadow-xl ring-1 ring-gray-400/10 object-cover"
            style={{ maxWidth: '40rem', height: 'auto' }}
          />
        </div>
          <div className="lg:ml-auto lg:pl-4 lg:pt-0">
            <div className="lg:max-w-lg">
              <H2>Our Story</H2>
              <PS>
              THE TALE OF SACRED ENERGIES OF THE NILE
              </PS>
              <PS>
              Our founders, Isabelle Peeters and Kristof De Spiegeleer fell in love with the Nile and envisioned creating clean, unique, and high-energy boats for people to experience its sacred energies.
              </PS>
              <PS>
              Their goal is to offer a sanctuary for the body, mind, and spirit, a safe space to open yourself to new experiences, and allow these sacred energies to enter your consciousness, helping you reconnect with your true essence.
              </PS>
              <PS>
              We are in unique times, marked by the energies of the Aquarian Age. As chaotic as these times may seem, they bring a shift in energies and an opportunity for transformation. The Nile is a powerful energy vortex, and we are here to help you align with its frequencies.
              </PS>  
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
