From 8c998fc76f46e2d13959d86d0fdf005aab6f96d9 Mon Sep 17 00:00:00 2001
From: Oluebube Princes Egbuna <egbunaoluebube@gmail.com>
Date: Thu, 2 May 2024 22:43:12 +0100
Subject: [PATCH] Initial draft for OSCAFest 2025

---
 src/components/2024/footer.js | 19 ------------
 src/components/2024/header.js | 56 +----------------------------------
 src/components/2024/nav.js    |  8 ++---
 src/pages/index.js            |  3 --
 4 files changed, 5 insertions(+), 81 deletions(-)

diff --git a/src/components/2024/footer.js b/src/components/2024/footer.js
index aeec2443..7c4aab02 100644
--- a/src/components/2024/footer.js
+++ b/src/components/2024/footer.js
@@ -1,25 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
 import "@fortawesome/fontawesome-svg-core/styles.css";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { config, library } from "@fortawesome/fontawesome-svg-core";
-import { faDiscord, faFacebookSquare, faGithub, faInstagram, faTwitter } from "@fortawesome/free-brands-svg-icons";
-import { faCalendar, faEnvelope, faExternalLinkAlt, faMapMarkerAlt } from "@fortawesome/free-solid-svg-icons";
-
-import Gallery from "./gallery";
-
-library.add(
-  faEnvelope,
-  faCalendar,
-  faMapMarkerAlt,
-  faExternalLinkAlt,
-  faTwitter,
-  faFacebookSquare,
-  faInstagram,
-  faGithub,
-  faDiscord
-);
-config.autoAddCss = false;
 
 function Footer(props) {
   return (
diff --git a/src/components/2024/header.js b/src/components/2024/header.js
index 826cecc7..dbc3d0df 100644
--- a/src/components/2024/header.js
+++ b/src/components/2024/header.js
@@ -1,65 +1,11 @@
 import React from "react";
 import { homeBackground } from "./cloudImages";
-import { Link } from "gatsby";
-
-function Register() {
-  return (
-    <div className="font-clashDisplay font-semibold text-black uppercase relative group">
-      <button
-        className="bg-orange-400 text-brown uppercase p-3 text-l tracking-wider mb-1 shadow-md w-full flex flex-row"
-        disabled
-      >
-        <span className="grow">Register</span>
-        <span className="flex items-center">
-          &nbsp; | &nbsp;
-          <span className="group-hover:hidden">
-            <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path
-                fillRule="evenodd"
-                clipRule="evenodd"
-                d="M0.46967 1.11029C0.762563 0.817402 1.23744 0.817402 1.53033 1.11029L6 5.57996L10.4697 1.11029C10.7626 0.817402 11.2374 0.817402 11.5303 1.11029C11.8232 1.40319 11.8232 1.87806 11.5303 2.17096L6.53033 7.17096C6.23744 7.46385 5.76256 7.46385 5.46967 7.17096L0.46967 2.17096C0.176777 1.87806 0.176777 1.40319 0.46967 1.11029Z"
-                fill="#3B2102"
-              />
-            </svg>
-          </span>
-          <span className="hidden group-hover:block">
-            <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path
-                fillRule="evenodd"
-                clipRule="evenodd"
-                d="M5.46967 1.11029C5.76256 0.817402 6.23744 0.817402 6.53033 1.11029L11.5303 6.11029C11.8232 6.40319 11.8232 6.87806 11.5303 7.17096C11.2374 7.46385 10.7626 7.46385 10.4697 7.17096L6 2.70129L1.53033 7.17096C1.23744 7.46385 0.762563 7.46385 0.46967 7.17096C0.176777 6.87806 0.176777 6.40319 0.46967 6.11029L5.46967 1.11029Z"
-                fill="#22282F"
-              />
-            </svg>
-          </span>
-        </span>
-      </button>
-      <div className="bg-white p-3 text-l tracking-wider shadow-md w-full absolute z-20 invisible group-hover:visible transition-all ease-in-out delay-75">
-        <a
-          href="https://eventbrite.com/e/open-source-festival-2023-tickets-574820402297"
-          className="flex items-center p-3"
-          target="_blank"
-          rel="noreferrer"
-        >
-          USD ($)
-        </a>
-        <hr className="bg-black h-[1px] my-1" />
-        <a href="https://bit.ly/oscafest23-tix" className="flex items-center p-3" target="_blank" rel="noreferrer">
-          Naira (₦)
-        </a>
-      </div>
-    </div>
-  );
-}
 
 function Header() {
   const bgWrapperStyles = {
     backgroundImage: `url(${homeBackground.background})`,
     backgroundSize: "cover"
   };
-  const navbgWrapperStyles = {
-    backgroundImage: `url(${homeBackground.navBackground})`
-  };
 
   return (
     <section id="home">
@@ -67,7 +13,7 @@ function Header() {
         <div style={bgWrapperStyles} className="flex flex-col z-30 left-0 w-full min-h-screen lg:pt-16 overflow-hidden">
           <div className="z-20 flex flex-wrap  m-auto items-center">
             <div className="w-full h-full sm:mt-36 sm:m-auto sm:my-24 sm:px-10 sm:container lg:mt-16 m-auto lg:w-7/12 text-white flex flex-col items-center">
-              <img Alt="OSCAFest Title 2025" src={homeBackground.title} className="mb-5 lg:px-7" />
+              <img alt="OSCAFest Title 2025" src={homeBackground.title} className="mb-5 lg:px-7" />
               <div className="flex flex-col w-full ">
                 <text className="font-clashDisplay lg:text-5xl text-3xl text-center justify-center tracking-widest text-white  w-full">
                   {" "}
diff --git a/src/components/2024/nav.js b/src/components/2024/nav.js
index 54995159..4d0bf419 100644
--- a/src/components/2024/nav.js
+++ b/src/components/2024/nav.js
@@ -62,7 +62,7 @@ function Nav() {
                   viewBox="0 0 13 12"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
-                  class="bg-white p-6"
+                  className="bg-white p-6"
                 >
                   <title>Close Menu</title>
                   <path
@@ -82,7 +82,7 @@ function Nav() {
                   viewBox="0 0 44 55"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
-                  class="bg-white flex"
+                  className="bg-white flex"
                 >
                   <rect x="16" y="16.0547" width="27.9971" height="2" fill="#0B0B20" />
                   <rect x="16" y="26.0547" width="27.9971" height="2" fill="#0B0B20" />
@@ -98,7 +98,7 @@ function Nav() {
             <div className="flex flex-row items-center">
               <div className="mx-2 flex justify-center sm:flex-row min-w-52 flex-col sm:mb-16 md:mb-10 lg:mb-0 bg-white border-yellow-500 items-center border-4">
                 <a
-                  href="#"
+                  href="/"
                   className="font-clashDisplay font-bold bg-white p-4 text-lg tracking-wider  mx-5 w-fit flex items-center"
                 >
                   Register &nbsp;
@@ -133,7 +133,7 @@ function Nav() {
       >
         <div className="mx-2 flex justify-center sm:flex-row min-w-52 flex-col sm:mb-16 md:mb-10 lg:mb-0 bg-white border-yellow-500 border-4">
           <a
-            href="#"
+            href="/"
             className="font-clashDisplay font-bold  p-5 text-black tracking-wider w-full mx-5 w-fit flex items-center justify-center"
             onClick={() => toggleExpansion(!isExpanded)}
           >
diff --git a/src/pages/index.js b/src/pages/index.js
index 827ccbae..93e56df7 100755
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -4,9 +4,6 @@ import Layout from "../components/layout";
 import SEO from "../components/SEO/seo";
 import Nav from "../components/2024/nav";
 import Header from "../components/2024/header";
-import About from "../components/2024/about";
-import Speakers from "../components/2024/speakers";
-import Sponsors from "../components/2024/sponsors";
 import Footer from "../components/2024/footer";
 
 function IndexPage() {