fix: remove all repeated h1 from home page

HamzaAmar · Aug 12, 2024 · c1f9d3f · c1f9d3f
1 parent 3eb0ea8
commit c1f9d3f
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 9 deletions.
diff --git a/apps/docs/src/app/_components/footer/_footer.scss b/apps/docs/src/app/_components/footer/_footer.scss
@@ -5,3 +5,8 @@
 .footer_link:hover {
   text-decoration: underline 2px;
 }
+
+.footer-list {
+  list-style: none;
+  padding: 0;
+}
diff --git a/apps/docs/src/app/_components/footer/footer.tsx b/apps/docs/src/app/_components/footer/footer.tsx
@@ -15,8 +15,10 @@ const footer = () => {
           </Text>
         </div>
         <nav className="l_flow__sm">
-          <Heading transform="capitalize">Project</Heading>
-          <ul className="l_flow__xs">
+          <Text transform="capitalize" size="md" weight="medium">
+            Project
+          </Text>
+          <ul className="footer-list l_flow__xs">
             <li>
               <Text
                 transform="capitalize"
@@ -68,9 +70,11 @@ const footer = () => {
           </ul>
         </nav>
         <nav className="l_flow__sm">
-          <Heading transform="capitalize">Community</Heading>
+          <Text transform="capitalize" size="md" weight="medium">
+            Community
+          </Text>
 
-          <ul className="l_flow__xs">
+          <ul className="footer-list l_flow__xs">
             <li>
               <Text
                 transform="capitalize"
@@ -125,9 +129,11 @@ const footer = () => {
           </ul>
         </nav>
         <nav className="l_flow__sm">
-          <Heading transform="capitalize">Help</Heading>
+          <Text transform="capitalize" size="md" weight="medium">
+            Help
+          </Text>
 
-          <ul className="l_flow__xs">
+          <ul className="footer-list l_flow__xs">
             <li>
               <Text
                 transform="capitalize"

diff --git a/apps/docs/src/app/_components/home/rtl.tsx b/apps/docs/src/app/_components/home/rtl.tsx
@@ -64,7 +64,9 @@ export function RTLSupport() {
               <Flex key={id} as="article" gap="sm" className="feature--item">
                 <span className="feature-icon">{icon}</span>
                 <div>
-                  <Heading>{title}</Heading>
+                  <Text weight="medium" size="md">
+                    {title}
+                  </Text>
                   <Text contrast="low" color="bg">
                     {description}
                   </Text>

diff --git a/apps/docs/src/app/_components/home/support.tsx b/apps/docs/src/app/_components/home/support.tsx
@@ -30,14 +30,18 @@ export function PillarSupport() {
       </div>
       <div className="support--second l_flow__sm">
         <div className="get-started l_flow__sm">
-          <Heading>Lets Getting Start</Heading>
+          <Text weight="medium" size="lg">
+            Lets Getting Start
+          </Text>
           <Text size="sm" color="bg" contrast="low">
             Build faster and lighter. Experience the power of our streamlined design system.
           </Text>
           <Button>Get Started</Button>
         </div>
         <div className="get-started l_flow__sm">
-          <Heading>Community</Heading>
+          <Text weight="medium" size="lg">
+            Community
+          </Text>
           <Text size="sm" color="bg" contrast="low">
             Get involved in our community. Everyone is welcome!
           </Text>