From 127492f613a709bc653c785ef259d04138f83685 Mon Sep 17 00:00:00 2001
From: Patti <139997703+Patticatti@users.noreply.github.com>
Date: Fri, 16 Aug 2024 09:17:22 -0700
Subject: [PATCH] fix(website): Fix headings in elevator and feature cards
 (#6311)

Signed-off-by: Jamil <jamilbk@users.noreply.github.com>
Co-authored-by: Jamil <jamilbk@users.noreply.github.com>
---
 website/src/app/page.tsx                       |  2 +-
 website/src/components/ElevatorPitch/index.tsx | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/website/src/app/page.tsx b/website/src/app/page.tsx
index efb7a7d63..e3625146f 100644
--- a/website/src/app/page.tsx
+++ b/website/src/app/page.tsx
@@ -106,7 +106,7 @@ export default function Page() {
       </section>
 
       <section className="bg-white px-4 sm:px-8 md:px-16 py-20 md:py-16">
-        <div className="py-8 md:py-12">
+        <div className="py-8 md:py-12 flex justify-center">
           <ElevatorPitch />
         </div>
         <div className="py-8 md:py-12">
diff --git a/website/src/components/ElevatorPitch/index.tsx b/website/src/components/ElevatorPitch/index.tsx
index 2c07da26e..72302037e 100644
--- a/website/src/components/ElevatorPitch/index.tsx
+++ b/website/src/components/ElevatorPitch/index.tsx
@@ -48,8 +48,8 @@ export default function ElevatorPitch() {
   const OptionButton = ({ title, desc, icon, index }: OptionButtonProps) => {
     return (
       <button
-        className={`flex flex-col lg:flex-row lg:w-full pointer-events-none rounded-xl
-          items-start lg:items-center p-0 gap-4 border-[1px] justify-center
+        className={`flex flex-col lg:flex-row lg:w-full pointer-events-none
+          items-start lg:items-center py-6 lg:py-0 gap-4 border-[1px] justify-center
           lg:justify-start transition duration-200 ease-in-out
         ${
           selectedOption == index
@@ -60,7 +60,7 @@ export default function ElevatorPitch() {
       >
         {icon}
         <div>
-          <p className="text-neutral-900 font-semibold text-lg text-left mb-1.5">
+          <p className="text-neutral-900 font-semibold text-lg text-left mb-0.5">
             {title}
           </p>
           <p className="text-neutral-800 text-left text-md mr-4">{desc}</p>
@@ -70,7 +70,7 @@ export default function ElevatorPitch() {
   };
 
   return (
-    <div className="flex w-full lg:flex-row flex-col justify-center gap-6 lg:gap-16 xl:gap-36 items-center">
+    <div className="flex w-full h-fit lg:flex-row flex-col justify-center gap-6 lg:gap-12 xl:gap-20 items-center max-w-screen-xl ">
       <div className="flex flex-col w-full h-full justify-between lg:w-[480px] xl:w-[580px]">
         <div>
           <h6 className="uppercase text-sm font-semibold text-primary-450 tracking-wide mb-2">
@@ -95,7 +95,7 @@ export default function ElevatorPitch() {
           </div>
         </div>
 
-        <div className="lg:flex grid  grid-cols-1 sm:grid-cols-2 lg:flex-col mt-16 space-y-6">
+        <div className="lg:flex grid  grid-cols-1 sm:grid-cols-2 lg:flex-col my-8 lg:mt-16 lg:space-y-8">
           {data.map((item, index) => (
             <OptionButton
               key={index}