diff --git a/components/Error/NotFound.jsx b/components/Error/NotFound.jsx new file mode 100644 index 0000000..55f5778 --- /dev/null +++ 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 ( +
+
+
+
+

404

+

+ LOST IN + +   SPACE + + + +   GDSC? Hmm, looks like that page doesn't exist. +

+ Astronaut + Planet +
+
+ + +
+ ); +}; + +export default NotFound; diff --git a/components/Landing.jsx b/components/Landing.jsx index 7dc8947..b415482 100644 --- a/components/Landing.jsx +++ b/components/Landing.jsx @@ -3,8 +3,10 @@ import { Player } from "@lottiefiles/react-lottie-player"; function Landing() { return ( -
- + +
+ + {/* Landing text */}
@@ -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.

+ + + Info + +
{/* Landing Image/Animation */} diff --git a/pages/404.js b/pages/404.js new file mode 100644 index 0000000..84f7f62 --- /dev/null +++ b/pages/404.js @@ -0,0 +1,7 @@ +import NotFound from '@/components/Error/NotFound'; + +const _404 = () => { + return +}; + +export default _404; diff --git a/pages/index.js b/pages/index.js index 15d5977..3309f2c 100644 --- a/pages/index.js +++ b/pages/index.js @@ -14,7 +14,7 @@ export default function Home() { GDSC Jadavpur University - +
diff --git a/pages/page404/404.svg b/pages/page404/404.svg new file mode 100644 index 0000000..8735cf8 --- /dev/null +++ b/pages/page404/404.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/pages/page404/Error.js b/pages/page404/Error.js new file mode 100644 index 0000000..65d63c4 --- /dev/null +++ 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 ( + <> +
+
+ error + {/*

404 ERROR

*/} +

PAGE NOT FOUND

+ Back To Home Page +
+
+ + ) +} + +export default Error \ No newline at end of file diff --git a/public/astronaut.svg b/public/astronaut.svg new file mode 100644 index 0000000..64e4684 --- /dev/null +++ b/public/astronaut.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/saturn.svg b/public/saturn.svg new file mode 100644 index 0000000..ebdece2 --- /dev/null +++ b/public/saturn.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/styles/globals.css b/styles/globals.css index a4a0187..d67f50b 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -1,3 +1,5 @@ +@import url("https://fonts.googleapis.com/css?family=Dosis:300,400,700,800"); + @tailwind base; @tailwind components; @tailwind utilities; @@ -28,3 +30,15 @@ body::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.484); border-radius: 10px; } + +.fontDosis { + font-family: 'Dosis', sans-serif, + 'Helvetica Neue', sans-serif, + 'Arial', sans-serif; +} + +.strikeThru{ + content: ""; + border-bottom: 3px solid #ffbb39; + @apply absolute w-full top-[43%] left-0 +} \ No newline at end of file