add a banner of a girly ring and bold the fonts and add a screen saver background with 2 photos same as in the showroom home

index.html

@@ -74,10 +74,10 @@ header {
         nav ul li a {
             text-decoration: none;
             color: #333;
-            font-weight: 500;
+            font-weight: 700;
         }
-        .hero {
-            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://shoeroom.shoes/wp-content/uploads/2023/01/shoeroom_hero_image.jpg');
+.hero {
+            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
             background-size: cover;
             background-position: center;
             height: 100vh;
@@ -90,7 +90,46 @@ header {
             position: relative;
             animation: heroZoom 15s infinite alternate;
         }
-        @keyframes heroZoom {
+        .hero-slider {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+            display: flex;
+            overflow: hidden;
+        }
+        .hero-slide {
+            min-width: 100%;
+            height: 100%;
+            background-size: cover;
+            background-position: center;
+            transition: 1s;
+        }
+        .banner {
+            background: linear-gradient(rgba(255, 192, 203, 0.8), rgba(255, 192, 203, 0.8));
+            padding: 1.5rem;
+            margin: 2rem 0;
+            text-align: center;
+            border-radius: 10px;
+            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
+        }
+        .banner h2 {
+            font-weight: bold;
+            font-size: 2rem;
+            margin-bottom: 1rem;
+        }
+        .banner-img {
+            width: 200px;
+            height: 200px;
+            margin: 0 auto;
+            background-image: url('http://static.photos/jewelry/640x360/1');
+            background-size: contain;
+            background-repeat: no-repeat;
+            background-position: center;
+        }
+@keyframes heroZoom {
             0% { background-size: 100% auto; }
             100% { background-size: 120% auto; }
         }
@@ -124,13 +163,15 @@ header {
         }
         .product-info h3 {
             margin-bottom: 0.5rem;
+            font-weight: 700;
         }
         .price {
-            font-weight: bold;
+            font-weight: 800;
             color: #e63946;
             margin: 0.5rem 0;
+            font-size: 1.2rem;
         }
-        footer {
+footer {
             background-color: #333;
             color: white;
             padding: 2rem;
@@ -153,13 +194,21 @@ header {
             </ul>
         </nav>
     </header>
-
     <section class="hero">
-        <h1>أحذية أنيقة لعالم أنيق</h1>
-        <p>اكتشف أحدث تشكيلات الأحذية لعام 2023 بأسعار تنافسية وجودة عالية</p>
+        <div class="hero-slider">
+            <div class="hero-slide" style="background-image: url('https://shoeroom.shoes/wp-content/uploads/2023/01/shoeroom_hero_image.jpg')"></div>
+            <div class="hero-slide" style="background-image: url('https://shoeroom.shoes/wp-content/uploads/2022/12/shoeroom_winter_collection.jpg')"></div>
+        </div>
+        <h1 style="font-weight: 900; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">أحذية أنيقة لعالم أنيق</h1>
+        <p style="font-weight: 700; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">اكتشف أحدث تشكيلات الأحذية لعام 2023 بأسعار تنافسية وجودة عالية</p>
     </section>
 
-    <section class="products">
+    <div class="banner">
+        <h2>خواتم أنثوية أنيقة</h2>
+        <p style="font-weight: 600;">تصاميم حصرية تضيف لمسة جمالية لأناقتك اليومية</p>
+        <div class="banner-img"></div>
+    </div>
+<section class="products">
         <div class="product-card">
             <div class="product-image" style="background-image: url('http://static.photos/fashion/640x360/2')"></div>
             <div class="product-info">