From d5761beb257413ff214b5aca4321a4f6811cde9e Mon Sep 17 00:00:00 2001
From: myix765 <myix765@gmail.com>
Date: Fri, 1 Nov 2024 21:27:01 -0400
Subject: [PATCH] lowercase routes and added vercel.json

---
 src/components/NavBar/NavBar.jsx | 12 ++++++------
 src/components/PageRoutes.jsx    |  8 ++++----
 src/pages/Login.jsx              |  2 +-
 src/pages/SignUp.jsx             |  2 +-
 vercel.json                      |  8 ++++++++
 5 files changed, 20 insertions(+), 12 deletions(-)
 create mode 100644 vercel.json

diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index e6863d4..239b4c2 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -17,9 +17,9 @@ const NavBar = () => {
 
           {/* Desktop navigation */}
           <div className="hidden sm:flex sm:items-center sm:space-x-4">
-            <NavLink href="/About" isMobile={false}>About</NavLink>
-            <NavLink href="/Contact" isMobile={false}>Contact</NavLink>
-            <NavLink href="/SignUp" isMobile={false}>Sign Up</NavLink>
+            <NavLink href="/about" isMobile={false}>About</NavLink>
+            <NavLink href="/contact" isMobile={false}>Contact</NavLink>
+            <NavLink href="/signup" isMobile={false}>Sign Up</NavLink>
             {/* <LanguageSelector /> */}
           </div>
 
@@ -40,9 +40,9 @@ const NavBar = () => {
       {/* Mobile menu */}
       <div className={`sm:hidden ${isMenuOpen ? 'block' : 'hidden'}`}>
         <div className="pt-2 pb-3 space-y-1">
-            <NavLink href="/About" isMobile={true}>About</NavLink>
-            <NavLink href="/Contact" isMobile={true}>Contact</NavLink>
-            <NavLink href="/SignUp" isMobile={true}>Sign Up</NavLink>
+            <NavLink href="/about" isMobile={true}>About</NavLink>
+            <NavLink href="/contact" isMobile={true}>Contact</NavLink>
+            <NavLink href="/signup" isMobile={true}>Sign Up</NavLink>
         </div>
         <div className="pt-4 pb-3 border-t border-gray-200">
           {/* <LanguageSelector mobile /> */}
diff --git a/src/components/PageRoutes.jsx b/src/components/PageRoutes.jsx
index feea93e..460d16f 100644
--- a/src/components/PageRoutes.jsx
+++ b/src/components/PageRoutes.jsx
@@ -9,10 +9,10 @@ export default function PageRoutes() {
   return (
     <div>
       <Route path="/" component={Home} />
-      <Route path="/About" component={About} />
-      <Route path="/Contact" component={Contact} />
-      <Route path="/SignUp" component={SignUp} />
-      <Route path="/Login" component={Login} />
+      <Route path="/about" component={About} />
+      <Route path="/contact" component={Contact} />
+      <Route path="/signup" component={SignUp} />
+      <Route path="/login" component={Login} />
     </div>
   );
 };
\ No newline at end of file
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
index 111990c..3eb92ca 100644
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -23,7 +23,7 @@ export default function Login() {
                 <div className="bg-white w-2/3 md:1/2 lg:w-2/5 py-16 px-5 sm:px-20 rounded-lg shadow-2xl min-h-min">
                     <h1 className="text-2xl sm:text-3xl mb-3">Login</h1>
                     <h3 className="text-sm sm:text-base text-slate-400 mb-6">Don't have an account?
-                        <Link href="/SignUp" className="text-blue-400"> Sign up</Link> 
+                        <Link href="/signup" className="text-blue-400"> Sign up</Link> 
                     </h3>
 
                     <form method="POST" onSubmit={handleSubmit}>
diff --git a/src/pages/SignUp.jsx b/src/pages/SignUp.jsx
index 349b2d6..ba6431a 100644
--- a/src/pages/SignUp.jsx
+++ b/src/pages/SignUp.jsx
@@ -50,7 +50,7 @@ export default function SignUp() {
         <div>
           <h3 className="text-3xl ml-10"> Sign up </h3>
           <p className="mt-8 text-gray-500 ml-10"> Already have an account? 
-            <Link className="ml-1 font-bold text-blue-400" href="/Login"> Log In</Link>
+            <Link className="ml-1 font-bold text-blue-400" href="/login"> Log In</Link>
           </p>
         </div>
 
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 0000000..d9850ca
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,8 @@
+{
+    "rewrites": [
+      {
+        "source": "/((?!api/)[^./]+)",
+        "destination": "/"
+      }
+    ]
+  }
\ No newline at end of file