From a8f5b88ad84522dc8724325aee705b5af1dde941 Mon Sep 17 00:00:00 2001
From: sohaib chebah <sohaib.chebah2020@gmail.com>
Date: Thu, 15 Aug 2024 13:44:00 +0100
Subject: [PATCH 1/2] enhance accessibilty and seo for hero section

---
 src/components/Hero.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index bf8da35b..313c9b1a 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -1,18 +1,22 @@
 const Hero = () => (
-  <div className="flex flex-col py-24 items-center mx-2.5">
+  <section aria-labelledby="hero-heading" className="flex flex-col py-24 items-center mx-2.5">
     <div>
-      <h1 className="font-Lexend text-4xl md:text-5xl text-center text-lightSlate leading-tight tracking-tight">
+      <h1
+        id="hero-heading"
+        className="font-Lexend text-4xl md:text-5xl text-center text-lightSlate leading-tight tracking-tight"
+      >
         {`Find `}
-
-        <span className="bg-gradient-to-r from-gradFirst via-gradMiddle to-gradLast bg-clip-text text-transparent">
+        <span
+          className="bg-gradient-to-r from-gradFirst via-gradMiddle to-gradLast bg-clip-text text-transparent"
+          aria-label="Open-Source Repositories"
+        >
           Open-Source Repositories
         </span>
-
         <br />
         trending today.
       </h1>
     </div>
-  </div>
+  </section>
 );
 
 export default Hero;

From 657767ea77f5711862192ee06b0eb7448537915d Mon Sep 17 00:00:00 2001
From: sohaib chebah <sohaib.chebah2020@gmail.com>
Date: Thu, 15 Aug 2024 14:48:54 +0100
Subject: [PATCH 2/2] feat(hero): enhance accessibility and seo for hero

This PR adds more accessibility to the hero section and also seo bost becuase search engine crawlers
understand more the semantic html

feat #530
---
 src/components/Hero.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 313c9b1a..62209b59 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -1,9 +1,11 @@
 const Hero = () => (
-  <section aria-labelledby="hero-heading" className="flex flex-col py-24 items-center mx-2.5">
+  <section
+    aria-labelledby="hero-heading"
+    className="flex flex-col py-24 items-center mx-2.5">
     <div>
       <h1
-        id="hero-heading"
         className="font-Lexend text-4xl md:text-5xl text-center text-lightSlate leading-tight tracking-tight"
+        id="hero-heading"
       >
         {`Find `}
         <span