188 lines
8.0 KiB
TypeScript
188 lines
8.0 KiB
TypeScript
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;
|