import Image from 'next/image'
import React from 'react'

const Page: React.FC = () => {
  return (
    <div className="container mx-auto p-4">
      {/* First Row */}
      <div className="flex flex-col lg:flex-row">
        <p className="lg:flex-1 bg-brand text-center uppercase content-center text-xl lg:text-2xl p-6 lg:p-10 leading-relaxed lg:leading-loose text-white font-open-sans">
          Welcome to Hotel Namaste! Experience luxury accommodations,
          exceptional dining, and premier event spaces in the heart of Surkhet.
        </p>
        <div className="lg:flex-1 bg-blue-500">
          <Image
            src={'/brand/3.jpg'}
            alt="hotel brand image"
            height={500}
            width={500}
            className="w-full h-auto"
          />
        </div>
      </div>

      {/* Second Row */}
      <div className="flex flex-col lg:flex-row h-auto lg:h-[400px]">
        <div className="lg:w-1/4 bg-gray-500 text-center lg:text-left">
          <h2 className="text-3xl lg:text-4xl transform lg:-rotate-90 lg:translate-y-24 p-4 lg:p-0">
            About Us
          </h2>
        </div>
        <p className="lg:w-1/2 bg-white text-justify p-4 text-brand">
          Welcome to Hotel Namaste, your premier destination for luxury and
          comfort in Surkhet. Situated in the heart of Karnali Province, our
          hotel offers well-appointed rooms and suites designed to provide
          maximum comfort and convenience. Each room is equipped with modern
          amenities, including 24/7 room service, high-definition televisions,
          and complimentary high-speed internet. Guests can enjoy stunning views
          and elegant decor, making every stay a delightful experience. Our
          dining options feature a diverse menu of local and international
          cuisines, prepared by talented chefs dedicated to culinary excellence.
          In addition to luxurious accommodations, Hotel Namaste is the ideal
          venue for corporate events and social gatherings. Our banquet hall and
          conference room are equipped with state-of-the-art facilities, perfect
          for business meetings, weddings, and celebrations. Conveniently
          located in Surkhet, our hotel offers easy access to major attractions
          and business districts, making it the perfect base for exploring the
          region. At Hotel Namaste, we are committed to providing exceptional
          service and creating unforgettable experiences for our guests.
        </p>
        <div className="lg:w-1/4 bg-purple-300"></div>
      </div>

      {/* Third Row */}
      <div className="flex flex-col-reverse lg:flex-row-reverse">
        <p className="lg:flex-1 bg-brand text-center uppercase content-center text-xl lg:text-2xl p-6 lg:p-10 leading-relaxed lg:leading-loose text-white font-open-sans">
          Discover Hotel Namaste, where luxury meets comfort in Surkhet. Enjoy
          modern amenities, exquisite dining, and versatile event spaces,
          ensuring a memorable stay for every guest.
        </p>
        <div className="lg:flex-1 bg-blue-500">
          <Image
            src={'/brand/6.jpg'}
            alt="hotel brand image"
            height={500}
            width={500}
            className="w-full h-auto"
          />
        </div>
      </div>
    </div>
  )
}

export default Page