refactor: update Discord links

.gitignore

@@ -18,6 +18,7 @@
 # misc
 .DS_Store
 *.pem
+.vscode
 
 # debug
 npm-debug.log*

public/sitemap.xml

@@ -2,28 +2,28 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://oscafrica.org/about-us</loc>
-    <lastmod>2023-02-28T03:18:58.379Z</lastmod>
+    <lastmod>2024-07-21T06:50:25.544Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.80</priority>
   </url>
 
   <url>
     <loc>https://oscafrica.org/community</loc>
-    <lastmod>2023-02-28T03:18:58.379Z</lastmod>
+    <lastmod>2024-07-21T06:50:25.544Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.80</priority>
   </url>
 
   <url>
     <loc>https://oscafrica.org/</loc>
-    <lastmod>2023-02-28T03:18:58.379Z</lastmod>
+    <lastmod>2024-07-21T06:50:25.544Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.00</priority>
   </url>
 
   <url>
     <loc>https://oscafrica.org/team</loc>
-    <lastmod>2023-02-28T03:18:58.379Z</lastmod>
+    <lastmod>2024-07-21T06:50:25.544Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.80</priority>
   </url>

src/components/composed/Footer/Footer.tsx

@@ -17,7 +17,7 @@ interface ISocialLink {
 const footerLinks: IFooterLink[] = [
   {
     title: "JOIN US",
-    href: "https://discord.gg/pRJgjH9SwR"
+    href: "https://oscafrica/discord"
   },
   {
     title: "DONATE",
@@ -43,11 +43,11 @@ const footerLinks: IFooterLink[] = [
 
 const socialLinks: ISocialLink[] = [
   {
-    href: "https://discord.gg/open-source-community-africa-676252299093475348",
+    href: "https://oscafrica/discord",
     title: "discord"
   },
   {
-    href: "https://twitter.com/oscafest",
+    href: "https://twitter.com/osca_hq",
     title: "twitter"
   },
   {
@@ -76,7 +76,7 @@ const Footer = () => {
   return (
     <header className="bg-secondary px-10 lg:px-32 pt-24 pb-16">
       <div className="flex flex-col md:flex-row w-full flex-wrap justify-between items-center">
-        <Logo type="svg" tune="dark" className="mr-12"/>
+        <Logo type="svg" tune="dark" className="mr-12" />
 
         <nav className="lg:flex-grow mt-16 mb-4 md:mt-0 md:mb-0 w-full lg:w-auto order-1 lg:order-1 md:order-2">
           <ul className="flex flex-col flex-wrap md:mt-20 lg:mt-0 md:flex-row lg:flex-row lg:items-center">
@@ -113,7 +113,9 @@ const Footer = () => {
         ))}
       </ul>
 
-      <p className="w-full mt-8 md:mt-12 text-center md:text-left text-black font-bold opacity-80 text-base">Copyright &copy; Open Source Community Africa 2021</p>
+      <p className="w-full mt-8 md:mt-12 text-center md:text-left text-black font-bold opacity-80 text-base">
+        Copyright &copy; Open Source Community Africa 2021
+      </p>
     </header>
   );
 };

src/pages/community.tsx

@@ -181,7 +181,7 @@ const CommunityPage = () => {
           <a
             target="_blank"
             rel="noreferrer noopener"
-            href="https://discord.gg/pRJgjH9SwR"
+            href="https://oscafrica/discord"
             className=" text-primary duration-200 text-body py-4 px-7 rounded-lg hover:text-black hover:bg-primary leading-10"
           >
             Join our community

src/pages/index.tsx

@@ -28,14 +28,23 @@ const IndexPage = () => {
                 <SectionTitle color="white" fontSize="40" className="pt-16 lg:pt-0">
                   The Next Billion Creators
                 </SectionTitle>
-                <p className="text-white font-medium lg:w-1/2 text-paragraph-2 mb-16 mt-8">
+                <p className="text-white font-medium text-paragraph-2 mb-16 mt-8">
                   A community of creative minds driving the Open Source movement in Africa.
                 </p>
-                <Link href="/about-us" passHref>
-                  <button className="bg-primary lg:bg-white text-base lg:inline-block font-medium focus:bg-white lg:hover:bg-primary rounded-primary duration-200 transition-all py-6 px-10">
-                    Who we are
-                  </button>
-                </Link>
+                <div className="flex gap-8">
+                  <Link href="/about-us" passHref>
+                    <button className="bg-primary lg:bg-white text-base lg:inline-block font-medium focus:bg-white lg:hover:bg-primary rounded-primary duration-200 transition-all py-6 px-10">
+                      Who We Are
+                    </button>
+                  </Link>
+                  <Link href="https://oscafrica.org/discord" passHref>
+                    <button className="bg-primary lg:bg-white text-base lg:inline-block font-medium focus:bg-white lg:hover:bg-primary rounded-primary duration-200 transition-all py-6 px-10">
+                      <div className="inline-flex items-center">
+                        Join our Community <img className="w-8 ml-4" alt="Discord Logo" src="./images/discord.svg" />
+                      </div>
+                    </button>
+                  </Link>
+                </div>
               </div>
             </div>
           </main>