Gates Airtable content after NFT minting

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 NFT Minting 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>
        <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>
    </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 NFT Minting Example</h2>
        <p class="text-lg text-gray-600 mb-6">Login and mint an ERC721 NFT from Avalanche Fuji</p>

        <div id="claim-button-main"
             data-widget="ClaimButton"
             data-client-id="e9bae73377d43e42aea12c0d07474163"
             data-chains="43113"
             data-label="🔥Mint NFT!"
             data-contract-address="0xeF155b056299Ba3e98987f37a2CB5518DE0a98F3"
             data-type="ERC721"
             data-quantity="1"></div>
    
    </main>

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

</body>

</html>