Updated the logo and theme colors

Author: Santhosh-testsigma

src/components/Footer.jsx

@@ -117,8 +117,8 @@
       margin-left: 0px;
       position: relative;
       right: 15px;
-      background: #03A973 !important;
-      border: 1px solid #03A973 !important;
+      background: #00b2bd !important;
+      border: 1px solid #00b2bd !important;
       min-width: 150px;
       height: 40px;
       border-radius: 4px;
@@ -160,7 +160,7 @@
     flex-basis: 40%;
     align-items: center;
     h4 {
-      color: #03A973;
+      color: #00b2bd;
     }
   }
 }
@@ -218,8 +218,8 @@
         color: #FFF;
         margin-top: 11px;
         margin-left: 0px;
-        background: #03A973 !important;
-        border: 1px solid #03A973 !important;
+        background: #00b2bd !important;
+        border: 1px solid #00b2bd !important;
         max-width: 100%;
         width: 97%;
         height: 40px;
@@ -252,7 +252,7 @@
   margin-top: 30px;
   background-color: #F6F7F9;
   padding: 30px 15px 15px 15px;
-  svg{
+  img{
     margin: auto;
     display: block;
   }
@@ -277,7 +277,7 @@
         height: auto;
       }
       a{
-        color: #03A973;
+        color: #00b2bd;
         text-decoration: underline;
       }
     }
@@ -288,7 +288,7 @@
   .p_0{
     margin-top: 0px!important;
     a{
-      color: #03A973;
+      color: #00b2bd;
     }
   }
   .link_underline{

src/components/Footer.scss

@@ -51,17 +51,17 @@
     button {
       font-weight: 600;
       &:hover{
-        color: #1AA874;
+        color: #00b2bd;
       }
     }
   }
 
   .parent:hover button{
-    color: #1AA874;
+    color: #00b2bd;
   }
 
   .parent:hover svg path{
-    fill: #1AA874;
+    fill: #00b2bd;
   }
 
   .parent {
@@ -97,7 +97,7 @@
       outline: inherit;
       text-transform: capitalize;
       &:hover{
-        color: #1AA874;
+        color: #00b2bd;
       }
       @media (max-width: 576px) {
        font-size: 13px;
@@ -153,7 +153,7 @@
 
     &.currentUrl{
       font-weight: 700;
-      color: #1AA874;
+      color: #00b2bd;
       margin-left: 0px!important;
 
       > * {
@@ -178,7 +178,7 @@
       &:hover {
         background-color: inherit;
         border-radius: 3px;
-        color: #1AA874;
+        color: #00b2bd;
       }
     }
   }
@@ -287,7 +287,7 @@
 }
 
 .text_green{
-  color: #1AA874;
+  color: #00b2bd;
 }
 .float_left{
   float:left;

src/components/LeftNav.scss

@@ -0,0 +1,90 @@
+import React, { useEffect, useState } from 'react';
+import SearchInputBox from './SearchInputBox';
+import tsLogo from '../components/images/testsigma-logo-v3-dark.svg';
+
+const Header = () => {
+  const [isHomepage, setIsHomepage] = useState(false);
+
+  useEffect(() => {
+    setIsHomepage(window.location.pathname === '/tutorials/');
+  }, []);
+  return (
+    <header id='root_header'>
+      <div className='flex items-stretch header-container'>
+        <a href={'/'} className='logo-block flex max-w-sm w-1/6'>
+          <img src={tsLogo} alt='Testsigma' className='ml-10 my-6' />
+        </a>
+        <nav className='flex-auto flex  items-center'>
+          <nav className='flex w-7/12'>
+            <div className='flex items-stretch font-semibold ml-20'>
+              <a
+                className='btn btn-ghost btn-sm pr-2 rounded-btn'
+                href={'/docs/'}
+              >
+                Docs
+              </a>
+              {isHomepage ? (
+                <span className='btn btn-ghost btn-sm border-b-2 border-primary_teal_green rounded-btn ml-10 text-primary_teal_green'>
+                  Tutorials
+                </span>
+              ) : (
+                <a
+                  className='btn btn-ghost btn-sm border-b-2 border-primary_teal_green rounded-btn ml-10 text-primary_teal_green'
+                  href='/tutorials/'
+                >
+                  Tutorials
+                </a>
+              )}
+              <a
+                className='btn btn-ghost btn-sm rounded-btn ml-10'
+                target={'_blank'}
+                href={'https://github.com/Testsigmahq/testsigma/'}
+              >
+                GitHub
+              </a>
+              <a
+                className='btn btn-ghost btn-sm rounded-btn ml-10'
+                href={'https://discord.com/invite/5caWS7R6QX'}
+              >
+                Discord
+              </a>
+              <a
+                className='btn btn-ghost btn-sm rounded-btn ml-10'
+                href={'https://testsigma.com/pricing'}
+              >
+                Enterprise
+              </a>
+              <a
+                className='btn btn-ghost btn-sm rounded-btn ml-10'
+                href={'https://testsigma.com/'}
+              >
+                Testsigma Cloud
+              </a>
+            </div>
+          </nav>
+          <div className='search-block relative flex items-center justify-between w-2/5 pr-9'>
+            <SearchInputBox></SearchInputBox>
+            <a
+              id={'signup-btn'}
+              target={'_blank'}
+              className='border border-primary_teal_green px-4 py-1.5 text-primary_teal_green rounded'
+              href='/signup'
+            >
+              GET STARTED FREE
+            </a>
+            <a
+              id={'signup-btn'}
+              target={'_blank'}
+              className='border border-primary_teal_green px-4 py-1.5 bg-primary_teal_green text-white rounded'
+              href='/request-demo'
+            >
+              BOOK A DEMO
+            </a>
+          </div>
+        </nav>
+      </div>
+    </header>
+  );
+};
+
+export default Header;

src/components/SubNav.jsx

@@ -39,7 +39,7 @@ const IndexContent = () => {
           <a
             href='/request-demo'
             target={'_blank'}
-            className='cta-link border border-green-600 px-4 py-1.5 bg-green-600 text-white rounded h-10'
+            className='cta-link border border-primary_teal_green px-4 py-1.5 base-teal-gradient text-white rounded h-10'
           >
             Schedule a free demo
           </a>