<!DOCTYPE html>
<html lang="en">
<head>
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="PayEscrow is a secure online payment processing  escrow service.">
<meta name="keywords" content="isabiPay Escrow, IsabiPay, Escrow, online transactions, safe online transactions,  escrow service">
<link rel="shortcut icon" href="https://app.escrow.icu/assets/uploads/logo/favicon.png" type="image/x-icon">

<link rel="apple-touch-icon" href="https://app.escrow.icu/assets/uploads/logo/logo.png">
<title>IsabiPay Escrow | Home   </title>
<link rel="icon" type="image/png" sizes="16x16" href="https://app.escrow.icu/assets/uploads/logo/favicon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="IsabiPay Escrow Home   ">

<meta itemprop="name" content="IsabiPay Escrow | Home   ">
<meta itemprop="description" content="IsabiPay Escrow is a secure online payment processing  escrow service.">
<meta itemprop="image" content="https://app.escrow.icu/assets/uploads/logo/meta.png600x315">

<meta property="og:type" content="website">
<meta property="og:title" content="Collect money using IsabiPay Escrow">
<meta property="og:description" content="Secure online payment processing escrow payment service.">
<meta property="og:image" content="https://app.escrow.icu/assets/uploads/logo/meta.png"/>
<meta property="og:image:type" content="image/png"/>
<meta property="og:url" content="https://app.escrow.icu/login">


    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to IsabiPay Escrow</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        helio: '#4682b4',
                    }
                }
            }
        }
    </script>
    <style>
        @keyframes  pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
    
    a:link {
  text-decoration: none; 
  
  color: ;
}

    a:click {
  text-decoration: none; 
  
  color: ;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}
</style>
</head>
<body class="bg-gradient-to-b from-gray-900 to-black text-white min-h-screen flex items-center justify-center p-4">
    <div class="w-full max-w-md space-y-8">
        <div class="text-center">
           <!-- <h1 class="text-4xl font-bold text-helio">helio</h1> -->
            <div class="mt-4 relative inline-block animate-pulse">
                <div class="w-24 h-24 bg-helio rounded-full flex items-center justify-center">
                    <div class="w-16 h-16 bg-gray-900 rounded-full"></div>
                </div>
                <div class="absolute top-0 right-0 w-4 h-4 bg-purple-500 rounded-full"></div>
                <div class="absolute bottom-0 left-0 w-4 h-4 bg-blue-500 rounded-full"></div>
            </div>
            <h2 class="mt-6 text-3xl font-bold">IsabiPay Escrow</h2>
            <p class="mt-2 text-gray-400">Secure and transparent peer-to-peer web3 payment</p>
        </div>

        

            <div class="space-y-4">
                <a href="/user/dashboard"><button id="emailSignIn" class="w-full bg-gray-800 text-white rounded-md py-3 px-4 flex items-center justify-center text-lg font-semibold hover:bg-opacity-90 transition-colors">
                    <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
                    Continue with E-mail
                </button></a>
              <!--  <button id="googleSignIn" class="w-full bg-white text-gray-900 rounded-md py-3 px-4 flex items-center justify-center text-lg font-semibold hover:bg-gray-100 transition-colors">
                    <svg class="w-5 h-5 mr-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
                        <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
                        <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/>
                        <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
                    </svg>
                    Continue with  Google
                </button> -->
            </div>
            
             <div class="relative">
                <div class="absolute inset-0 flex items-center">
                    <div class="w-full border-t border-gray-700"></div>
                </div>
                <div class="relative flex justify-center text-sm uppercase">
                    <span class="px-2 bg-gray-900 text-gray-400">Or continue with</span>
                </div>
            </div>

       
    <script>
        const tiplinkWalletAdapter = useMemo(() => new TipLinkWalletAdapter(properties), [properties]);

const manuallyOpenTipLinkWallet = useCallback(() => {
	// opens TipLink Wallet Drawer
  if (
    tipLinkWalletAdapter instanceof TipLinkWalletAdapter &&
    tipLinkWalletAdapter.showWallet
  ) {
   tipLinkWalletAdapter.showWallet();
  }
}, [tiplinkWalletAdapter]);

return (
  <button className="my-custom-button" onClick={manuallyOpenTipLinkWallet}>
    Open
  </button>
);
        
    </script>
    <div class="mt-8 space-y-6">
            <div class="bg-gray-800 p-4 rounded-lg space-y-4">
                <button id="connectWallet" class="w-full bg-helio text-white rounded-md py-3 px-4 flex items-center justify-center text-lg font-semibold hover:bg-opacity-90 transition-colors">
                    <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path></svg>
                    Connect Wallet
                </button>
                <button id="whatIsWallet" class="w-full text-helio text-sm flex items-center justify-center hover:underline">
                    What is a Web3 wallet?
                    <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                </button>
            </div>

           
    <div id="walletInfoModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center hidden">
        <div class="bg-gray-800 p-6 rounded-lg max-w-md">
            <h3 class="text-xl font-bold mb-4">What is a Web3 wallet?</h3>
            <p class="text-gray-300 mb-4">A Web3 wallet is a digital wallet that allows you to store, send, and receive cryptocurrencies and interact with decentralized applications (dApps) on blockchain networks. It serves as your digital identity in the Web3 ecosystem.</p>
            <button id="closeModal" class="bg-helio text-white rounded-md py-2 px-4 hover:bg-opacity-90 transition-colors">Close</button>
        </div>
    </div>
    
    <div id="connectWalletModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center hidden">
        <div class="bg-gray-800 p-6 rounded-lg max-w-md">
            <h3 class="text-xl font-bold mb-4">Connect Wallet?</h3>
            <p class="text-gray-300 mb-4">Sorry, Wallet Connect is not available right now.</p>
            <button id="closeModal1" class="bg-helio text-white rounded-md py-2 px-4 hover:bg-opacity-90 transition-colors">Okay</button>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const connectWalletBtn = document.getElementById('connectWallet');
            const emailSignInBtn = document.getElementById('emailSignIn');
            const googleSignInBtn = document.getElementById('googleSignIn');
            const whatIsWalletBtn = document.getElementById('whatIsWallet');
            const walletInfoModal = document.getElementById('walletInfoModal');
            const closeModalBtn = document.getElementById('closeModal');

            // connectWalletBtn.addEventListener('click', function() {
               // connectWalletBtn.classList.remove('hidden');
            // });

           
            // googleSignInBtn.addEventListener('click', function() {
            //     alert('Signing in with Google... This feature is not implemented yet. Coming sooon');
          //  });

            whatIsWalletBtn.addEventListener('click', function() {
                walletInfoModal.classList.remove('hidden');
            });

            closeModalBtn.addEventListener('click', function() {
                walletInfoModal.classList.add('hidden');
            });

            walletInfoModal.addEventListener('click', function(e) {
                if (e.target === walletInfoModal) {
                    walletInfoModal.classList.add('hidden');
                }
            });

        //
        
          connectWalletBtn.addEventListener('click', function() {
              connectWalletModal.classList.remove('hidden');
            });

            closeModal1.addEventListener('click', function() {
                connectWalletModal.classList.add('hidden');
            });

           connectWalletBtn.addEventListener('click', function(e) {
                if (e.target === walletInfoModal) {
                    connectWalletModal.classList.add('hidden');
                }
            });
        });
    </script>
</body>
</html><?php /**PATH /home/escrow/app.escrow.icu/resources/views/themes/darkmode/home.blade.php ENDPATH**/ ?>