feat(project): add the website initial work 🚀

This website is built using Next.js and Tailwind

.gitignore

@@ -0,0 +1,129 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pem
+
+
+/build
+
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+/coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+/.pnp
+.pnp.js
+jspm_packages
+
+# Optional npm cache directory
+.npm
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+# Optional REPL history
+.node_repl_history
+.next
+/.next/
+/out/
+
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+*.code-workspace
+
+# Local History for Visual Studio Code
+.history/
+
+### VisualStudioCode Patch ###
+# Ignore all local history of files
+.history
+.ionide
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+Thumbs.db:encryptable
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk

README.md

@@ -0,0 +1,34 @@
+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).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

components/header/ExternalLinkNavItem.js

@@ -0,0 +1,16 @@
+function ExternalLinkNavItem(props) {
+    return (
+        <li className="pr-4 text-m font-light text-gray-800 p-2 hover:bg-gray-200 rounded transition duration-500 hover:scale-110">
+            <a href = {props.href}>
+                {props.text}
+            </a>
+        </li>
+
+    )
+}
+
+export default ExternalLinkNavItem
+
+
+
+

components/header/Header.js

@@ -0,0 +1,47 @@
+import Link from 'next/link'
+import ExternalLinkNavItem from './ExternalLinkNavItem'
+import Logo from './Logo'
+import NavItem from './NavItem'
+import { FaDiscord } from 'react-icons/fa';
+
+
+function Header() {
+    return (
+        <nav className = "flex justify-between p-4">
+          <div>
+            <Logo/>
+          </div>
+          <div className="hidden md:block">
+            <ul className= "flex space-x-3 gap-5">
+                <NavItem text = "Overview" href = "/" />
+                <NavItem text = "Events" href = "/events" />
+                <NavItem text = "Team" href = "/team" />
+                <NavItem text = "Faqs" href = "#faqs" />
+                <ExternalLinkNavItem text = "Projects" href = "https://github.com/dscbitshyd"/>
+                <a href = "https://discord.gg/F2QF5eG9">
+
+                    <div className="flex gap-2 items-center bg-blue-500 hover:bg-blue-700 text-white font-bold p-2 rounded transition duration-500 hover:scale-110">
+                        <FaDiscord />
+                        <h1>Join the Community</h1>
+                    </div>
+                </a>
+            </ul>
+          </div>
+          </nav>
+    )
+}
+
+export default Header
+
+
+function DiscordButton() {
+  return (
+  <a href="mailto:[email protected]" className="flex items-center m-2">
+    <FaDiscord />
+    <p className="ml-2">
+      Email: [email protected]
+    </p>
+  </a>
+
+  )
+}

components/header/Logo.js

@@ -0,0 +1,26 @@
+/* eslint-disable @next/next/link-passhref */
+/* eslint-disable @next/next/no-img-element */
+import Image from 'next/image'
+import Link from 'next/link'
+
+
+function Logo() {
+  return (
+    <Link href="/">
+      <div className="flex space-x-3 items-center cursor-pointer transition duration-500 hover:scale-110">
+
+        <div><img src = '/googleDscLogo.svg' alt = "Logo" height = {40} width = {40} loading="lazy" /></div>
+        <div>
+        <h1 className="text-2xl">
+            Developer Student Clubs
+        </h1>
+        <h1 className="text-l">
+            BITS Pilani Hyderabad Campus
+        </h1>
+        </div>
+      </div>
+    </Link>
+  )
+}
+
+export default Logo

components/header/NavItem.js

@@ -0,0 +1,12 @@
+import Link from "next/link"
+
+function NavItem(props) {
+    return (
+        <li className="text-m font-light text-gray-800 p-2 hover:bg-gray-200 rounded transition duration-500 hover:scale-110">
+            <Link href = {props.href}>
+                {props.text}
+            </Link>
+        </li>
+    )
+}
+export default NavItem

components/hero/Hero.js

@@ -0,0 +1,27 @@
+import { motion } from "framer-motion"
+function Hero() {
+    return (
+
+        <motion.div initial="hidden" animate="visible" variants={{
+            hidden: {
+              scale: .8,
+              opacity: 0
+            },
+            visible: {
+              scale: 1,
+              opacity: 1,
+              transition: {
+                delay: 0.2
+              }
+            },
+          }} className =" text-center md:text-left md:flex max-w-4xl mx-auto md:mx-auto mt-12 md:mt-24 items-start">
+            <h1 className="font-bold text-6xl leading-tight">Google Developer Student Club</h1>
+            <div className = "mx-auto">
+                <p className="text-2xl font-medium"> BITS Pilani Hyderabad Campus Chapter</p>
+                <p className="text-xl font-light"> Google Developer Student Clubs are community groups for college and university students interested in Google developer technologies</p>
+            </div>
+        </motion.div>
+    )
+}
+
+export default Hero

components/team/BusinessDivision.js

@@ -0,0 +1,17 @@
+import TeamItem from "./TeamItem";
+
+function BusinessDivision() {
+    return (
+        <div>
+        <h1 className="text-2xl font-light p-8">
+            Business Division
+        </h1>
+        <div className="flex items-center">
+            <TeamItem url = "/Vaishnavi DSC.jpg" name = "Mani Venkat" position = "Dev Lead" github = "www.github.com/saiankit" linkedin = "www.linkedin.com"/>
+            <TeamItem url = "/Shreya DSC.jpg" name = "Vibha Narendra" position = "Dev Lead" github = "www.github.com/saiankit" linkedin = "www.linkedin.com"/>
+        </div>
+    </div>
+    )
+}
+
+export default BusinessDivision

components/team/CreativeDivision.js

@@ -0,0 +1,18 @@
+import TeamItem from "./TeamItem";
+
+function CreativeDivision() {
+    return (
+        <div>
+        <h1 className="text-2xl font-light p-8">
+        Creative Division
+        </h1>
+        <div className="flex items-center">
+            <TeamItem url = "/Vaishnavi DSC.jpg" name = "Geetha Charan Nallana" position = "Dev Lead" github = "www.github.com/saiankit" linkedin = "www.linkedin.com"/>
+            <TeamItem url = "/Shreya DSC.jpg" name = "Sambhav Jain" position = "Dev Lead" github = "www.github.com/saiankit" linkedin = "www.linkedin.com"/>
+            <TeamItem url = "/Shreya DSC.jpg" name = "Pratyush Choudhary" position = "Dev Lead" github = "www.github.com/saiankit" linkedin = "www.linkedin.com"/>
+        </div>
+    </div>
+    )
+}
+
+export default CreativeDivision

components/team/DevelopmentDivision.js

@@ -0,0 +1,17 @@
+import TeamItem from "./TeamItem";
+
+function DevelopmentDivision() {
+    return (
+        <div>
+            <h1 className="text-2xl font-light p-8">
+                Development Division
+            </h1>
+            <div className="flex items-center">
+            <TeamItem url = "/Shreya DSC.jpg" name = "Shreya Banerjee" position = "Dev Lead" github = "www.github.com/saiankit" linkedin = "www.linkedin.com"/>
+            <TeamItem url = "/Vaishnavi DSC.jpg" name = "Vaishnavi Shrivastava" position = "Dev Lead" github = "www.github.com/saiankit" linkedin = "www.linkedin.com"/>
+            </div>
+        </div>
+    )
+}
+
+export default DevelopmentDivision

components/team/Team.js

@@ -0,0 +1,26 @@
+import BusinessDivision from "./BusinessDivision";
+import CreativeDivision from "./CreativeDivision";
+import DevelopmentDivision from "./DevelopmentDivision";
+import TeamItem from "./TeamItem";
+
+function Team() {
+    return (
+        <div className = "mt-10 md:mt-12">
+            <TeamItem url = "/Sai Ankit DSC.png" name = "Sai Ankit" position = "Lead" github = "www.github.com/saiankit" linkedin = "www.linkedin.com"/>
+            {/* Development Division */}
+            <DevelopmentDivision/>
+            {/* Business Division */}
+            <BusinessDivision/>
+
+
+            {/* Creative Division */}
+            <CreativeDivision/>
+
+        </div>
+    )
+}
+
+export default Team
+
+
+