Update Navbar border style and registration page

kodecosmo · Dec 12, 2023 · 7864d50 · 7864d50
1 parent 2de83eb
commit 7864d50
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 1 deletion.
diff --git a/src/app/components/Navbar.jsx b/src/app/components/Navbar.jsx
@@ -20,13 +20,17 @@ const navLinks = [
     title: "Contact",
     path: "#contact",
   },
+  {
+    title: "Register",
+    path: "/registration",
+  },
 ];
 
 const Navbar = () => {
   const [navbarOpen, setNavbarOpen] = useState(false);
 
   return (
-    <nav className="fixed mx-auto border border-[#33353F] top-0 left-0 right-0 z-10 bg-[#121212] bg-opacity-100">
+    <nav className="fixed mx-auto border-b border-[#33353F] top-0 left-0 right-0 z-10 bg-[#121212] bg-opacity-100">
       <div className="flex container lg:py-4 flex-wrap items-center justify-between mx-auto px-4 py-2">
         <Link
           href={"/"}

diff --git a/src/app/registration/page.jsx b/src/app/registration/page.jsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import Navbar from '../components/Navbar'
+
+
+function page() {
+    return (
+        <div>
+            <Navbar />
+
+            <div className="flex flex-col justify-center items-center h-screen mt-[110px]">
+                <h1 className=' text-4xl m-6 text-primary-700'>
+                    Registration
+                </h1>
+                <p className=' mb-3'>
+                    Please fill out form below to register for the CodeFest.
+                </p>
+                <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSefHJer1I_AQWWO_cquFzXKkJeV2R9E8-jqd9r8eiLv6pggmQ/viewform?embedded=true" width="840" height="3000" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+            </div>
+        </div>
+    );
+}
+
+export default page