STripe Paymen and PK payemtns and many othe rbacekd and froentened issues

frontend/src/pages/AuthPages/SignUp.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useState } from "react";
-import { Link } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 import PageMeta from "../../components/common/PageMeta";
 import SignUpFormUnified from "../../components/auth/SignUpFormUnified";
 
@@ -19,6 +19,7 @@ interface Plan {
 }
 
 export default function SignUp() {
+  const navigate = useNavigate();
   const planSlug = useMemo(() => {
     const params = new URLSearchParams(window.location.search);
     return params.get("plan") || "";
@@ -27,6 +28,38 @@ export default function SignUp() {
   const [plans, setPlans] = useState<Plan[]>([]);
   const [plansLoading, setPlansLoading] = useState(true);
   const [selectedPlan, setSelectedPlan] = useState<Plan | null>(null);
+  const [geoChecked, setGeoChecked] = useState(false);
+
+  // Check geo location and redirect PK users to /signup/pk
+  // Using free public API: https://api.country.is (no signup required, CORS enabled)
+  useEffect(() => {
+    const checkGeoAndRedirect = async () => {
+      try {
+        // Free public geo API - no signup required
+        const response = await fetch('https://api.country.is/', {
+          signal: AbortSignal.timeout(3000), // 3 second timeout
+        });
+        
+        if (response.ok) {
+          const data = await response.json();
+          const countryCode = data?.country;
+          
+          if (countryCode === 'PK') {
+            // Preserve query params when redirecting
+            const queryString = window.location.search;
+            navigate(`/signup/pk${queryString}`, { replace: true });
+            return;
+          }
+        }
+      } catch (err) {
+        // Silently fail - continue with global signup
+        console.log('Geo detection failed, using global signup');
+      }
+      setGeoChecked(true);
+    };
+
+    checkGeoAndRedirect();
+  }, [navigate]);
 
   useEffect(() => {
     const fetchPlans = async () => {
@@ -68,6 +101,15 @@ export default function SignUp() {
     fetchPlans();
   }, [planSlug]);
 
+  // Don't render until geo check is complete (prevents flash)
+  if (!geoChecked) {
+    return (
+      <div className="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 flex items-center justify-center">
+        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-brand-500"></div>
+      </div>
+    );
+  }
+
   return (
     <>
       <PageMeta