feat: adiciona o newsletter na página

manifest.json

@@ -15,6 +15,7 @@
     "postreleasy": "vtex publish --verbose"
   },
   "dependencies": {
+    "vtex.store-newsletter": "1.x",
     "vtex.store": "2.x",
     "vtex.store-header": "2.x",
     "vtex.product-summary": "2.x",

react/components/Html/styles.css

@@ -157,7 +157,8 @@
   background: none;
 }
 
-[class*="listItemActive"] {
-  background: none;
-  border: none;
+
+[class*="imageNormal"] {
+  max-width: 434.4px;
+  max-height: 434.4px;
 }

store/blocks/pdp/product.jsonc

@@ -6,10 +6,19 @@
       "tab-layout#home",
       "rich-text#textproducts",
       "list-context.product-list#demo1",
+      "newsletter",
       "product-questions-and-answers"
     ]
   },
 
+  "newsletter-form": {
+    "children": [
+      "newsletter-input-email",
+      "newsletter-input-name",
+      "newsletter-submit"
+    ]
+  },
+
   "rich-text#textproducts": {
     "props": {
       "textAlignment": "CENTER",

styles/css/vtex.store-components.css

@@ -8,5 +8,6 @@
 /* Media Query M3 */
 /* Grid breakpoints */
 .newsletter {
-  background: red;
+  background: black;
+  color: white;
 }

styles/sass/pages/product/vtex.store-components.scss

@@ -1,3 +1,3 @@
-.newsletter{
-    background: red;
+.newsletter {
+  background: black;
 }