updated

components/Catalogue/InnerDetailsCatalogue.js

@@ -94,7 +94,7 @@ const InnerDetailsCatalogue = ({ subCategory = "All Catalogue", cataloguesData }
 
         <Row>
           {sortedProducts.map((product, index) => (
-            <Col xs={6} md={4} key={`${product.productSlug}-${index}`}>
+            <Col xs={12} md={4} key={`${product.productSlug}-${index}`}>
               <div className="collections-item">
                 <Link href={cleanImage(product?.pdfLink?.url || "#")} target="_blank">
                   <Image

components/Common/InnerBanner.js

@@ -2,12 +2,14 @@ import React from 'react'
 import { Col, Row } from 'react-bootstrap'
 import { cleanImage } from '../services/imageHandling'
 import Image from 'next/image'
+import { useRouter } from 'next/router'
 
 const InnerBanner = ({bannerData}) => {
-    
+     const router = useRouter();
+     const routeName = router.pathname.replace("/", ""); 
   return (
     <>
-        <section className='innerbanner-section'>
+        <section className={`innerbanner-section ${routeName}`}>
             <div className='innerbanner'>
                 <Row>
                     <Col>

components/Layout/Header.js

@@ -128,7 +128,6 @@ import { cleanImage } from "../services/imageHandling";
 // ];
 
 export default function Navigation({ collectionsData = [] }) {
-
   const [scrolled, setScrolled] = useState(false);
   const [show, setShow] = useState(false);
   const [activeMenu, setActiveMenu] = useState(null);
@@ -180,8 +179,7 @@ export default function Navigation({ collectionsData = [] }) {
 
   const headerData = useSelector((state) => state.header.data);
 
-const showLevel3 = collectionL2?.products?.length > 0;
-
+  const showLevel3 = collectionL2?.products?.length > 0;
 
   return (
     <>
@@ -226,8 +224,6 @@ const showLevel3 = collectionL2?.products?.length > 0;
                   <div className="dropdown-menu-inner custom_container">
                     <Row>
                       <Col md={showLevel3 ? 8 : 8}>
-
-
                         <Row>
                           <Col md={4}>
                             <h6 className="nav-head01">Collections</h6>
@@ -296,8 +292,7 @@ const showLevel3 = collectionL2?.products?.length > 0;
                                 ))}
                               </ul>
                             </Col>
-)}
-
+                          )}
                         </Row>
                       </Col>
 
@@ -326,8 +321,6 @@ const showLevel3 = collectionL2?.products?.length > 0;
                             ))}
                         </Row>
                       </Col>
-                
-
                     </Row>
                   </div>
                 </div>
@@ -480,14 +473,14 @@ const showLevel3 = collectionL2?.products?.length > 0;
                   About
                 </Link>
                 <Link
-                  href="/about"
+                  href="/catalogue"
                   className="menu-item"
                   onClick={() => setShow(false)}
                 >
                   Catalogue
                 </Link>
                 <Link
-                  href="/contacts"
+                  href="/connect"
                   className="menu-item"
                   onClick={() => setShow(false)}
                 >
@@ -575,8 +568,7 @@ const showLevel3 = collectionL2?.products?.length > 0;
                       {sub.subCategoryName}
                     </Link>
                   );
-})}
-
+                })}
               </>
             )}
 
@@ -663,16 +655,32 @@ const showLevel3 = collectionL2?.products?.length > 0;
                   {/* ‹ Brands */}
                 </button>
 
-                {activeBrand.subCategories.map((sub) => (
-                  <Link
-                    key={sub.subCategorySlug}
-                    href={`/brands/${activeBrand.categorySlug}/${sub.subCategorySlug}`}
-                    className="menu-item"
-                    onClick={() => setShow(false)}
-                  >
-                    {sub.subCategoryName}
+               
+                 
+                
+                  <Link href="/brands/valcucine">
+                            <Image
+                              width={177}
+                              height={60}
+                              src="/image/header-logo/valcucine.png"
+                            />
                           </Link>
-                ))}
+                          <Link href="/brands/rimadesio">
+                            <Image
+                              width={177}
+                              height={60}
+                              src="/image/header-logo/rimadesio.png"
+                            />
+                          </Link>
+                          <Link href="/brands/inalco">
+                            <Image
+                              width={177}
+                              height={60}
+                              src="/image/header-logo/inalco.png"
+                            />
+                          </Link>
+              
+              
               </>
             )}
           </Nav>

styles/globals.css

@@ -1245,6 +1245,12 @@ footer a:hover {
 }
 /* ===Media query==== */
 @media (max-width: 767px) {
+  .innercontent-section iframe{
+    height: 235px;
+  }
+  .innerbanner-section.connect .product-banner img{
+    object-position: center right;
+  }
   .cataloguesSwiper .collection-card img {
     max-height: 456px;
 }
@@ -1313,11 +1319,14 @@ footer a:hover {
     max-width: 95%;
 }
 .exp-showroom-img img{
-  height: 45vw;
+  height: 235px;
 }
-.exp-showroom-img img:first-child {
-    margin-top: 3rem;
+.exp-showroom-img .img:first-child {
+    margin-top: 4rem;
 }
+/* .exp-showroom-img img:first-child {
+    margin-top: 3rem;
+} */
 .exp-showroom-img img {
     margin: 0.4rem;
 }