Connects to Dappify wallet

by gianksp

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dappify Wallet Example</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>

<body class="min-h-screen bg-white text-gray-900">
    <!-- Header -->
    <header class="w-full flex items-center justify-between px-6 py-4 border-b border-gray-200">
        <h1 class="text-xl font-semibold">Dappify</h1>
    </header>

    <!-- Hero Section -->
    <main class="flex flex-col items-center justify-center text-center px-6 py-20">
        <h2 class="text-4xl font-semibold mb-4">Dappify Connect Wallet Example</h2>
        <p class="text-lg text-gray-600 mb-6">Login and use your wallet</p>

        <!-- 1. Paste wallet snippet and configure -->
        <div id="connect-button-demo" data-widget="ConnectButton" data-client-id="e9bae73377d43e42aea12c0d07474163"
            data-chains="43113,1,137" data-theme="light" data-locale="en_US" data-label="🔥Sign In">
        </div>
    
    </main>

    <!-- 1. Paste the library -->
    <script src="https://cdn.jsdelivr.net/npm/@dappify/thirdweb@latest/dist/widgets.js"></script>

</body>

</html>