updated stone layout

components/StoneFinishCabinet/Details.js

@@ -62,19 +62,7 @@ const Details = ({DetailsItem,bottomInfo}) => {
             </Col>
           </Row>
         </div>
-      </section>
-      {(bottomInfo?.title || bottomInfo?.description) && (
-      <section className="about-section about-info-section pt-0 mt-0">
-        <div className="container">
-          <Row className="justify-content-center text-center">
-            <Col md={12}>
-                 <div className='mb-2 text-transform-uppercase'><strong>{bottomInfo?.title}</strong></div> 
-                 <div dangerouslySetInnerHTML={{ __html: bottomInfo?.description }} />
-            </Col>
-          </Row>
-        </div>
-      </section>
-      )}
+      </section> 
       </>
   )
 }

components/StoneFinishCabinet/StoneFinishCabinet.js

@@ -7,7 +7,7 @@ const StoneFinishCabinet = ({ StoneFinishCabinet }) => {
   return (
     <>
       <AboutInfo productData={StoneFinishCabinet?.aboutInfo} />
-      {StoneFinishCabinet?.detailsItem?.length > 0 && (
+      {(StoneFinishCabinet?.detailsItem?.length > 0 || StoneFinishCabinet?.bottomInfo?.title || StoneFinishCabinet?.bottomInfo?.description) && (
         <Details
           DetailsItem={StoneFinishCabinet.detailsItem}
           bottomInfo={StoneFinishCabinet.bottomInfo}
@@ -16,7 +16,7 @@ const StoneFinishCabinet = ({ StoneFinishCabinet }) => {
       {(StoneFinishCabinet?.aboutInfoTwo || StoneFinishCabinet?.detailsItemTwo?.length > 0) && (
         <>
           <AboutInfo productData={StoneFinishCabinet?.aboutInfoTwo} />
-          {StoneFinishCabinet?.detailsItemTwo?.length > 0 && (
+          {(StoneFinishCabinet?.detailsItemTwo?.length > 0 || StoneFinishCabinet?.bottomInfoTwo?.title || StoneFinishCabinet?.bottomInfoTwo?.description) && (
             <Details
               DetailsItem={StoneFinishCabinet.detailsItemTwo}
               bottomInfo={StoneFinishCabinet.bottomInfoTwo}
@@ -24,6 +24,18 @@ const StoneFinishCabinet = ({ StoneFinishCabinet }) => {
           )}
         </>
       )}
+        {(StoneFinishCabinet?.bottomInfo?.title || StoneFinishCabinet?.bottomInfo?.description) && (
+      <section className="about-section about-info-section pt-0 mt-0">
+        <div className="container">
+          <Row className="justify-content-center text-center">
+            <Col md={12}>
+                 <div className='mb-2 text-transform-uppercase'><strong>{StoneFinishCabinet?.bottomInfo?.title}</strong></div> 
+                 <div dangerouslySetInnerHTML={{ __html: StoneFinishCabinet?.bottomInfo?.description }} />
+            </Col>
+          </Row>
+        </div>
+      </section>
+      )}
     </>
   )
 }