remove sneakers banner

Author: Mishra-coder

frontend/src/App.jsx

@@ -134,8 +134,7 @@ function App() {
                 exit={{ opacity: 0, x: -20 }}
                 transition={{ duration: 0.3 }}
               >
-                <div className="layout-split">
-                  <Sidebar
+                <div className="layout-split">                  <Sidebar
                     selectedCategories={selectedCategories}
                     selectedThemes={selectedThemes}
                     onToggleFilter={toggleFilter}
@@ -148,8 +147,7 @@ function App() {
                     onToggleWishlist={toggleWishlist}
                     isWishlisted={isWishlisted}
                   />
-                </div>
-              </motion.div>
+                </div>              </motion.div>
             ) : (
               <motion.div
                 key="detail"

frontend/src/index.css

@@ -1192,3 +1192,7 @@ ul {
 /* Search clear button */
 .search-clear { background: none; border: none; cursor: pointer; color: #aaa; font-size: 14px; padding: 0 4px; line-height: 1; }
 .search-clear:hover { color: #e85d04; }
+
+/* Sneakers Banner */
+.sneakers-banner-full { width: 100%; overflow: hidden; margin-bottom: 0; }
+.sneakers-banner-full img { width: 100%; aspect-ratio: 16 / 7; display: block; object-fit: cover; object-position: center center; }