updated stone layout

components/StoneFinishCabinet/Details.js

@@ -63,6 +63,7 @@ const Details = ({DetailsItem,bottomInfo}) => {
           </Row>
           </Row>
         </div>
         </div>
       </section>
       </section>
+      {(bottomInfo?.title || bottomInfo?.description) && (
       <section className="about-section about-info-section pt-0 mt-0">
       <section className="about-section about-info-section pt-0 mt-0">
         <div className="container">
         <div className="container">
           <Row className="justify-content-center text-center">
           <Row className="justify-content-center text-center">
@@ -73,6 +74,7 @@ const Details = ({DetailsItem,bottomInfo}) => {
           </Row>
           </Row>
         </div>
         </div>
       </section>
       </section>
+      )}
       </>
       </>
   )
   )
 }
 }

components/StoneFinishCabinet/StoneFinishCabinet.js

@@ -13,6 +13,17 @@ const StoneFinishCabinet = ({ StoneFinishCabinet }) => {
           bottomInfo={StoneFinishCabinet.bottomInfo}
           bottomInfo={StoneFinishCabinet.bottomInfo}
         />
         />
       )}
       )}
+      {(StoneFinishCabinet?.aboutInfoTwo || StoneFinishCabinet?.detailsItemTwo?.length > 0) && (
+        <>
+          <AboutInfo productData={StoneFinishCabinet?.aboutInfoTwo} />
+          {StoneFinishCabinet?.detailsItemTwo?.length > 0 && (
+            <Details
+              DetailsItem={StoneFinishCabinet.detailsItemTwo}
+              bottomInfo={StoneFinishCabinet.bottomInfoTwo}
+            />
+          )}
+        </>
+      )}
     </>
     </>
   )
   )
 }
 }

services/collectionDetailCategoryApi.js

@@ -76,6 +76,12 @@ export async function getCollectionDetailCategoryData(productSlug) {
             detailsItem: {
             detailsItem: {
               populate: "*",
               populate: "*",
             },
             },
+            aboutInfoTwo: {
+              populate: "*",
+            },
+            detailsItemTwo: {
+              populate: "*",
+            },
             bottomInfo: {
             bottomInfo: {
               populate: "*",
               populate: "*",
             },
             },