From 2477718bb6ad6b23e889fdfb74d6f5d1c9f8c47b Mon Sep 17 00:00:00 2001
From: Jake Laderman <jsladerman@gmail.com>
Date: Mon, 2 Dec 2024 09:23:34 -0600
Subject: [PATCH] fix homepage (#126)

---
 pages/about.tsx              |  9 +++++----
 pages/index.tsx              | 23 +++++++++++------------
 src/components/PageHeros.tsx |  3 +--
 3 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/pages/about.tsx b/pages/about.tsx
index e2ff05da..27b76501 100644
--- a/pages/about.tsx
+++ b/pages/about.tsx
@@ -153,10 +153,11 @@ mission to build something unique."
                   </Value>
                   <Value label="Inclusivity">
                     <p className="m-0 p-0">
-                      We value the contributions of all community members and actively 
-                      work towards creating an environment that is accessible and supportive. 
-                      We are committed to removing barriers and ensuring that everyone has 
-                      an equal opportunity to succeed.
+                      We value the contributions of all community members and
+                      actively work towards creating an environment that is
+                      accessible and supportive. We are committed to removing
+                      barriers and ensuring that everyone has an equal
+                      opportunity to succeed.
                     </p>
                   </Value>
                   <Value label="Open mindedness and exploration">
diff --git a/pages/index.tsx b/pages/index.tsx
index 6af4b55d..636df2c3 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -41,6 +41,7 @@ export default function Homepage({
         as={GradientBG}
         image={homepageGradient}
         imageType="custom"
+        className="pb-xxlarge"
         bgChildren={
           <>
             <CircleEmbellishment
@@ -61,8 +62,7 @@ export default function Homepage({
           heading={pageData.hero_title}
           description={
             <div className="[text-wrap:pretty]">
-              Plural reduces cluster upgrade cycles from months to hours at
-              enterprise scale with streamlined dependency management.
+              {pageData.hero_description}
             </div>
           }
           announcementChip={announcementChip}
@@ -90,16 +90,15 @@ export default function Homepage({
             </div>
           }
         />
-        <div className="-mt-xxxlarge pb-xxxxlarge pt-xxxlarge sm:pt-xxxxlarge md:pb-xxxxxxlarge md:pt-xxxxlarge lg:pt-0">
-          <StandardPageWidth>
-            {heroImageUrl && (
-              <img
-                src={heroImageUrl}
-                width={1248}
-              />
-            )}
-          </StandardPageWidth>
-        </div>
+        <StandardPageWidth>
+          {heroImageUrl && (
+            <img
+              className="mx-auto"
+              src={heroImageUrl}
+              width={1248}
+            />
+          )}
+        </StandardPageWidth>
       </HeaderPad>
       <CustomComponents components={pageData.custom_components ?? []} />
       <BareModal
diff --git a/src/components/PageHeros.tsx b/src/components/PageHeros.tsx
index 458afacf..acb2daac 100644
--- a/src/components/PageHeros.tsx
+++ b/src/components/PageHeros.tsx
@@ -143,8 +143,7 @@ export function HomePageHero({
             [classNames('pt-xxxxlarge', 'md:pt-xxxxlarge')]: padTop,
           },
           {
-            [classNames('pb-xxxlarge', 'md:pb-xxxxlarge', 'lg:pb-xxxxxlarge')]:
-              padBottom,
+            [classNames('pb-xxxlarge', 'md:pb-xxxxlarge')]: padBottom,
           }
         )}
       >