+
+
+
+
+
+
Ofertas
+ Não perca tempo,
+ garanta agora!
+
+
+
+ {`${hourString}:${minuteString}:${secondString}`}
+
+
+ );
+};
+
+export default Countdown;
+
+Countdown.schema = {
+ title: "Countdown Academy",
+ type: "object",
+ properties: {
+ endDate: {
+ title: "Data final de countdown",
+ type: "string",
+ default: "31/01/2023/12:30"
+ }
+ }
+};
diff --git a/custom/react/components/Countdown/styles.css b/custom/react/components/Countdown/styles.css
new file mode 100644
index 0000000..a22e35d
--- /dev/null
+++ b/custom/react/components/Countdown/styles.css
@@ -0,0 +1,78 @@
+.countdownWrapper {
+ background-image: url(./assets/textura.jpg);
+ background-repeat: no-repeat;
+ background-size: contain;
+
+ background-color: #c70042;
+ width: 414px;
+ height: 414px;
+ border-radius: 30px;
+ background-blend-mode: multiply;
+
+ position: relative;
+
+ margin: 30px auto 0 auto;
+}
+
+.countdownTitle {
+ color: white;
+ text-align: center;
+ padding-top: 40px;
+}
+
+.countdownHeading1 {
+ margin: 0;
+ font-size: 40px;
+ line-height: 48px;
+ letter-spacing: -0,05em;
+}
+
+.countdownHeading3 {
+ margin: 0;
+ font-size: 18px;
+ line-height: 20px;
+ letter-spacing: -0,05em;
+ font-weight: 300;
+}
+
+.countdownHeading2 {
+ margin: 0;
+ font-size: 26px;
+ line-height: 30px;
+ letter-spacing: -0,05em;
+}
+
+.countdownText {
+ position: absolute;
+
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+
+ font-size: 24px;
+ font-weight: 200;
+ letter-spacing: 0.1em;
+ color: white;
+
+ width: 170px;
+ height: 170px;
+ border-radius: 50%;
+
+ border: 2px solid #ffffff15;
+
+ display: grid;
+ place-items: center;
+
+ margin-top: 30px;
+}
+
+.countdownBadge {
+ position: absolute;
+ top: 30px;
+ right: 0;
+
+ background-color: rgb(1, 185, 185);
+ border-radius: 80px 0 0 80px;
+
+ padding: 10px 10px 6px 34px;
+}
diff --git a/custom/react/components/TwoCountdown/assets/clock.svg b/custom/react/components/TwoCountdown/assets/clock.svg
new file mode 100644
index 0000000..0bcc64f
--- /dev/null
+++ b/custom/react/components/TwoCountdown/assets/clock.svg
@@ -0,0 +1,11 @@
+
+
+
+