import React from "react";
import Image from "next/image";

const page = () => {
  return (
    <div className="flex flex-col relative justify-center items-center">
      <div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
        <Image
          src="/IMG_2431.jpg"
          alt="nav image"
          priority
          fill
          style={{ objectFit: "cover", objectPosition: "center" }}
          quality={100}
          className="brightness-[20%] "
        />
        <div className="flex flex-col w-full text-center xl:text-5xl xl:block text-white lg:text-2xl z-10">
          <div className="p-6 ">
            <p className="py-4">
              <span className="">Reserve</span>
            </p>
          </div>
        </div>
      </div>
      <div className="flex flex-col bg-paintbg w-full items-center justify-center py-8 px-36">
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
          soluta numquam labore maxime voluptates, non accusamus dolor aut
          dolore quos porro doloribus inventore cumque architecto nobis! Vitae
          earum a minus.
        </p>
      </div>
    </div>
  );
};

export default page;