moved keys to env

Websites/jefes-nextjs/.env

@@ -6,3 +6,4 @@
 
 # DATABASE_URL="postgresql://johndoe:randompassword@localhost:5432/mydb?schema=public"
 DATABASE_URL="mysql://root:%21Plop2099341723@192.168.50.190:3306/db"
+MAPS_API_KEY="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJQ-7Uc0BitocRQZASTWUyN04&key=AIzaSyBS4qOnpT4llaFa_UKMpeWike3lzDvFZ1U"

Websites/jefes-nextjs/app/layout.tsx

@@ -29,6 +29,7 @@ export default function RootLayout({
             className="hidden md:block absolute -z-10"
           /> */}
         <main className="bg-[beige]">{children}</main>
+        {/* Footer */}
       </body>
     </html>
   );

Websites/jefes-nextjs/app/page.tsx

@@ -68,7 +68,7 @@ export default function Home() {
             </div>
           </div>
           {/* Images side  */}
-          <div className="flex flex-col section__images w-full relative space-y-4">
+          <div className="flex flex-col section__images w-full relative space-y-4 min-w-min pb-4">
             <div className="Images w-full h-1/2 relative overflow-hidden">
               <div className="relative w-full h-[130%] xl:h-[135%]">
                 <Image
@@ -285,7 +285,7 @@ export default function Home() {
         </div>
         <div className="w-full h-[80svh] bg-blue-300">
           {/* <GoogleReviews /> */}
-          {/* <GoogleMap /> */}
+          <GoogleMap />
         </div>
         {/* <div className="flex flex-col w-full h-[180vh]">
           <EmblaCarousel />

Websites/jefes-nextjs/app/template/page.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+const page = () => {
+  return (
+    <div className="flex flex-col h-[100svh] pt-32 justify-center items-center text-center">
+      <div className="bg-purple-400 w-[100%] h-10">menu</div>
+      <div className="bg-blue-400 w-[10%] h-10">phone number</div>
+      <div className="bg-green-400 w-[20%] h-10">order online</div>
+      <div className="bg-yellow-400 w-[100%] h-10">hours</div>
+      <div className="bg-orange-400 w-[100%] h-10">email list</div>
+      <div className="bg-red-400 w-[100%] h-10">social media</div>
+      <div className="bg-purple-400 w-[100%] h-10">contact/booking</div>
+      <div className="bg-blue-400 w-[100%] h-10">location</div>
+      <div className="bg-green-400 w-[100%] h-10">reviews</div>
+      <div className="bg-orange-400 w-[100%] h-10">about</div>
+      <div className="bg-red-400 w-[100%] h-10">return policy</div>
+    </div>
+  );
+};
+
+export default page;

Websites/jefes-nextjs/components/Footer/footer.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Footer = () => {
+  return (
+    <div>
+
+    </div>
+  )
+}
+
+export default Footer

Websites/jefes-nextjs/components/Maps/MapComponent.tsx

@@ -11,7 +11,7 @@ const GoogleMap = () => {
           height="450"
           style={{border: "0"}}
           loading="lazy"
-          src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJQ-7Uc0BitocRQZASTWUyN04&key=AIzaSyBS4qOnpT4llaFa_UKMpeWike3lzDvFZ1U"
+          src={process.env.MAPS_API_KEY}
         ></iframe>
       </div>
     </div>