From b86a38e5d70a24fcb396083a815236913445fdc6 Mon Sep 17 00:00:00 2001
From: vinicvaz <vinicvaz95@gmail.com>
Date: Fri, 15 Mar 2024 17:55:02 -0300
Subject: [PATCH] fix text and buttons

---
 src/components/Home/Navbar/index.css            |  8 ++++----
 src/components/Home/Navbar/index.tsx            |  8 ++++----
 .../Home/Session1/TitleGroup/index.tsx          |  5 +++--
 src/pages/base.css                              | 17 +++++++++++++++++
 4 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/src/components/Home/Navbar/index.css b/src/components/Home/Navbar/index.css
index dbf26f2..08b5add 100644
--- a/src/components/Home/Navbar/index.css
+++ b/src/components/Home/Navbar/index.css
@@ -73,7 +73,7 @@ a#github {
   justify-content: center;
 }
 
-@media only screen and (min-width: 1145px) and (max-width: 1368px) {  
+@media only screen and (min-width: 1145px) and (max-width: 1368px) {
   #navbar>#right-buttons {
     margin: 0;
   }
@@ -95,10 +95,10 @@ a#github {
   #navbar-small {
     position: fixed;
     top: 0;
-  
+
     width: 100%;
     height: 64px;
-  
+
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -114,7 +114,7 @@ a#github {
   #navbar>#central-links {
     display: none;
   }
-  
+
   #navbar>#right-buttons {
     display: none;
   }
diff --git a/src/components/Home/Navbar/index.tsx b/src/components/Home/Navbar/index.tsx
index b70b965..290ca62 100644
--- a/src/components/Home/Navbar/index.tsx
+++ b/src/components/Home/Navbar/index.tsx
@@ -28,8 +28,8 @@ export const Navbar = () => {
         <Hamburger
           menuItems={menuItems}
           buttonsItems={
-            [<button id="primary" onClick={handleClickCloud}>
-              Try cloud
+            [<button id="primary-large" onClick={handleClickCloud}>
+              Domino Cloud (beta)
             </button>,
             <button id="secondary" onClick={handleClickContact}>
               Contact
@@ -54,8 +54,8 @@ export const Navbar = () => {
         </ul>
         <ul id="right-buttons" className='ul'>
           <li className='li'>
-            <button id="primary" onClick={handleClickCloud}>
-              Try cloud
+            <button id="primary-large" onClick={handleClickCloud}>
+              Domino Cloud (beta)
             </button>
           </li>
           <li className='li'>
diff --git a/src/components/Home/Session1/TitleGroup/index.tsx b/src/components/Home/Session1/TitleGroup/index.tsx
index e730619..19bf59f 100644
--- a/src/components/Home/Session1/TitleGroup/index.tsx
+++ b/src/components/Home/Session1/TitleGroup/index.tsx
@@ -22,11 +22,12 @@ export const TitleGroup = () => {
       </div>
 
       <div id="subtitle-container">
-        <h3 id="subtitle">You have the <b>idea</b>, Domino simplifies the process through an <b>intuitive workflow</b>, <i>no coding required</i>, and the result is a <b>seamless journey</b> from concept to reality.</h3>
+        {/* <h3 id="subtitle">You have the <b>idea</b>, Domino simplifies the process through an <b>intuitive workflow</b>, <i>no coding required</i>, and the result is a <b>seamless journey</b> from concept to reality.</h3> */}
+        <h3 id="subtitle">You have the <b>idea</b>, Domino allows you to realize it through an <b>intuitive workflow</b>,  <i>no coding required</i>!</h3>
       </div>
 
       <div id="button-container">
-        <button id="primary" onClick={handleClickCloud}>Try for free</button>
+        <button id="primary" onClick={handleClickCloud}>Try Domino</button>
         <button id="tertiary" onClick={handleClickDocs}>Learn more</button>
       </div>
     </div>
diff --git a/src/pages/base.css b/src/pages/base.css
index 08a4e08..37772c3 100644
--- a/src/pages/base.css
+++ b/src/pages/base.css
@@ -12,6 +12,23 @@ button#primary {
   border-radius: 8px;
 }
 
+button#primary-large {
+
+    border: none;
+    padding: 0;
+    cursor: pointer;
+
+    background: #00B140;
+    color: #fff;
+
+    padding-left: 10px;
+    padding-right: 10px;
+    width: fit-content;
+    height: 32px;
+    border-radius: 8px;
+
+}
+
 button#primary:hover {
 
   border: none;