From 44a363922d5330b29eaeb117981df137a57883d3 Mon Sep 17 00:00:00 2001
From: ImAlpha <arcticjcb@gmail.com>
Date: Tue, 14 Nov 2023 08:28:04 -0800
Subject: [PATCH] fixed x-axis spacing

---
 Websites/jefes-nextjs/app/about-us/page.tsx   |   2 +-
 .../app/components/NavBar/NavBar.tsx          |   4 +-
 .../app/components/reserve/page.tsx           |   9 -
 .../app/components/reserve/reserve.tsx        |  17 --
 Websites/jefes-nextjs/app/menu/layout.tsx     |   2 +-
 .../jefes-nextjs/app/reservations/page.tsx    | 187 ++++++++++++++++++
 6 files changed, 191 insertions(+), 30 deletions(-)
 delete mode 100644 Websites/jefes-nextjs/app/components/reserve/page.tsx
 delete mode 100644 Websites/jefes-nextjs/app/components/reserve/reserve.tsx
 create mode 100644 Websites/jefes-nextjs/app/reservations/page.tsx

diff --git a/Websites/jefes-nextjs/app/about-us/page.tsx b/Websites/jefes-nextjs/app/about-us/page.tsx
index fa9da7c..8f4a6dd 100644
--- a/Websites/jefes-nextjs/app/about-us/page.tsx
+++ b/Websites/jefes-nextjs/app/about-us/page.tsx
@@ -5,7 +5,7 @@ import Image from "next/image";
 const AboutUs = () => {
   return (
     <div className="flex flex-col relative justify-center items-center ">
-      <div className="flex relative -z-10 pt-40 w-[100vw] h-[400px] overflow-hidden">
+      <div className="flex relative -z-10 pt-40 w-full h-[400px] overflow-hidden">
         <Image
           src="/IMG_2431.jpg"
           alt="nav image"
diff --git a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
index 0400df1..bea6b6e 100644
--- a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
+++ b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
@@ -33,10 +33,10 @@ const NavBar = () => {
   // Create an array to hold the list items
   const links2 = [
     { label: "ABOUT", href: "/about-us" },
-    { label: "REVIEWS", href: "/reviews" },
+    // { label: "REVIEWS", href: "/reviews" },
     { label: "CONTACT", href: "/contact" },
     // { label: "Dashboard", href: "/dashboard" },
-    // { label: "RESERVE", href: "/reservations" },
+    { label: "RESERVE", href: "/reservations" },
     // { label: "Issues", href: "/issues" },
   ];
 
diff --git a/Websites/jefes-nextjs/app/components/reserve/page.tsx b/Websites/jefes-nextjs/app/components/reserve/page.tsx
deleted file mode 100644
index a9c057d..0000000
--- a/Websites/jefes-nextjs/app/components/reserve/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-
-const Reservation = () => {
-  return (
-    <div>reservation</div>
-  )
-}
-
-export default Reservation
\ No newline at end of file
diff --git a/Websites/jefes-nextjs/app/components/reserve/reserve.tsx b/Websites/jefes-nextjs/app/components/reserve/reserve.tsx
deleted file mode 100644
index 0cfff1b..0000000
--- a/Websites/jefes-nextjs/app/components/reserve/reserve.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import { routeModule } from 'next/dist/build/templates/app-page';
-import React from 'react'
-
-const Reserve = () => {
-    async function handleClick(event: any) {
-        routeModule
-      }
-  return (
-    <div className='text-base-100 right-2 mx-auto absolute'>
-        <button onClick={handleClick}>Make a Reservation!</button>
-    </div>
-  )
-}
-
-export default Reserve
\ No newline at end of file
diff --git a/Websites/jefes-nextjs/app/menu/layout.tsx b/Websites/jefes-nextjs/app/menu/layout.tsx
index 6361fb9..5a3ddc2 100644
--- a/Websites/jefes-nextjs/app/menu/layout.tsx
+++ b/Websites/jefes-nextjs/app/menu/layout.tsx
@@ -4,7 +4,7 @@ import Image from "next/image";
 const layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <div className="flex flex-col relative justify-center items-center ">
-      <div className="flex relative -z-10 pt-40 w-[100vw] h-[400px] overflow-hidden">
+      <div className="flex relative -z-10 pt-40 w-full h-[400px] overflow-hidden">
         <Image
           src="/IMG_2431.jpg"
           alt="nav image"
diff --git a/Websites/jefes-nextjs/app/reservations/page.tsx b/Websites/jefes-nextjs/app/reservations/page.tsx
new file mode 100644
index 0000000..f5e8d08
--- /dev/null
+++ b/Websites/jefes-nextjs/app/reservations/page.tsx
@@ -0,0 +1,187 @@
+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 -z-10 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;