diff --git a/.gitignore b/.gitignore index a547bf3..26fce56 100644 --- a/.gitignore +++ b/.gitignore @@ -8,6 +8,7 @@ pnpm-debug.log* lerna-debug.log* node_modules +*.next dist dist-ssr *.local @@ -22,3 +23,6 @@ dist-ssr *.njsproj *.sln *.sw? + +# Environment variables +.env diff --git a/README.md b/README.md index ef7610a..0dc9ea2 100644 --- a/README.md +++ b/README.md @@ -1,35 +1,36 @@ -# hackbyte -The official website for Hackbyte (annual hackathon of IIITDM Jabalpur). +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). -[hackbyte23.live](https://hackbyte23.live) +## Getting Started -## Tech Stack -- React (vite) -- threejs - -## How to setup? -- Fork the repository - -- Clone the forked repository +First, run the development server: ```bash - git clone https://github.com//hackbyte +npm run dev +# or +yarn dev +# or +pnpm dev +# or +bun dev ``` -- Go to the project directory +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. -```bash - cd hackbyte -``` +You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file. -- Install dependencies +This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. -```bash - npm install -``` +## Learn More -- Start the web app +To learn more about Next.js, take a look at the following resources: -```bash - npm run dev -``` +- [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. diff --git a/app/clash_grotesk.css b/app/clash_grotesk.css new file mode 100644 index 0000000..064f3e4 --- /dev/null +++ b/app/clash_grotesk.css @@ -0,0 +1,91 @@ +/* Clash Grotesk */ +@font-face { + font-family: "Clash Grotesk"; + src: url("//cdn.fontshare.com/wf/5TRO2J3HJNIQODLQ4CTSMGSLAWSE5YUY/GHXENXHZCDIOE5E73364PNNASRNO3JVW/GLZTRU2GIKPV5HYT3E6HDLWOXAWPNZDV.woff2") + format("woff2"), + url("//cdn.fontshare.com/wf/5TRO2J3HJNIQODLQ4CTSMGSLAWSE5YUY/GHXENXHZCDIOE5E73364PNNASRNO3JVW/GLZTRU2GIKPV5HYT3E6HDLWOXAWPNZDV.woff") + format("woff"), + url("//cdn.fontshare.com/wf/5TRO2J3HJNIQODLQ4CTSMGSLAWSE5YUY/GHXENXHZCDIOE5E73364PNNASRNO3JVW/GLZTRU2GIKPV5HYT3E6HDLWOXAWPNZDV.ttf") + format("truetype"); + font-weight: 200 700; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: "Clash Grotesk"; + src: url("//cdn.fontshare.com/wf/4LBWQBEAT7WMBLPYHDTSGFMVYM7YP52X/7KPUND2QF7YEOZXDNBOHQRJKQWHIG2TW/O7I6PUTWFICZ67CVKIGGMX2EF3RHEAKS.woff2") + format("woff2"), + url("//cdn.fontshare.com/wf/4LBWQBEAT7WMBLPYHDTSGFMVYM7YP52X/7KPUND2QF7YEOZXDNBOHQRJKQWHIG2TW/O7I6PUTWFICZ67CVKIGGMX2EF3RHEAKS.woff") + format("woff"), + url("//cdn.fontshare.com/wf/4LBWQBEAT7WMBLPYHDTSGFMVYM7YP52X/7KPUND2QF7YEOZXDNBOHQRJKQWHIG2TW/O7I6PUTWFICZ67CVKIGGMX2EF3RHEAKS.ttf") + format("truetype"); + font-weight: 200; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: "Clash Grotesk"; + src: url("//cdn.fontshare.com/wf/SINQ57HHHPFVR2H2M32ZNEFSVLE2LFD2/7IAKEQYNYVZZQGJW7R4Y7C5IZ7XHSFQO/DKSXVIDJANOLWNE4OACLWSGITSUTBGB3.woff2") + format("woff2"), + url("//cdn.fontshare.com/wf/SINQ57HHHPFVR2H2M32ZNEFSVLE2LFD2/7IAKEQYNYVZZQGJW7R4Y7C5IZ7XHSFQO/DKSXVIDJANOLWNE4OACLWSGITSUTBGB3.woff") + format("woff"), + url("//cdn.fontshare.com/wf/SINQ57HHHPFVR2H2M32ZNEFSVLE2LFD2/7IAKEQYNYVZZQGJW7R4Y7C5IZ7XHSFQO/DKSXVIDJANOLWNE4OACLWSGITSUTBGB3.ttf") + format("truetype"); + font-weight: 300; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: "Clash Grotesk"; + src: url("//cdn.fontshare.com/wf/O462VY6O6FTQCS72XVMTQHXAM4NN5CY3/TWF57ITZORMJ3MEWLQQIVO6BMXIB6FUR/MJQFMMOTEGNXDVM7HBBDTQHTVB2M7Y6G.woff2") + format("woff2"), + url("//cdn.fontshare.com/wf/O462VY6O6FTQCS72XVMTQHXAM4NN5CY3/TWF57ITZORMJ3MEWLQQIVO6BMXIB6FUR/MJQFMMOTEGNXDVM7HBBDTQHTVB2M7Y6G.woff") + format("woff"), + url("//cdn.fontshare.com/wf/O462VY6O6FTQCS72XVMTQHXAM4NN5CY3/TWF57ITZORMJ3MEWLQQIVO6BMXIB6FUR/MJQFMMOTEGNXDVM7HBBDTQHTVB2M7Y6G.ttf") + format("truetype"); + font-weight: 400; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: "Clash Grotesk"; + src: url("//cdn.fontshare.com/wf/2SAK53YLUN7RMYJU4MYLSBV6SSSJEJZB/RXS4DPGJRKOUFZMF5X5BVUGNNKJT65XZ/DJS4RYGIUYUXJQOHY5VCZPKSTXUSHTSP.woff2") + format("woff2"), + url("//cdn.fontshare.com/wf/2SAK53YLUN7RMYJU4MYLSBV6SSSJEJZB/RXS4DPGJRKOUFZMF5X5BVUGNNKJT65XZ/DJS4RYGIUYUXJQOHY5VCZPKSTXUSHTSP.woff") + format("woff"), + url("//cdn.fontshare.com/wf/2SAK53YLUN7RMYJU4MYLSBV6SSSJEJZB/RXS4DPGJRKOUFZMF5X5BVUGNNKJT65XZ/DJS4RYGIUYUXJQOHY5VCZPKSTXUSHTSP.ttf") + format("truetype"); + font-weight: 500; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: "Clash Grotesk"; + src: url("//cdn.fontshare.com/wf/MKEEQN57GWBZOSYWCRODNJOOZNPLMAKN/5SPTSZGHEACWWLF34DQ4WAA4OGU6PQIF/KN7DX4F6PXB74R6L2K2Y4NH3CB7FC53Q.woff2") + format("woff2"), + url("//cdn.fontshare.com/wf/MKEEQN57GWBZOSYWCRODNJOOZNPLMAKN/5SPTSZGHEACWWLF34DQ4WAA4OGU6PQIF/KN7DX4F6PXB74R6L2K2Y4NH3CB7FC53Q.woff") + format("woff"), + url("//cdn.fontshare.com/wf/MKEEQN57GWBZOSYWCRODNJOOZNPLMAKN/5SPTSZGHEACWWLF34DQ4WAA4OGU6PQIF/KN7DX4F6PXB74R6L2K2Y4NH3CB7FC53Q.ttf") + format("truetype"); + font-weight: 600; + font-display: swap; + font-style: normal; +} + +@font-face { + font-family: "Clash Grotesk"; + src: url("//cdn.fontshare.com/wf/P6VJ47S3OYMUC7HYSJLTK7PEIK5O2NPQ/TK62VLUWA76PMTK2XWBNDZB7QVXJGYE3/I5W5NEJGYVFUC5I4XOXVET63OE5PSVHJ.woff2") + format("woff2"), + url("//cdn.fontshare.com/wf/P6VJ47S3OYMUC7HYSJLTK7PEIK5O2NPQ/TK62VLUWA76PMTK2XWBNDZB7QVXJGYE3/I5W5NEJGYVFUC5I4XOXVET63OE5PSVHJ.woff") + format("woff"), + url("//cdn.fontshare.com/wf/P6VJ47S3OYMUC7HYSJLTK7PEIK5O2NPQ/TK62VLUWA76PMTK2XWBNDZB7QVXJGYE3/I5W5NEJGYVFUC5I4XOXVET63OE5PSVHJ.ttf") + format("truetype"); + font-weight: 700; + font-display: swap; + font-style: normal; +} diff --git a/app/contact/page.css b/app/contact/page.css new file mode 100644 index 0000000..aafea06 --- /dev/null +++ b/app/contact/page.css @@ -0,0 +1,12 @@ +.rotatingContainer { + animation: rotateAnimation 8s linear infinite; +} + +@keyframes rotateAnimation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} diff --git a/app/contact/page.jsx b/app/contact/page.jsx new file mode 100644 index 0000000..998db07 --- /dev/null +++ b/app/contact/page.jsx @@ -0,0 +1,212 @@ +import Navbar from "@/components/Navbar"; +import TextAnimation from "@/components/TextAnimation"; + +import FooterAnimation from "@/components/FooterAnimation"; +import Footer from "@/components/Footer"; +import "./page.css"; + +export const metadata = { + title: "Contact | HackByte", + description: + "Connect with us at HackByte! Reach out for assistance, questions, or just to say hello. Find information on reaching IIIT Jabalpur, including travel options.", + keywords: "contact, hackbyte, reach us, get in touch", + openGraph: { + title: "Contact | HackByte", + description: + "Connect with us at HackByte! Reach out for assistance, questions, or just to say hello. Find information on reaching IIIT Jabalpur, including travel options.", + url: "https://hackbyte.in/contact", + images: + "https://res.cloudinary.com/drtmfrghg/image/upload/v1708016443/opengraph-image_vkiopn.jpg", + siteName: "HackByte - IIITDMJ Hackathon", + type: "website", + locale: "en_US", + }, +}; + +export default function Contact() { + return ( + <> + +
+
+
+
+ +

+ Hacker Experience is what we prioritize! Have questions, need + assistance, or just want to connect? Feel free to reach out! +

+
+ + Get in touch +
+ +
+

+ Reaching IIIT Jabalpur +

+ +
+ +
+
+ By Train +
+

+ By Train +

+

+ Book tickets from IRCTC : The campus is 10kms from the Railway + Terminal and auto fare is usually around ₹200-₹250. +

+
+
+ +
+ By Flight +
+

+ By Air +

+

+ Daily flights from{" "} + + Delhi, Mumbai, Hyderabad, Indore and Bilaspur. + {" "} + From Bangalore, connecting + flights are available. +

+
+
+ +
+ By Bus +
+

+ By Bus +

+

+ Only suggested if you live around{" "} + 8-10hrs from Jabalpur.{" "} + + ISBT (Pandit Deen Dayal Bus Stand) + {" "} + is around 13km from the venue, auto fare is usually around{" "} + ₹400-₹450. +

+
+
+
+ +
+
+

+ Call Us +

+
+
+

+91 98692 61132

+

Uttara Kamat

+
+
+

+91 93196 74300

+

Akshay Behl

+
+
+
+
+

+ Address +

+

+ IIITDM Jabalpur, Near Dumna Airport, Jabalpur, Madhya Pradesh + 482005 +

+
+
+
+
+
+
+

+ Empower +
Your Digital +
Odyssey! +

+ + +
+
+