diff --git a/components/Banner.js b/components/Banner.js index 0a16f3bf..f77357cc 100644 --- a/components/Banner.js +++ b/components/Banner.js @@ -1,20 +1,11 @@ -import React from 'react'; -import Image from 'next/image'; +// components +import Hero from "@/components/common/Hero"; -import bannerLogo from '../public/twoplaysamonth/NavbarLogo.png' +// services +import { Config } from "@/services/metadata/twoplaysamonth"; const Banner = () => { - return ( -
-
-
- -
-

ReactPlay brings you an opportunity to participate in the month-long drive to learn and contribute to Open Source. Join the #2PlaysAMonth and build two projects(plays) in the month of February. You will learn from expert code reviews while contributing to Open Source - you may also win some exciting prizes.

- -
-
- ); + return ; }; -export default Banner; \ No newline at end of file +export default Banner; diff --git a/components/ExtendedFooter.js b/components/ExtendedFooter.js new file mode 100644 index 00000000..d2704a6b --- /dev/null +++ b/components/ExtendedFooter.js @@ -0,0 +1,206 @@ +import { IoAddSharp, IoLogoRss } from "react-icons/io5"; +import { MdManageSearch } from "react-icons/md"; +import { FaDiscord } from "react-icons/fa"; +import { BsTwitter, BsGithub } from "react-icons/bs"; +import Image from "next/image"; +import LogoLight from "../public/img-logo-light.svg"; +import { HiArrowNarrowRight } from "react-icons/hi"; + +const ExtendedFooter = () => { + return ( + + ); +}; + +export default ExtendedFooter; diff --git a/components/Footer.js b/components/Footer.js index d4298f14..57db43ad 100644 --- a/components/Footer.js +++ b/components/Footer.js @@ -5,69 +5,77 @@ import { FaDiscord, FaTwitter, FaRss } from "react-icons/fa"; import FooterTriangles from "../public/FooterTriangles.svg"; import ReactPlayLogo from "../public/ReactPlayLogo.svg"; import FooterReactLogo from "../public/FooterReactLogo.svg"; +import ExtendedFooter from "./ExtendedFooter"; -const Footer = () => { +const Footer = ({ currentPath }) => { return ( - + <> + {currentPath == "/" ? ( + + ) : ( + + )} + ); }; diff --git a/components/Header.js b/components/Header.js index 3d3538ee..1c369133 100644 --- a/components/Header.js +++ b/components/Header.js @@ -4,7 +4,6 @@ import Image from "next/image"; import { useRouter } from "next/router"; import { AiOutlineMenu, AiOutlineClose } from "react-icons/ai"; - const MobileHeader = ({ links, setMobileActive, redirectToRegistration }) => { return ( <> @@ -59,7 +58,7 @@ const Header = ({ links, metainfo, secondary = false }) => { ) : ( -
+
{links && links.map((link, index) => ( diff --git a/components/Layout.js b/components/Layout.js index 6aa6d527..9eb70573 100644 --- a/components/Layout.js +++ b/components/Layout.js @@ -4,6 +4,7 @@ import { useRouter } from "next/router"; import Footer from "./Footer"; import Header from "./Header"; +import Script from "next/script"; const Layout = ({ children, title, description, metainfo }) => { const currentPath = useRouter().pathname; @@ -12,8 +13,9 @@ const Layout = ({ children, title, description, metainfo }) => { useEffect(() => { if ( - currentPath === "/events/23/hackrplay/2022/home" || - currentPath === "/events/23/twoplaysamonth" + currentPath === "/events/22/hackrplay" || + currentPath === "/events/23/twoplaysamonth" || + currentPath === "/" ) { setSecondaryNavbar(false); } else { @@ -27,7 +29,11 @@ const Layout = ({ children, title, description, metainfo }) => { return ( <> {!loading ? ( -
+
{title} @@ -62,7 +68,7 @@ const Layout = ({ children, title, description, metainfo }) => { content={`https://hustles.reactplay.io/${metainfo.name}/og-image.png`} /> -