Merge pull request #25 from Tauffer-Consulting/fix/landing-text

fix text and buttons
Tauffer-Consulting · Mar 15, 2024 · 0cc6660 · 0cc6660
2 parents 27a6b2e + b86a38e
commit 0cc6660
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;