diff --git a/src/app/api/getHealthCheck.ts b/src/app/api/getHealthCheck.ts
new file mode 100644
index 00000000..ae91a1ef
--- /dev/null
+++ b/src/app/api/getHealthCheck.ts
@@ -0,0 +1,50 @@
+import axios, { isAxiosError } from "axios";
+
+import {
+  API_ERROR_MESSAGE,
+  GEO_BLOCK_MESSAGE,
+  HealthCheckResult,
+  HealthCheckStatus,
+} from "../types/healthCheck";
+
+interface HealthCheckResponse {
+  data: string;
+}
+
+export const getHealthCheck = async (): Promise<HealthCheckResult> => {
+  try {
+    const response = await axios.get(
+      `${process.env.NEXT_PUBLIC_API_URL}/healthcheck`,
+    );
+    const healthCheckAPIResponse: HealthCheckResponse = response.data;
+    // If the response has a data field, it's a normal response
+    if (healthCheckAPIResponse.data) {
+      return {
+        status: HealthCheckStatus.Normal,
+        message: healthCheckAPIResponse.data,
+      };
+    } else {
+      // Something went wrong
+      throw new Error(API_ERROR_MESSAGE);
+    }
+  } catch (error: Error | any) {
+    // Geo-blocking is a custom status code
+    if (
+      isAxiosError(error) &&
+      (error.response?.status === 451 || error.request.status === 451)
+    ) {
+      return {
+        status: HealthCheckStatus.GeoBlocked,
+        message: error.request?.response?.message || GEO_BLOCK_MESSAGE,
+      };
+    } else {
+      return {
+        status: HealthCheckStatus.Error,
+        message:
+          error.request?.response?.message ||
+          error?.message ||
+          API_ERROR_MESSAGE,
+      };
+    }
+  }
+};
diff --git a/src/app/components/Connect/ConnectSmall.tsx b/src/app/components/Connect/ConnectSmall.tsx
index e0a5deae..a7b41520 100644
--- a/src/app/components/Connect/ConnectSmall.tsx
+++ b/src/app/components/Connect/ConnectSmall.tsx
@@ -1,9 +1,17 @@
 import { useRef, useState } from "react";
+import { AiOutlineInfoCircle } from "react-icons/ai";
 import { FaBitcoin } from "react-icons/fa";
 import { IoMdClose } from "react-icons/io";
 import { PiWalletBold } from "react-icons/pi";
+import { Tooltip } from "react-tooltip";
 import { useOnClickOutside } from "usehooks-ts";
 
+import {
+  API_ERROR_MESSAGE,
+  GEO_BLOCK_MESSAGE,
+  HealthCheckResult,
+  HealthCheckStatus,
+} from "@/app/types/healthCheck";
 import { getNetworkConfig } from "@/config/network.config";
 import { satoshiToBtc } from "@/utils/btcConversions";
 import { maxDecimals } from "@/utils/maxDecimals";
@@ -17,6 +25,7 @@ interface ConnectSmallProps {
   address: string;
   btcWalletBalanceSat?: number;
   onDisconnect: () => void;
+  apiAvailable?: HealthCheckResult;
 }
 
 export const ConnectSmall: React.FC<ConnectSmallProps> = ({
@@ -24,6 +33,7 @@ export const ConnectSmall: React.FC<ConnectSmallProps> = ({
   address,
   btcWalletBalanceSat,
   onDisconnect,
+  apiAvailable,
 }) => {
   const [showMenu, setShowMenu] = useState(false);
   const handleClickOutside = () => {
@@ -35,6 +45,33 @@ export const ConnectSmall: React.FC<ConnectSmallProps> = ({
 
   const { coinName, networkName } = getNetworkConfig();
 
+  // Renders the Tooltip describing the reason
+  // why the user might not be able to connect the wallet
+  const renderApiNotAvailableTooltip = () => {
+    if (!apiAvailable) return null;
+
+    const message =
+      apiAvailable.status === HealthCheckStatus.GeoBlocked
+        ? GEO_BLOCK_MESSAGE
+        : API_ERROR_MESSAGE;
+
+    return (
+      <>
+        <span
+          className="cursor-pointer text-xs"
+          data-tooltip-id={`tooltip-connect-${apiAvailable.status}`}
+          data-tooltip-content={message}
+          data-tooltip-place="bottom"
+        >
+          <AiOutlineInfoCircle />
+        </span>
+        <Tooltip id={`tooltip-connect-${apiAvailable.status}`} />
+      </>
+    );
+  };
+
+  const isApiNormal = apiAvailable?.status === HealthCheckStatus.Normal;
+
   return address ? (
     <div className="relative mr-[-10px] text-sm hidden md:flex" ref={ref}>
       <button
@@ -92,13 +129,18 @@ export const ConnectSmall: React.FC<ConnectSmallProps> = ({
       )}
     </div>
   ) : (
-    <button
-      className="btn-primary btn h-[2.5rem] min-h-[2.5rem] rounded-full px-2 text-white md:rounded-lg"
-      onClick={onConnect}
-      disabled={!!address}
-    >
-      <PiWalletBold size={20} className="flex md:hidden" />
-      <span className="hidden md:flex">Connect to {networkName} network</span>
-    </button>
+    <div className="flex items-center gap-1">
+      <button
+        className="btn-primary btn h-[2.5rem] min-h-[2.5rem] rounded-full px-2 text-white md:rounded-lg"
+        onClick={onConnect}
+        // Disable the button if the user is already connected
+        // or if the API: is not available, geo-blocked, or has an error
+        disabled={!!address || !isApiNormal}
+      >
+        <PiWalletBold size={20} className="flex md:hidden" />
+        <span className="hidden md:flex">Connect to {networkName} network</span>
+      </button>
+      {!isApiNormal && renderApiNotAvailableTooltip()}
+    </div>
   );
 };
diff --git a/src/app/components/Header/Header.tsx b/src/app/components/Header/Header.tsx
index 88317c04..4fbd9b42 100644
--- a/src/app/components/Header/Header.tsx
+++ b/src/app/components/Header/Header.tsx
@@ -1,3 +1,5 @@
+import { HealthCheckResult } from "@/app/types/healthCheck";
+
 import { ConnectSmall } from "../Connect/ConnectSmall";
 import { ConnectedSmall } from "../Connect/ConnectedSmall";
 import { TestingInfo } from "../TestingInfo/TestingInfo";
@@ -10,6 +12,7 @@ interface HeaderProps {
   address: string;
   btcWalletBalanceSat?: number;
   onDisconnect: () => void;
+  apiAvailable?: HealthCheckResult;
 }
 
 export const Header: React.FC<HeaderProps> = ({
@@ -17,6 +20,7 @@ export const Header: React.FC<HeaderProps> = ({
   address,
   btcWalletBalanceSat,
   onDisconnect,
+  apiAvailable,
 }) => {
   return (
     <nav>
@@ -33,6 +37,7 @@ export const Header: React.FC<HeaderProps> = ({
             address={address}
             btcWalletBalanceSat={btcWalletBalanceSat}
             onDisconnect={onDisconnect}
+            apiAvailable={apiAvailable}
           />
           <ThemeToggle />
         </div>
diff --git a/src/app/components/Staking/Form/States/api-not-available.svg b/src/app/components/Staking/Form/States/api-not-available.svg
new file mode 100644
index 00000000..f964f25c
--- /dev/null
+++ b/src/app/components/Staking/Form/States/api-not-available.svg
@@ -0,0 +1,7 @@
+<svg stroke="#919191" fill="#919191" stroke-width="0" viewBox="0 0 24 24" height="200px" width="200px"
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill="none" d="M0 0h24v24H0V0z"></path>
+  <path
+    d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z">
+  </path>
+</svg>
diff --git a/src/app/components/Staking/Form/States/geo-restricted.svg b/src/app/components/Staking/Form/States/geo-restricted.svg
new file mode 100644
index 00000000..23f87fbf
--- /dev/null
+++ b/src/app/components/Staking/Form/States/geo-restricted.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.66406 9.03664C9.70086 6.09264 12.4657 3.83984 15.9856 3.83984C21.7584 3.83984 25.5088 9.90704 22.936 15.0782L22.0784 16.7806" stroke="#919191" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M9.11719 15.2188L15.4276 27.8139C15.658 28.2747 16.3364 28.2747 16.5668 27.8139L19.7924 21.3756" stroke="#919191" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M12.4531 10.9185C12.4531 8.96014 14.0403 7.38574 15.9859 7.38574C17.9444 7.38574 19.5188 8.97294 19.5188 10.9185" stroke="#919191" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M5.46875 9.91992L26.5375 22.0799" stroke="#919191" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>
diff --git a/src/app/components/Staking/Staking.tsx b/src/app/components/Staking/Staking.tsx
index 732b4974..7812dd18 100644
--- a/src/app/components/Staking/Staking.tsx
+++ b/src/app/components/Staking/Staking.tsx
@@ -16,6 +16,12 @@ import { useStakingStats } from "@/app/context/api/StakingStatsProvider";
 import { Delegation } from "@/app/types/delegations";
 import { ErrorHandlerParam, ErrorState } from "@/app/types/errors";
 import { FinalityProvider as FinalityProviderInterface } from "@/app/types/finalityProviders";
+import {
+  API_ERROR_MESSAGE,
+  GEO_BLOCK_MESSAGE,
+  HealthCheckResult,
+  HealthCheckStatus,
+} from "@/app/types/healthCheck";
 import { getNetworkConfig } from "@/config/network.config";
 import {
   createStakingTx,
@@ -39,6 +45,8 @@ import { StakingFee } from "./Form/StakingFee";
 import { StakingTime } from "./Form/StakingTime";
 import { Message } from "./Form/States/Message";
 import { WalletNotConnected } from "./Form/States/WalletNotConnected";
+import apiNotAvailable from "./Form/States/api-not-available.svg";
+import geoRestricted from "./Form/States/geo-restricted.svg";
 import stakingCapReached from "./Form/States/staking-cap-reached.svg";
 import stakingNotStarted from "./Form/States/staking-not-started.svg";
 import stakingUpgrading from "./Form/States/staking-upgrading.svg";
@@ -65,6 +73,7 @@ interface StakingProps {
   publicKeyNoCoord: string;
   setDelegationsLocalStorage: Dispatch<SetStateAction<Delegation[]>>;
   availableUTXOs?: UTXO[] | undefined;
+  apiAvailable?: HealthCheckResult;
 }
 
 export const Staking: React.FC<StakingProps> = ({
@@ -83,6 +92,7 @@ export const Staking: React.FC<StakingProps> = ({
   setDelegationsLocalStorage,
   btcWalletBalanceSat,
   availableUTXOs,
+  apiAvailable,
 }) => {
   // Staking form state
   const [stakingAmountSat, setStakingAmountSat] = useState(0);
@@ -484,15 +494,35 @@ export const Staking: React.FC<StakingProps> = ({
 
   const renderStakingForm = () => {
     // States of the staking form:
-    // 1. Wallet is not connected
-    if (!isWalletConnected) {
+    // Health check failed
+    if (!apiAvailable || apiAvailable.status === HealthCheckStatus.Error) {
+      return (
+        <Message
+          title="Staking is not available"
+          messages={[API_ERROR_MESSAGE]}
+          icon={apiNotAvailable}
+        />
+      );
+    }
+    // Geo blocked
+    else if (apiAvailable.status === HealthCheckStatus.GeoBlocked) {
+      return (
+        <Message
+          title="Staking is not available"
+          messages={[GEO_BLOCK_MESSAGE]}
+          icon={geoRestricted}
+        />
+      );
+    }
+    // Wallet is not connected
+    else if (!isWalletConnected) {
       return <WalletNotConnected onConnect={onConnect} />;
     }
-    // 2. Wallet is connected but we are still loading the staking params
+    // Wallet is connected but we are still loading the staking params
     else if (isLoading) {
       return <LoadingView />;
     }
-    // 3. Staking has not started yet
+    // Staking has not started yet
     else if (isBlockHeightUnderActivation) {
       return (
         <Message
@@ -504,7 +534,7 @@ export const Staking: React.FC<StakingProps> = ({
         />
       );
     }
-    // 4. Staking params upgrading
+    // Staking params upgrading
     else if (isUpgrading) {
       return (
         <Message
@@ -516,11 +546,11 @@ export const Staking: React.FC<StakingProps> = ({
         />
       );
     }
-    // 5. Staking cap reached
+    // Staking cap reached
     else if (overflow.overTheCapRange) {
       return showOverflowWarning(overflow);
     }
-    // 6. Staking form
+    // Staking form
     else {
       const {
         minStakingAmountSat,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ffe73b00..1ba8f0e0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,6 +25,7 @@ import {
   PaginatedFinalityProviders,
 } from "./api/getFinalityProviders";
 import { getGlobalParams } from "./api/getGlobalParams";
+import { getHealthCheck } from "./api/getHealthCheck";
 import { UTXO_KEY } from "./common/constants";
 import { signPsbtTransaction } from "./common/utils/psbt";
 import { Delegations } from "./components/Delegations/Delegations";
@@ -55,6 +56,18 @@ const Home: React.FC<HomeProps> = () => {
     useError();
   const { isTermsOpen, closeTerms } = useTerms();
 
+  const {
+    data: apiAvailable,
+    error: apiAvailableError,
+    isError: hasApiAvailableError,
+    refetch: refetchApiAvailable,
+  } = useQuery({
+    queryKey: ["api available"],
+    queryFn: getHealthCheck,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false,
+  });
+
   const {
     data: paramWithContext,
     isLoading: isLoadingCurrentParams,
@@ -224,6 +237,12 @@ const Home: React.FC<HomeProps> = () => {
       errorState: ErrorState.SERVER_ERROR,
       refetchFunction: refetchAvailableUTXOs,
     });
+    handleError({
+      error: apiAvailableError,
+      hasError: hasApiAvailableError,
+      errorState: ErrorState.SERVER_ERROR,
+      refetchFunction: refetchApiAvailable,
+    });
   }, [
     hasFinalityProvidersError,
     hasGlobalParamsVersionError,
@@ -239,6 +258,9 @@ const Home: React.FC<HomeProps> = () => {
     availableUTXOsError,
     hasAvailableUTXOsError,
     refetchAvailableUTXOs,
+    apiAvailableError,
+    hasApiAvailableError,
+    refetchApiAvailable,
   ]);
 
   // Initializing btc curve is a required one-time operation
@@ -393,6 +415,7 @@ const Home: React.FC<HomeProps> = () => {
         onDisconnect={handleDisconnectBTC}
         address={address}
         btcWalletBalanceSat={btcWalletBalanceSat}
+        apiAvailable={apiAvailable}
       />
       <div className="container mx-auto flex justify-center p-6">
         <div className="container flex flex-col gap-6">
@@ -422,6 +445,7 @@ const Home: React.FC<HomeProps> = () => {
             publicKeyNoCoord={publicKeyNoCoord}
             setDelegationsLocalStorage={setDelegationsLocalStorage}
             availableUTXOs={availableUTXOs}
+            apiAvailable={apiAvailable}
           />
           {btcWallet &&
             delegations &&
diff --git a/src/app/types/healthCheck.ts b/src/app/types/healthCheck.ts
new file mode 100644
index 00000000..5ee85052
--- /dev/null
+++ b/src/app/types/healthCheck.ts
@@ -0,0 +1,15 @@
+export type HealthCheckResult =
+  | { status: HealthCheckStatus.Normal; message: string }
+  | { status: HealthCheckStatus.GeoBlocked; message: string }
+  | { status: HealthCheckStatus.Error; message: string };
+
+export enum HealthCheckStatus {
+  Normal = "normal",
+  GeoBlocked = "geoblocked",
+  Error = "error",
+}
+
+export const API_ERROR_MESSAGE =
+  "Error occurred while fetching API. Please try again later";
+export const GEO_BLOCK_MESSAGE =
+  "The Bitcoin Staking functionality is not available in your region";
diff --git a/src/utils/mempool_api.ts b/src/utils/mempool_api.ts
index 2d444b6e..d5988a89 100644
--- a/src/utils/mempool_api.ts
+++ b/src/utils/mempool_api.ts
@@ -82,7 +82,6 @@ export async function pushTx(txHex: string): Promise<string> {
  * @returns A promise that resolves to the amount of satoshis that the address
  *          holds.
  */
-// TODO balance should come from reduced UTXOs
 export async function getAddressBalance(address: string): Promise<number> {
   const response = await fetch(addressInfoUrl(address));
   if (!response.ok) {