Fix runtime error

src/App.js

@@ -70,9 +70,12 @@ const PrivateRoute = ({ children, adminOnly = false }) => {
 };
 
 function App() {
+  // Use /membership basename only in production
+  const basename = process.env.NODE_ENV === 'production' ? '/membership' : '';
+
   return (
     <AuthProvider>
-      <BrowserRouter basename="/membership">
+      <BrowserRouter basename={basename}>
         <Routes>
           <Route path="/" element={<Landing />} />
           <Route path="/register" element={<Register />} />

src/pages/Landing.js

@@ -88,7 +88,7 @@ const Landing = () => {
             <img src={heroLoaf} alt="LOAF" className="w-full max-w-xs md:max-w-[370px] h-auto object-contain" />
           </div>
           <div className="flex flex-col gap-4 items-center justify-center w-full max-w-[339px]">
-            <Link to="/register" className="w-full">
+            <Link to="/become-a-member" className="w-full">
               <Button style={{ fontFamily: "'Nunito sans', sans-serif" }} className="bg-[#DDD8EB] hover:bg-white text-[#422268] rounded-full px-6 py-6 sm:py-[32px] text-base sm:text-lg font-medium w-full transition-colors">
                 Become a Member
               </Button>