From c60830c2f644890f7b117916c08ff025b49ad828 Mon Sep 17 00:00:00 2001
From: "Idris B.SARIKAYA" <bidrisarikaya@gmail.com>
Date: Thu, 11 Apr 2024 10:14:53 +0200
Subject: [PATCH] changement the code

---
 .../src/Compenents/Compenents.css             | 35 ++++++++++++++-----
 .../src/Compenents/ContactHoraire.jsx         | 31 ++++++++--------
 projet-restorant/src/Compenents/NavBars.jsx   |  8 ++---
 3 files changed, 48 insertions(+), 26 deletions(-)

diff --git a/projet-restorant/src/Compenents/Compenents.css b/projet-restorant/src/Compenents/Compenents.css
index b7a9765..15c4195 100644
--- a/projet-restorant/src/Compenents/Compenents.css
+++ b/projet-restorant/src/Compenents/Compenents.css
@@ -28,14 +28,33 @@
 /* Choraire css*/
 .footer-container {
     display: flex;
-    justify-content:space-around;
+    justify-content: space-around;
+    position: relative; /* Pozisyon ayarı */
     padding: 20px;
-    background-image: url('../image/FooterRestaurant.jpg'); /* Arka plan resminizin yolu */
-    background-size: 2200px 800px; /* Resmin tam genişlik ve yüksekliği kaplamasını sağlar */
-    color: rgb(0, 0, 0); /* Metin rengi */
+    color: rgb(0, 0, 0);
+}
+
+/* Yeni arka plan resmi div'i için stil */
+.background-image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: url('../image/FooterRestaurant.jpg');
+    opacity: 0.5;
+    background-size: cover; /* veya istediğin boyut */
     background-repeat: no-repeat;
-  }
-  
-  .footer-contact, .footer-hours {
+    z-index: -1; /* İçeriklerin önünde olmaması için */
+}
+
+.footer-content {
+    z-index: 2; /* Arka planın önünde olmasını sağlar */
+    display: flex;
+    justify-content: space-around;
+    width: 100%;
+}
+
+.footer-contact, .footer-hours {
     width: 50%;
-  }
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/projet-restorant/src/Compenents/ContactHoraire.jsx b/projet-restorant/src/Compenents/ContactHoraire.jsx
index dc96cb7..83d73b6 100644
--- a/projet-restorant/src/Compenents/ContactHoraire.jsx
+++ b/projet-restorant/src/Compenents/ContactHoraire.jsx
@@ -4,21 +4,24 @@ import "../Compenents/Compenents.css";
 const Choraire = () => {
     return(
         <div className="footer-container">
-        <div className="footer-contact">
-          <h2>Contact</h2>
-          <p> +41 22 000 00 00 </p>
-          <p>Chef's Restaurant</p>
-          <p>
-            Avenue du Projet 11, 1000 Genève
-          </p>
+            {/* Arka plan resmi için ayrı bir div */}
+            <div className="background-image"></div>
+            {/* İçerik */}
+            <div className="footer-content">
+                <div className="footer-contact">
+                    <h2>Contact</h2>
+                    <p> +41 22 000 00 00 </p>
+                    <p>Chef's Restaurant</p>
+                    <p>Avenue du Projet 11, 1000 Genève</p>
+                </div>
+                <div className="footer-hours">
+                    <h2>Horaire</h2>
+                    <p>Lundi-Vendredi: 8h30-23h30</p>
+                    <p>Samedi: 10h30-21h30</p>
+                    <p>Dimanche: Fermé</p>
+                </div>
+            </div>
         </div>
-        <div className="footer-hours">
-          <h2>Horaire</h2>
-          <p>Lundi-Vendredi: 8h30-23h30</p>
-          <p>Samedi: 10h30-21h30</p>
-          <p>Dimanche: Fermé</p>
-        </div>
-      </div>
     );
 }
 export default Choraire;
diff --git a/projet-restorant/src/Compenents/NavBars.jsx b/projet-restorant/src/Compenents/NavBars.jsx
index a19feb9..0124928 100644
--- a/projet-restorant/src/Compenents/NavBars.jsx
+++ b/projet-restorant/src/Compenents/NavBars.jsx
@@ -30,10 +30,10 @@ function Navbars() {
       </Navbar>
       {/* Sidebar menü */}
       <div className={`sidebar ${isOpen ? 'open' : ''}`} style={{zIndex: 1}}><br />
-        <a href="#">Page D'acceuil</a>
-        <a href="#">Menu</a>
-        <a href="#">Reservation</a>
-        <a href="#">Contact</a>
+        <a href="/">Page D'acceuil</a>
+        <a href="/">Menu</a>
+        <a href="/">Reservation</a>
+        <a href="/">Contact</a>
       </div>
     </div>
   );