fix(routing): fix broken sign-in/signup links, admin redirect, and Google OAuth

- Website CTAs (Header, Footer, CTASection, PlanCard, plans page) now use
<a href="/app/..."> for cross-app navigation — Next.js <Link> was silently
doing SPA navigation within the Website, which has no /login or /signup routes.
- APP_URL changed from hardcoded localhost:3000 to /app (relative, works in any env).
- nginx admin redirect changed from exact-match to regex so /admin/login,
/admin/users, etc. are all covered.
- Google OAuth redirect_uri now includes the /app basePath prefix to match the
actual callback route at /app/auth/google/callback.

NOTE: Google Cloud Console must also have /app/auth/google/callback added as an
authorized redirect URI for Google OAuth to work end-to-end.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Website/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

Website/src/app/about/page.tsx

@@ -177,7 +177,7 @@ export default function AboutPage() {
         headline="Ready to work with us?"
         subheadline="Start with the Free plan or sign up to see LeadPilot in action."
         primaryLabel="Start for Free"
-        primaryHref="/signup"
+        primaryHref="/app/signup"
         secondaryLabel="Contact Us"
         secondaryHref="/contact"
       />

Website/src/app/plans/page.tsx

@@ -10,7 +10,7 @@ import { useCatalog, type PlanCatalogEntry } from "@/lib/catalog";
 const tiers = [
   {
     name: "Free", tagline: "Start capturing and qualifying leads today", price: "$0", priceNote: "/ month, forever",
-    available: true, highlighted: true, ctaLabel: "Get Started Free", ctaHref: "/signup",
+    available: true, highlighted: true, ctaLabel: "Get Started Free", ctaHref: "/app/signup",
     features: ["Lead capture (limited monthly volume)", "AI qualification prompts (basic)", "Manual routing to team members", "Email notifications on new leads", "Basic analytics dashboard", "1 team seat", "Community support"],
     notIncluded: ["Automated routing rules", "CRM integrations", "Advanced AI playbooks", "Priority support"],
   },
@@ -240,9 +240,9 @@ export default function PlansPage() {
                   </ul>
 
                   {tier.available ? (
-                    <Link href={tier.ctaHref} className="block text-center px-6 py-3 rounded-xl font-semibold text-white text-sm mk-btn-primary">
+                    <a href={tier.ctaHref} className="block text-center px-6 py-3 rounded-xl font-semibold text-white text-sm mk-btn-primary">
                       {tier.ctaLabel}
-                    </Link>
+                    </a>
                   ) : (
                     <a href="#waitlist" className="block text-center px-6 py-3 rounded-xl font-semibold text-sm mk-coming-soon-btn">
                       Join Waitlist

Website/src/app/use-cases/page.tsx

@@ -222,7 +222,7 @@ export default function UseCasesPage() {
         headline="Ready to try it in your business?"
         subheadline="Start with the Free plan — no credit card, no commitment."
         primaryLabel="Start for Free"
-        primaryHref="/signup"
+        primaryHref="/app/signup"
         secondaryLabel="See Plans"
         secondaryHref="/plans"
       />

Website/src/components/CTASection.tsx

@@ -14,7 +14,7 @@ export default function CTASection({
   headline = "Your leads aren't waiting. Neither should you.",
   subheadline = "Start capturing and qualifying leads today — free, no credit card required.",
   primaryLabel = "Start for Free",
-  primaryHref = "/signup",
+  primaryHref = "/app/signup",
   secondaryLabel = "See Product",
   secondaryHref = "/product",
 }: Props) {
@@ -55,12 +55,12 @@ export default function CTASection({
         </AnimateOnScroll>
         <AnimateOnScroll animation="zoomIn" delay={160}>
           <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
-            <Link
+            <a
               href={primaryHref}
               className="px-9 py-4 rounded-xl font-semibold text-base mk-btn-primary"
             >
               {primaryLabel}
-            </Link>
+            </a>
             <Link
               href={secondaryHref}
               className="px-9 py-4 rounded-xl font-semibold text-sm mk-btn-ghost-dark"

Website/src/components/Footer.tsx

@@ -11,7 +11,7 @@ const cols = {
   Company: [
     { label: "About",      href: "/about" },
     { label: "Contact",    href: "/contact" },
-    { label: "Start Free", href: "/signup" },
+    { label: "Start Free", href: "/app/signup" },
   ],
   Legal: [
     { label: "Privacy Policy",   href: "#" },
@@ -79,12 +79,12 @@ export default function MarketingFooter() {
             </div>
 
             {/* Mini CTA */}
-            <Link
-              href="/signup"
+            <a
+              href="/app/signup"
               className="inline-flex items-center gap-2 px-5 py-2.5 rounded-xl text-sm font-semibold text-white mk-btn-primary"
             >
               Start for Free →
-            </Link>
+            </a>
           </div>
 
           {/* Nav columns */}
@@ -99,9 +99,11 @@ export default function MarketingFooter() {
               <ul className="space-y-3" role="list">
                 {links.map(({ label, href }) => (
                   <li key={label}>
-                    <Link href={href} className="text-sm mk-footer-link">
-                      {label}
-                    </Link>
+                    {href.startsWith("/app") ? (
+                      <a href={href} className="text-sm mk-footer-link">{label}</a>
+                    ) : (
+                      <Link href={href} className="text-sm mk-footer-link">{label}</Link>
+                    )}
                   </li>
                 ))}
               </ul>

Website/src/components/Header.tsx

@@ -118,18 +118,18 @@ export default function MarketingHeader() {
 
         {/* Desktop CTAs */}
         <div className="hidden md:flex items-center gap-3">
-          <Link
-            href="/login"
+          <a
+            href="/app/login"
             className="text-sm font-medium transition-colors duration-200 mk-footer-link px-2 py-1"
           >
             Log in
-          </Link>
-          <Link
-            href="/signup"
+          </a>
+          <a
+            href="/app/signup"
             className="px-4 py-2 rounded-lg text-sm font-semibold text-white mk-btn-primary"
           >
             Start for Free
-          </Link>
+          </a>
         </div>
 
         {/* Mobile toggle */}
@@ -199,20 +199,20 @@ export default function MarketingHeader() {
             className="flex flex-col gap-2.5 mt-4 pt-4"
             style={{ borderTop: "1px solid rgba(255,255,255,0.07)" }}
           >
-            <Link
-              href="/login"
+            <a
+              href="/app/login"
               className="block py-2.5 rounded-lg text-sm font-medium text-center mk-footer-link"
               onClick={() => setOpen(false)}
             >
               Log in
-            </Link>
-            <Link
-              href="/signup"
+            </a>
+            <a
+              href="/app/signup"
               className="block py-2.5 rounded-xl text-sm font-semibold text-white text-center mk-btn-primary"
               onClick={() => setOpen(false)}
             >
               Start for Free
-            </Link>
+            </a>
           </div>
         </div>
       </div>

Website/src/components/PlanCard.tsx

@@ -16,7 +16,7 @@ interface Props {
 
 export default function PlanCard({
   name, tagline, price, priceNote, features, notIncluded = [],
-  ctaLabel, ctaHref = "/signup", available, highlighted = false,
+  ctaLabel, ctaHref = "/app/signup", available, highlighted = false,
 }: Props) {
   return (
     <div
@@ -79,9 +79,9 @@ export default function PlanCard({
       </ul>
 
       {available ? (
-        <Link href={ctaHref} className="block text-center px-6 py-3 rounded-xl font-semibold text-sm mk-btn-primary">
+        <a href={ctaHref} className="block text-center px-6 py-3 rounded-xl font-semibold text-sm mk-btn-primary">
           {ctaLabel}
-        </Link>
+        </a>
       ) : (
         <a href="#waitlist" className="block text-center px-6 py-3 rounded-xl font-semibold text-sm mk-coming-soon-btn">
           Join Waitlist

Website/src/lib/api.ts

@@ -209,7 +209,7 @@ export interface CatalogTemplate {
     clone_count: number;
 }
 
-export const APP_URL = "http://localhost:3000";
+export const APP_URL = "/app";
 
 export async function getPlans(): Promise<CatalogPlan[]> {
     try {

backend/app/api/v1/auth.py

@@ -512,8 +512,9 @@ def get_google_redirect_uri() -> str:
 
     # Use the frontend base URL so the redirect_uri matches the frontend callback page,
     # not the backend server (which runs on a different port in local dev).
+    # The Frontend app is mounted at /app (basePath), so the callback route is /app/auth/google/callback.
     base = (settings.APP_BASE_URL or settings.FRONTEND_URL).rstrip("/")
-    redirect_uri = f"{base}/auth/google/callback"
+    redirect_uri = f"{base}/app/auth/google/callback"
     logger.info(f"Google OAuth: Generated redirect_uri={redirect_uri}")
     return redirect_uri
 

nginx.conf

@@ -42,8 +42,8 @@ http {
         location = /signup {
             return 301 /app/signup;
         }
-        location = /admin {
-            return 301 /app/admin;
+        location ~ ^/admin(/.*)?$ {
+            return 301 /app$request_uri;
         }
 
         # Backend API