From 3f4b8ea4dc437d14b1171aaa5b5dad3a85d2b0c2 Mon Sep 17 00:00:00 2001
From: Jay <159848059+jayacryl@users.noreply.github.com>
Date: Fri, 9 Aug 2024 19:43:59 -0400
Subject: [PATCH] feat(docs-site) cloud page spacing and content polishes
 (#11141)

---
 .../src/pages/cloud/CompanyLogos/logos.module.scss         | 5 +++--
 docs-website/src/pages/cloud/index.js                      | 7 ++++---
 docs-website/src/pages/cloud/styles.module.scss            | 1 +
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/docs-website/src/pages/cloud/CompanyLogos/logos.module.scss b/docs-website/src/pages/cloud/CompanyLogos/logos.module.scss
index a6a9dba9d8d41..de404627cf039 100644
--- a/docs-website/src/pages/cloud/CompanyLogos/logos.module.scss
+++ b/docs-website/src/pages/cloud/CompanyLogos/logos.module.scss
@@ -21,6 +21,7 @@
 .scrollingCustomers {
   position: relative;
   overflow: hidden;
+  opacity: 0.5;
 }
 
 
@@ -29,7 +30,7 @@
   padding: 1.25rem 0;
   position: relative;
   align-items: center;
-  animation: scrollingCustomerAnimate 15s linear infinite;
+  animation: scrollingCustomerAnimate 60s linear infinite;
 }
 
 .scrollingCustomers__inner img {
@@ -46,7 +47,7 @@
 
 .animateScrollingCustomers {
   display: flex;
-  animation: scrollingCustomerAnimate 15s linear infinite;
+  animation: scrollingCustomerAnimate 60s linear infinite;
 }
 
 @media (max-width: 767px) {
diff --git a/docs-website/src/pages/cloud/index.js b/docs-website/src/pages/cloud/index.js
index 5166d80bf3b7b..00437c8a7640a 100644
--- a/docs-website/src/pages/cloud/index.js
+++ b/docs-website/src/pages/cloud/index.js
@@ -51,7 +51,7 @@ function Home() {
         </div>
       </header>
       <ScrollingCustomers />
-      <div className={clsx(styles.bgSection)}>
+      <div className={clsx(styles.bgSection)} style={{ marginTop: 100 }}>
         <UnifiedTabs />
       </div>
       <FeatureCards/>
@@ -73,12 +73,13 @@ function Home() {
               <Link className={clsx(styles.buttonLightBlue, "button button--secondary button--lg")} to="https://www.acryldata.io/tour">
                 Product Tour
               </Link>
-              <hr style={{margin: "3rem"}}/>
+              <div className="hero__subtitle" />
+              {/* <hr style={{margin: "3rem"}}/>
               <div className="hero__subtitle">
                 An extension of the DataHub Core project.<br/>
                 <a className={clsx(styles.link)} href="/docs/managed-datahub/managed-datahub-overview">View Cloud Docs.
                 </a>
-              </div>
+              </div> */}
             </div>
           </div>
         </div>
diff --git a/docs-website/src/pages/cloud/styles.module.scss b/docs-website/src/pages/cloud/styles.module.scss
index d1ac31f3ef8cc..b805063750dd4 100644
--- a/docs-website/src/pages/cloud/styles.module.scss
+++ b/docs-website/src/pages/cloud/styles.module.scss
@@ -10,6 +10,7 @@
   }
 
 .hero {
+    margin-top: 80px;
     :global {
       .button {
         margin-right: 1rem;