diff --git a/Websites/jefes-nextjs/app/about-us/page.tsx b/Websites/jefes-nextjs/app/about-us/page.tsx
index 8f4a6dd..968108b 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-full h-[400px] overflow-hidden">
+      <div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
         <Image
           src="/IMG_2431.jpg"
           alt="nav image"
@@ -13,7 +13,7 @@ const AboutUs = () => {
           fill
           style={{ objectFit: "cover", objectPosition: "center" }}
           quality={100}
-          className="brightness-[20%] "
+          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 ">
diff --git a/Websites/jefes-nextjs/app/contact/page.tsx b/Websites/jefes-nextjs/app/contact/page.tsx
index 8a94fab..2e3050a 100644
--- a/Websites/jefes-nextjs/app/contact/page.tsx
+++ b/Websites/jefes-nextjs/app/contact/page.tsx
@@ -8,7 +8,7 @@ const contact = () => {
   return (
     <main>
       <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 pt-40 w-[100vw] h-[400px] overflow-hidden">
         <Image
           src="/IMG_2431.jpg"
           alt="nav image"
diff --git a/Websites/jefes-nextjs/app/gallery/page.tsx b/Websites/jefes-nextjs/app/gallery/page.tsx
index 6c30ad1..98f48ba 100644
--- a/Websites/jefes-nextjs/app/gallery/page.tsx
+++ b/Websites/jefes-nextjs/app/gallery/page.tsx
@@ -45,7 +45,7 @@ const Gallery = () => {
 
   return (
     <div className="flex flex-col relative">
-      <div className="flex relative -z-10 pt-40 w-full h-[400px] overflow-hidden">
+      <div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
         <Image
           src="/IMG_2431.jpg"
           alt="nav image"
diff --git a/Websites/jefes-nextjs/app/layout.tsx b/Websites/jefes-nextjs/app/layout.tsx
index ecd4089..12de066 100644
--- a/Websites/jefes-nextjs/app/layout.tsx
+++ b/Websites/jefes-nextjs/app/layout.tsx
@@ -28,7 +28,7 @@ export default function RootLayout({
             alt="Logo"
             className="hidden md:block absolute -z-10"
           /> */}
-        <main className="">{children}</main>
+        <main className="bg-[#EEEEEE]">{children}</main>
       </body>
     </html>
   );
diff --git a/Websites/jefes-nextjs/app/menu/layout.tsx b/Websites/jefes-nextjs/app/menu/layout.tsx
index 5a3ddc2..bae22ec 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-full h-[400px] overflow-hidden">
+      <div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
         <Image
           src="/IMG_2431.jpg"
           alt="nav image"
diff --git a/Websites/jefes-nextjs/app/page.tsx b/Websites/jefes-nextjs/app/page.tsx
index 1ea4553..fb052ad 100644
--- a/Websites/jefes-nextjs/app/page.tsx
+++ b/Websites/jefes-nextjs/app/page.tsx
@@ -8,7 +8,7 @@ export default function Home() {
   return (
     <main>
       <div className="flex flex-col relative">
-        <div className="flex relative w-full h-[90svh]">
+        <div className="flex relative w-full h-[95svh]">
           <Image
             src="/img01.webp"
             alt="nav image"
@@ -18,7 +18,7 @@ export default function Home() {
             quality={100}
             className="brightness-[20%] -z-90"
           />
-          <div className="flex flex-col items-center justify-center text-white absolute w-full h-[90svh] gap-6">
+          <div className="flex flex-col items-center justify-center text-white absolute w-full h-[95svh] gap-6">
             {/* <center className="bg-gray-700 w-full">0</center> */}
             <div className="flex w-full h-[24svh] relative">
               <Image
@@ -31,20 +31,78 @@ export default function Home() {
                 className=""
               />
             </div>
-            <p className="flex flex-col w-full justify-center px-[24svw] text-xl 2xl:px-[25svw] text-center">
+            <p className="flex flex-col w-full justify-center px-[24svw] text-xl 2xl:px-[25svw] text-center py-[10px] leading-relaxed">
               Jefe's Mexican Cocina Y Cantina serves the best Mexican food in
               town. Be our guests and have an enjoyable experience with an
               authentic Mexican meal right here in Broken Arrow, OK.
             </p>
             {/* <center>0</center> */}
             <div className="flex flex-row w-full space-x-6 items-center justify-center">
-              <MenuButton/>
+              <MenuButton />
               <Reserve />
             </div>
           </div>
         </div>
+        {/* Section 1 */}
+        <div className="flex flex-row h-[95svh] px-60 w-full leading-relaxed py-11 space-x-8">
+          {/* Text-side */}
+          <div className="flex flex-col text-start gap-8 max-w-[650px]">
+            <h2 className="text-red-800 text-4xl font-bold ">
+              The heart of Mexico here in Broken Arrow!
+            </h2>
+            <div className="flex flex-col text-start text-2xl">
+              <p>
+                Jefe's Mexican cocina y cantina is a family owned authentic
+                mexican restaurant that provides a variety of different dishes
+                and cocktails. We are one of the best restaurants around because
+                nowhere else can you find the most extraordinary homemade
+                Mexican food along with fresh and naturally flavored waters. At
+                our restaurant, we guarantee that our dishes are authentic to
+                the soul of Mexico.
+              </p>
+            </div>
+          </div>
+          {/* Images side  */}
+          <div className="flex flex-col relative w-full gap-4">
+            <div className="flex flex-col relative w-full h-[35svh] overflow-hidden">
+              <Image
+                src="/IMG_2431.jpg"
+                alt="food1 image"
+                priority
+                fill
+                style={{ objectFit: "cover", objectPosition: "top" }}
+                quality={100}
+                className=""
+              />
+            </div>
+            <div className="flex flex-row relative h-1/2 gap-4">
+              <div className="flex w-1/2 h-[25svh] relative">
+                <Image
+                  src="/IMG_2429.JPG"
+                  alt="food2 image"
+                  priority
+                  fill
+                  style={{ objectFit: "cover", objectPosition: "center" }}
+                  quality={100}
+                  className=""
+                />
+              </div>
+              <div className="flex w-1/2 h-[25svh] relative">
+                <Image
+                  src="/food02.webp"
+                  alt="food3 image"
+                  priority
+                  fill
+                  style={{ objectFit: "cover", objectPosition: "center" }}
+                  quality={100}
+                  className=""
+                />
+              </div>
+            </div>
+          </div>
+        </div>
         <div className="flex flex-col w-full h-[180vh]">
-          <EmblaCarousel />
+          {/* <EmblaCarousel /> */}
         </div>
       </div>
     </main>
diff --git a/Websites/jefes-nextjs/app/reservations/page.tsx b/Websites/jefes-nextjs/app/reservations/page.tsx
index f5e8d08..9932e1b 100644
--- a/Websites/jefes-nextjs/app/reservations/page.tsx
+++ b/Websites/jefes-nextjs/app/reservations/page.tsx
@@ -4,7 +4,7 @@ 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">
+      <div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
         <Image
           src="/IMG_2431.jpg"
           alt="nav image"