feat: cria a seção de descrição

react/components/Html/styles.css

@@ -118,14 +118,46 @@
 }
 
 [class*="productDescriptionTitle"] {
-  font-size: 0;
-}
-
-[class*="productDescriptionTitle"]::after {
   font-family: "Open Sans";
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   line-height: 38px;
-  content: "Descrição";
+}
+
+[class*="productDescriptionContainer"] {
+  margin-left: 32px;
+}
+
+[class*="productDescriptionContainer"]:global(.content) {
+  width: 632px;
+  height: 66px;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: #929292;
+}
+
+[class*="listContainer"] {
+  justify-content: space-between;
+  color: black;
+  background-color: transparent;
+}
+
+[class*="listContainer"] :global(.vtex-button__label) {
+  color: black;
+  text-transform: capitalize;
+}
+
+[class*="listContainer"] :global(.vtex-button__label:hover) {
+  color: black;
+  text-transform: capitalize;
+  background: none;
+}
+
+[class*="listItemActive"] {
+  background: none;
+  border: none;
 }

store/blocks/pdp/product.jsonc

@@ -4,12 +4,10 @@
       "html#breadcrumb",
       "condition-layout.product#availability",
       "tab-layout#home",
-      "flex-layout.row#specifications-title",
-      "product-specification-group#table",
-      "shelf.relatedProducts",
       "product-questions-and-answers"
     ]
   },
+
   "html#breadcrumb": {
     "props": {
       "tag": "section",
@@ -30,7 +28,7 @@
     "props": {
       "marginBottom": 7
     },
-    "children": ["product-description"]
+    "children": ["image#tab", "product-description"]
   },
   "condition-layout.product#availability": {
     "props": {
@@ -112,6 +110,7 @@
 
   "flex-layout.col#right-col": {
     "props": {
+      "width": "60%",
       "preventVerticalStretch": true,
       "rowGap": 0
     },
@@ -130,6 +129,12 @@
     ]
   },
 
+  "image#tab": {
+    "props": {
+      "src": "assets/img-sapato.png"
+    }
+  },
+
   "tab-layout#home": {
     "children": ["tab-list#home", "tab-content#home"],
     "props": {
@@ -138,7 +143,13 @@
     }
   },
   "tab-list#home": {
-    "children": ["tab-list.item#home1", "tab-list.item#home2"]
+    "children": [
+      "tab-list.item#home1",
+      "tab-list.item#home2",
+      "tab-list.item#home3",
+      "tab-list.item#home4",
+      "tab-list.item#home5"
+    ]
   },
   "tab-list.item#home1": {
     "props": {
@@ -159,8 +170,28 @@
       "label": "Descrição"
     }
   },
+
+  "tab-list.item#home4": {
+    "props": {
+      "tabId": "home4",
+      "label": "Descrição"
+    }
+  },
+
+  "tab-list.item#home5": {
+    "props": {
+      "tabId": "home5",
+      "label": "Descrição"
+    }
+  },
   "tab-content#home": {
-    "children": ["tab-content.item#home1", "tab-content.item#home2"]
+    "children": [
+      "tab-content.item#home1",
+      "tab-content.item#home2",
+      "tab-content.item#home3",
+      "tab-content.item#home4",
+      "tab-content.item#home5"
+    ]
   },
   "tab-content.item#home1": {
     "children": ["flex-layout.row#description"],
@@ -182,6 +213,20 @@
     }
   },
 
+  "tab-content.item#home4": {
+    "children": ["flex-layout.row#description"],
+    "props": {
+      "tabId": "home4"
+    }
+  },
+
+  "tab-content.item#home5": {
+    "children": ["flex-layout.row#description"],
+    "props": {
+      "tabId": "home5"
+    }
+  },
+
   "product-installments#m3-academy": {
     "props": {
       "installmentsCriteria": "max-quantity-without-interest",