From 501cc66eeb81abee6aa27ed6f16ed6530501f8fe Mon Sep 17 00:00:00 2001
From: Leonardo <rochaleo879@gmail.com>
Date: Sun, 5 Feb 2023 19:30:36 -0300
Subject: [PATCH] feat: estiliza o newsletter

---
 react/components/Html/styles.css     | 48 +++++++++++++++++++++++++++-
 store/blocks/pdp/product.jsonc       | 21 ++++++++----
 styles/css/vtex.store-components.css |  3 +-
 3 files changed, 63 insertions(+), 9 deletions(-)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 4d128eb..f2233e8 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -157,8 +157,54 @@
   background: none;
 }
 
-
 [class*="imageNormal"] {
   max-width: 434.4px;
   max-height: 434.4px;
 }
+
+[class*="newsletter"] {
+  color: white;
+}
+
+[id*="newsletter-input"] {
+  color: white;
+  background: black;
+  border: none;
+}
+
+[class*="t-heading-3"] {
+  content: "Teste \n teste 2";
+  margin-bottom: 57px;
+  font-size: 0;
+}
+[class*="t-heading-3"]::after {
+  content: "Assine nossa newsletter";
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 24px;
+  line-height: 38px;
+  position: relative;
+  bottom: 47px;
+}
+
+[class*="textNewsletter"] {
+  color: white;
+  position: relative;
+  top: 38px;
+}
+
+[class*="vtex-input-prefix__group"] {
+  border: none;
+  border-bottom: 1px solid white;
+  border-radius: 0;
+}
+
+[class*="buttonContainer"] :global(.vtex-button) {
+  border: none;
+  border-bottom: 2px solid white;
+  background-color: black;
+  border-radius: 0;
+  position: relative;
+  right: 12px;
+}
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 8e8d1cd..e6ef024 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -6,17 +6,26 @@
       "tab-layout#home",
       "rich-text#textproducts",
       "list-context.product-list#demo1",
+      "rich-text#textnewsletter",
       "newsletter",
       "product-questions-and-answers"
     ]
   },
 
-  "newsletter-form": {
-    "children": [
-      "newsletter-input-email",
-      "newsletter-input-name",
-      "newsletter-submit"
-    ]
+  "newsletter": {
+    "props": {
+      "text": "Você também pode gostar:"
+    }
+  },
+
+  "rich-text#textnewsletter": {
+    "props": {
+      "textAlignment": "CENTER",
+      "textPosition": "CENTER",
+      "text": "Receba ofertas e novidades por e-mail",
+      "id": "textNewsletter",
+      "blockClass": "textNewsletter"
+    }
   },
 
   "rich-text#textproducts": {
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 0d1a0d8..11726ea 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -9,5 +9,4 @@
 /* Grid breakpoints */
 .newsletter {
   background: black;
-  color: white;
-}
+}
\ No newline at end of file