From 2db5b48cd81f75398cbc89922652c016b03ab77d Mon Sep 17 00:00:00 2001
From: Jordan <gilliamja.te@gmail.com>
Date: Wed, 11 Dec 2024 20:51:12 -0500
Subject: [PATCH] fix: mobile hero

---
 apps/www/app/(app)/page.tsx                       | 8 ++++----
 apps/www/registry/default/ui/gradient-heading.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/www/app/(app)/page.tsx b/apps/www/app/(app)/page.tsx
index 6a1777f..4f97e68 100644
--- a/apps/www/app/(app)/page.tsx
+++ b/apps/www/app/(app)/page.tsx
@@ -26,13 +26,13 @@ export default function IndexPage() {
       {/* <div className="container relative pt-12"></div> */}
 
       {/* <BgNoiseWrapper url="/egg-shell-noise.png"> */}
-      <div className="container relative pt-8">
+      <div className="container relative pt-12 md:pt-8">
         <PageHeader>
           <FadeIn>
             <Announcement />
           </FadeIn>
           <FadeIn>
-            <div>
+            <div className="pt-4 md:pt-0">
               <GradientHeading
                 weight="bold"
                 className="text-center text-xl font-bold leading-tight tracking-tighter md:text-5xl "
@@ -42,7 +42,7 @@ export default function IndexPage() {
               <GradientHeading
                 size="xll"
                 weight="bold"
-                className="text-center text-xl font-bold  leading-[0.5rem]  tracking-tighter lg:leading-[0.5rem] "
+                className="text-center text-xl font-bold    tracking-tighter lg:leading-[0.5rem] "
               >
                 <br className="hidden md:block" /> Design Engineers
               </GradientHeading>
@@ -50,7 +50,7 @@ export default function IndexPage() {
           </FadeIn>
 
           <FadeIn>
-            <div className=" flex max-w-2xl flex-wrap items-center justify-center gap-1 pt-8 text-left  text-base  leading-3 text-foreground md:text-xl md:font-normal md:leading-6">
+            <div className=" flex max-w-2xl flex-wrap items-center justify-center gap-1 text-left text-base  leading-3  text-foreground md:pt-8 md:text-xl md:font-normal md:leading-6">
               <span>Ready-to-use</span>
               <div className="hidden -rotate-45 rounded-full border border-black/10 p-1 shadow-lg md:block">
                 <ReactIcon className=" h-6 w-6   " aria-hidden="true" />
diff --git a/apps/www/registry/default/ui/gradient-heading.tsx b/apps/www/registry/default/ui/gradient-heading.tsx
index fd683dd..c7cb4f3 100644
--- a/apps/www/registry/default/ui/gradient-heading.tsx
+++ b/apps/www/registry/default/ui/gradient-heading.tsx
@@ -24,7 +24,7 @@ const headingVariants = cva(
         md: "text-2xl sm:text-3xl lg:text-4xl",
         lg: "text-3xl sm:text-4xl lg:text-5xl",
         xl: "text-4xl sm:text-5xl lg:text-6xl",
-        xll: "text-5xl sm:text-6xl lg:text-[5.4rem] leading-[0.5rem] lg:leading-[0.5rem] ",
+        xll: "text-5xl sm:text-6xl lg:text-[5.4rem]  lg:leading-[0.5rem] ",
         xxl: "text-5xl sm:text-6xl lg:text-[6rem]",
         xxxl: "text-5xl sm:text-6xl lg:text-[8rem]",
       },