Merge branch 'main' into main

ASHMITA489 · Oct 2, 2023 · d4a7432 · d4a7432
2 parents d494436 + e0d7bc5
commit d4a7432
Show file tree

Hide file tree

Showing 9 changed files with 186 additions and 4 deletions.
diff --git a/components/Error/NotFound.jsx b/components/Error/NotFound.jsx
@@ -0,0 +1,40 @@
+// NotFound.jsx
+import React from 'react';
+// import astronaut from '/astronaut.svg';
+// import saturn from '/saturn.svg';
+import {useRouter} from 'next/router'
+import Image from 'next/image';
+
+const NotFound = () => {
+
+    const navigate = useRouter()
+
+    const handleRedirection = () => {
+        navigate.push('/')
+    }
+    return (
+        <div className="bg-[#24344c] h-screen relative overflow-hidden fontDosis">
+            <div id="particles-js" className=" bg-[#24344c] fixed w-full h-full opacity-20"></div>
+            <div className="denied__wrapper absolute bg-[#24344c] denied__wrapper h-[390px] left-1/2 max-w-[390px] mx-auto top-[30%] translate-x-[-50%] translate-y-[-50%] w-full">
+                <div className='relative'>
+                    <h1 className="text-center text-white font-Dosis text-[100px] mb-0 font-extrabold">404</h1>
+                    <h3 className="text-center text-white text-base md:text-xl leading-6 max-w-[330px] mx-auto mb-8 font-Dosis font-normal">
+                        LOST IN 
+                        <span className="relative inline-block">
+                        &nbsp; SPACE
+                            <span className="strikeThru"></span>
+                        </span>
+
+                        &nbsp; GDSC? Hmm, looks like that page doesn&apos;t exist.
+                    </h3>
+                    <Image id="astronaut" src="/astronaut.svg" alt="Astronaut" className="w-[43px] absolute right-20 top-210 animate-spin animation-linear duration-100" width={43} height={43} />
+                    <Image id="planet" src="/saturn.svg" alt="Planet" className="absolute w-[390px]" width={390} height={390}/>
+                </div>
+            </div>
+
+            <button className='bg-transparent text-white py-2 px-0 border border-white rounded-md w-[150px] text-15 text-center mx-auto align-middle block mb-4 mt-25 fontDosis font-normal bottom-0 absolute left-1/2 translate-x-[-50%] translate-y-[-50%]' onClick={handleRedirection} >Go Home</button>
+        </div>
+    );
+};
+
+export default NotFound;
diff --git a/components/Landing.jsx b/components/Landing.jsx
@@ -3,8 +3,10 @@ import { Player } from "@lottiefiles/react-lottie-player";
 
 function Landing() {
   return (
-    <div className=" mt-5 w-[95%] mx-auto h-[100%] flex justify-center items-center">
-
+
+    <div className="px-20 h-[90vh] flex justify-center items-center">
+
+
       {/* Landing text */}
       <div className="flex justify-center items-center">
         <div className="w-4/5 flex justify-center flex-col">
@@ -31,8 +33,17 @@ function Landing() {
             more. The aim of the club is to help students to bridge the gap
             between theory and practice, along with this - the students can
             build their professional and personal networks and get access to
-            google developer resources. Atanu Nayak. 
+            google developer resources. Atanu Nayak.
           </p>
+
+          <a 
+            className="w-24 mt-5 bg-transparent text-center hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded-full" 
+            href="https://developers.google.com/community/gdsc"
+            target="_blank"
+          >
+            Info
+          </a>
+
         </div>
 
         {/* Landing Image/Animation */}

diff --git a/pages/404.js b/pages/404.js
@@ -0,0 +1,7 @@
+import NotFound from '@/components/Error/NotFound';
+
+const _404 = () => {
+    return <NotFound />
+};
+
+export default _404;
diff --git a/pages/index.js b/pages/index.js
@@ -14,7 +14,7 @@ export default function Home() {
     <Head>
         <title>GDSC Jadavpur University</title>
         <meta name="description" content="Join the Google Developer Student Club Program to supercharge your technical skills and make a real impact! Open to all students, from beginners to experts, our club offers peer-to-peer learning, exciting events in web development, app development, competitive programming, machine learning, and more. Bridge the gap between theory and practice, grow your network, and access Google developer resources with us." />
-
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
     </Head>
     <div className={quicksand.style}>
       <Landing />

diff --git a/pages/page404/404.svg b/pages/page404/404.svg
diff --git a/pages/page404/Error.js b/pages/page404/Error.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import { NavLink } from 'react-router-dom'
+import imagee from './404.svg'
+const Error = () => {
+  return (
+    <>
+      <div className="container">
+        <div style={{ minHeight: "85vh", display: "flex", justifyContent: "center", flexDirection: "column", alignItems: "center" }}>
+          <img src={imagee} alt="error" style={{ width: "500px", marginBottom: 20 }} />
+          {/* <h1 className="mb-3">404 ERROR </h1> */}
+          <h2 className="mb-3">PAGE NOT FOUND</h2>
+          <NavLink to="/" className="btn btn-primary" style={{ fontSize: 18 }}> Back To Home Page </NavLink>
+        </div>
+      </div>
+    </>
+  )
+}
+
+export default Error
diff --git a/public/astronaut.svg b/public/astronaut.svg