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/Fields.jsx b/components/Fields.jsx index 6aea811..1026475 100644 --- a/components/Fields.jsx +++ b/components/Fields.jsx @@ -3,53 +3,56 @@ import Image from "next/image"; function Fields() { return ( -
-

FIELDS WE WORK IN

+
+

FIELDS WE WORK IN

{/* Web Development */} -
-
-

Development

+
+
+

Development

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt, - architecto asperiores dicta saepe totam quas laboriosam voluptates - facilis ut numquam, vel beatae odit blanditiis ullam qui, cum - quibusdam atque iure? + Development is the process of creating and maintaining software and + computer programs. Dev encompasses everything from coding, to + maintenance to debugging. The open source community is one of the + most popular "developer" communities

-
- +
+
{/* DSA AND CP */} -
-
- +
+
+
-
-

DSA And CP

+
+

DSA And CP

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt, - architecto asperiores dicta saepe totam quas laboriosam voluptates - facilis ut numquam, vel beatae odit blanditiis ullam qui, cum - quibusdam atque iure? + DSA (Data Structures and Algorithms) is the study of organizing and + manipulating data efficiently to perform complex computations + Competitive programming is a sport of coding where individuals or + teams solve algorithmic problems in a timed competition using DSA + skills, and quick thinking to solve problems within constraints.

{/* Machine Learning */} -
-
-

Machine Learning

+
+
+

Machine Learning

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt, - architecto asperiores dicta saepe totam quas laboriosam voluptates - facilis ut numquam, vel beatae odit blanditiis ullam qui, cum - quibusdam atque iure? + Machine learning is a sub domain of artificial intelligence that + lets computers learn from data and make predictions or decisions for + newer datasets. It involves using algorithms to analyze corelations, + patterns and relationships within datasets. This technology finds + applications in diverse fields, from autonomous driving to + bioinformatics.

-
- +
+
diff --git a/components/Footer.jsx b/components/Footer.jsx index d0f38a3..7ecfd0b 100644 --- a/components/Footer.jsx +++ b/components/Footer.jsx @@ -4,8 +4,8 @@ function Footer() { return (
-
-
+
+
Features
    @@ -63,21 +63,22 @@ function Footer() {
-
+ +
+
Stay connected
-
diff --git a/components/Landing.jsx b/components/Landing.jsx index 21e318e..b415482 100644 --- a/components/Landing.jsx +++ b/components/Landing.jsx @@ -3,14 +3,21 @@ import { Player } from "@lottiefiles/react-lottie-player"; function Landing() { return ( +
+ {/* Landing text */}
-

+

DEVELOPER STUDENT CLUBS
{" "} - Jadavpur University + + Ja + da + vp + ur +   University

The Google Developer Student Club program is a program for @@ -28,6 +35,7 @@ function Landing() { build their professional and personal networks and get access to google developer resources. Atanu Nayak.

+ Info +
{/* Landing Image/Animation */}
diff --git a/components/Navbar.jsx b/components/Navbar.jsx index 035e4bf..3af3977 100644 --- a/components/Navbar.jsx +++ b/components/Navbar.jsx @@ -3,25 +3,25 @@ import Link from "next/link"; const Navbar = () => { return ( -
+
{/* Logo Image */} - + logo {/* Nav Links */} -
+
-

Events

+

Events

-

Gallery

+

Gallery

-

Projects

+

Projects

-

Team

+

Team

diff --git a/package-lock.json b/package-lock.json index 637be72..5e095e1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7,9 +7,10 @@ "": { "name": "gdscju", "version": "0.1.0", + "license": "ISC", "dependencies": { "@lottiefiles/react-lottie-player": "^3.5.3", - "next": "latest", + "next": "^13.5.3", "react": "latest", "react-dom": "latest" }, diff --git a/package.json b/package.json index 16f1440..f7b763b 100644 --- a/package.json +++ b/package.json @@ -5,12 +5,12 @@ "scripts": { "dev": "next dev", "build": "next build", - "start": "next start", + "start": "next", "lint": "next lint" }, "dependencies": { "@lottiefiles/react-lottie-player": "^3.5.3", - "next": "latest", + "next": "^13.5.3", "react": "latest", "react-dom": "latest" }, @@ -20,5 +20,9 @@ "eslint-config-next": "latest", "postcss": "latest", "tailwindcss": "latest" - } + }, + "description": "This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).", + "main": "next.config.js", + "author": "", + "license": "ISC" } 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/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 d6febb5..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; @@ -12,6 +14,10 @@ html{ scroll-behavior: smooth; } +body{ + overflow-x: hidden; +} + body::-webkit-scrollbar { width: 10px; } @@ -24,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 diff --git a/tailwind.config.js b/tailwind.config.js index 8c4d1b2..9be4b6a 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -6,12 +6,16 @@ module.exports = { './app/**/*.{js,ts,jsx,tsx,mdx}', ], theme: { + extend: { backgroundImage: { 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', }, + screens: { + 'md': {'min': '10px', 'max': '903px'} + } }, }, plugins: [],