From 1c414418014ead382b2204a942d5226f47ec23b5 Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Thu, 9 Feb 2023 13:33:02 -0300
Subject: [PATCH] feat: Adicionado o estilo do newsletter

---
 store/blocks/pdp/product.jsonc                | 17 +++++--
 styles/css/vtex.store-components.css          | 50 +++++++++++++++++++
 .../pages/product/vtex.store-components.scss  | 50 +++++++++++++++++++
 3 files changed, 113 insertions(+), 4 deletions(-)

diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index dbdd649..c85f564 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -137,7 +137,7 @@
     "props": {
       "blockClass": "cart"
     },
-    "children": ["product-quantity", "flex-layout.row#buy-button"]
+    "children": ["product-quantity#qtd", "flex-layout.row#buy-button"]
   },
   "flex-layout.row#product-name": {
     "props": {
@@ -152,11 +152,20 @@
       "showValueNameForImageVariation": true
     }
   },
-
+  "product-quantity#qtd": {
+    "props": {
+      "width": "25%",
+      "size": "regular",
+      "blockClass": "buyQtd"
+    }
+    //"children": ["product-quantity"]
+  },
   "flex-layout.row#buy-button": {
     "props": {
-      "width": "80%",
-      "blockClass": "buyButton"
+      "blockClass": "buyButton",
+      "marginTop": "4",
+      "marginBottom": "7",
+      "paddingRight": "0"
     },
 
     "children": ["add-to-cart-button"]
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 4945797..b40abe3 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -174,4 +174,54 @@
   font-size: 16px;
   line-height: 22px;
   color: #929292;
+}
+
+.newsletter {
+  margin-top: 64px;
+}
+.newsletter .container {
+  display: flex;
+  height: 175px;
+  padding: 0 0 0 0;
+  background: black;
+  align-items: center;
+  justify-content: center;
+}
+.newsletter .container .label {
+  display: flex;
+  flex-direction: column;
+  font-size: 0;
+}
+.newsletter .container .label::before {
+  content: "Assine nossa Newsletter";
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 24px;
+  line-height: 38px;
+  text-align: center;
+  color: #ffffff;
+}
+.newsletter .container .label::after {
+  content: "Receba ofertas e novidades por e-mail";
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 25px;
+  text-align: center;
+  color: #929292;
+}
+.newsletter .container :global(.vtex-input-prefix__group) {
+  display: flex;
+  justify-content: center;
+  width: 774px;
+  border-top: none;
+  border-right: none;
+  border-left: none;
+  border-bottom: 1px solid #929292;
+}
+.newsletter .container :global(.vtex-styleguide-9-x-input) {
+  background: transparent;
+  padding: 0 0 0 0;
 }
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index f66a67b..9f70129 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -179,3 +179,53 @@
     color: #929292;
   }
 }
+
+.newsletter {
+  margin-top: 64px;
+  .container {
+    display: flex;
+    height: 175px;
+    padding: 0 0 0 0;
+    background: black;
+    align-items: center;
+    justify-content: center;
+    .label {
+      display: flex;
+      flex-direction: column;
+      font-size: 0;
+      &::before {
+        content: "Assine nossa Newsletter";
+        font-family: "Open Sans";
+        font-style: normal;
+        font-weight: 400;
+        font-size: 24px;
+        line-height: 38px;
+        text-align: center;
+        color: #ffffff;
+      }
+      &::after {
+        content: "Receba ofertas e novidades por e-mail";
+        font-family: "Open Sans";
+        font-style: normal;
+        font-weight: 400;
+        font-size: 18px;
+        line-height: 25px;
+        text-align: center;
+        color: #929292;
+      }
+    }
+    :global(.vtex-input-prefix__group) {
+      display: flex;
+      justify-content: center;
+      width: 774px;
+      border-top: none;
+      border-right: none;
+      border-left: none;
+      border-bottom: 1px solid #929292;
+    }
+    :global(.vtex-styleguide-9-x-input) {
+      background: transparent;
+      padding: 0 0 0 0;
+    }
+  }
+}