added contact page

Author: QuadAces

frontend/package-lock.json

@@ -21,7 +21,7 @@
     "axios": "^1.7.2",
     "eslint-config-next": "13.4.19",
     "framer-motion": "^11.1.2",
-    "next": "13.4.19",
+    "next": "13.4.12",
     "postcss": "8.4.29",
     "react": "18.2.0",
     "react-dom": "18.2.0",

frontend/package.json

@@ -1,6 +1,18 @@
+import Footer from '@/components/Footer';
+import Hamburger from '@/components/Hamburger';
+import Navbar from '@/components/Navbar';
+
 export default function ContactUs() {
-    return <div>
-        <h1>Hello world</h1>
-    </div>
-    
-}
+  return (
+    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
+      <Navbar />
+      <section>
+        <p>
+          Follow us on social media to be notified of upcoming events and opportunities' or
+          something like that
+        </p>
+      </section>
+      <Footer />
+    </section>
+  );
+}

frontend/src/pages/contact-us.tsx

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -14,9 +18,18 @@
     "jsx": "preserve",
     "incremental": true,
     "paths": {
-      "@/*": ["./src/*"]
-    }
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "forceConsistentCasingInFileNames": true
   },
-  "include": ["./next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
+  "include": [
+    "./next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }