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/3] 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/3] 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

From 3dc12ea3a3d96daa9c2425048d3239b8ecd952db Mon Sep 17 00:00:00 2001
From: sohaib chebah <sohaib.chebah2020@gmail.com>
Date: Fri, 16 Aug 2024 11:40:57 +0100
Subject: [PATCH 3/3] refactor(footer.tsx): move footercontext to seperate file

this pr refactor code inside the footer componenet and move the constant footercontext to seperate
file inside the constants folder i have created to add more readibility to the code
---
 src/components/Footer.tsx | 62 +++------------------------------------
 src/components/Hero.tsx   |  4 +--
 src/constants/index.ts    | 57 +++++++++++++++++++++++++++++++++++
 3 files changed, 63 insertions(+), 60 deletions(-)
 create mode 100644 src/constants/index.ts

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index a73973ec..c8313e28 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,61 +1,7 @@
-import { FaDev, FaDiscord } from "react-icons/fa";
-import OpenSaucedLogo from "../assets/openSauced-icon.png";
-
-// icons
-import
-{
-  AiOutlineTwitter,
-  AiOutlineGithub,
-  AiFillInstagram,
-  AiFillYoutube,
-} from "react-icons/ai";
-
-
-const footerContext = [
-  {
-    privacy: { url: "https://app.termly.io/document/privacy-policy/5e303854-d262-468a-80ec-54b645d01c2e", text: "Privacy" },
-    terms: { url: "https://app.termly.io/document/terms-of-use-for-saas/03e4e1c1-53ad-4fc4-b415-5c3f0e8c25ef", text: "Terms" },
-    status: { url: "https://status.opensauced.pizza", text: "Status" },
-  },
-  {
-    hot: { url: "https://hot.opensauced.pizza", text: "hot.opensauced.pizza" },
-    openSauced: { url: "https://opensauced.pizza", text: "opensauced.pizza" },
-  },
-  {
-    socials: [
-      {
-        icon: AiOutlineTwitter,
-        label: "Twitter",
-        url: "https://twitter.com/saucedopen",
-      },
-      {
-        icon: AiOutlineGithub,
-        label: "GitHub",
-        url: "https://github.com/open-sauced",
-      },
-      {
-        icon: AiFillInstagram,
-        label: "Instagram",
-        url: "https://www.instagram.com/opensauced/",
-      },
-      {
-        icon: AiFillYoutube,
-        label: "YouTube",
-        url: "https://www.youtube.com/opensauced",
-      },
-      {
-        icon: FaDiscord,
-        label: "Discord",
-        url: "https://discord.com/invite/U2peSNf23P",
-      },
-      {
-        icon: FaDev,
-        label: "Devto",
-        url: "https://dev.to/opensauced/",
-      },
-    ],
-  },
-];
+import footerContext from "../constants";
+import OpenSaucedLogo from '../assets/openSauced-icon.png'
+
+
 
 const Footer = (): JSX.Element => (
   <div>
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 62209b59..0e199c52 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -1,11 +1,11 @@
 const Hero = () => (
   <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"
-        id="hero-heading"
+        
       >
         {`Find `}
         <span
diff --git a/src/constants/index.ts b/src/constants/index.ts
new file mode 100644
index 00000000..ed5d0dc8
--- /dev/null
+++ b/src/constants/index.ts
@@ -0,0 +1,57 @@
+import { AiOutlineTwitter, AiOutlineGithub, AiFillInstagram, AiFillYoutube } from "react-icons/ai";
+import { FaDev, FaDiscord } from "react-icons/fa";
+import OpenSaucedLogo from "../assets/openSauced-icon.png";
+
+
+const footerContext = [
+  {
+    privacy: {
+      url: "https://app.termly.io/document/privacy-policy/5e303854-d262-468a-80ec-54b645d01c2e",
+      text: "Privacy",
+    },
+    terms: {
+      url: "https://app.termly.io/document/terms-of-use-for-saas/03e4e1c1-53ad-4fc4-b415-5c3f0e8c25ef",
+      text: "Terms",
+    },
+    status: { url: "https://status.opensauced.pizza", text: "Status" },
+  },
+  {
+    hot: { url: "https://hot.opensauced.pizza", text: "hot.opensauced.pizza" },
+    openSauced: { url: "https://opensauced.pizza", text: "opensauced.pizza" },
+  },
+  {
+    socials: [
+      {
+        icon: AiOutlineTwitter,
+        label: "Twitter",
+        url: "https://twitter.com/saucedopen",
+      },
+      {
+        icon: AiOutlineGithub,
+        label: "GitHub",
+        url: "https://github.com/open-sauced",
+      },
+      {
+        icon: AiFillInstagram,
+        label: "Instagram",
+        url: "https://www.instagram.com/opensauced/",
+      },
+      {
+        icon: AiFillYoutube,
+        label: "YouTube",
+        url: "https://www.youtube.com/opensauced",
+      },
+      {
+        icon: FaDiscord,
+        label: "Discord",
+        url: "https://discord.com/invite/U2peSNf23P",
+      },
+      {
+        icon: FaDev,
+        label: "Devto",
+        url: "https://dev.to/opensauced/",
+      },
+    ],
+  },
+];
+export default footerContext;