项目收益#2

直接发送电子邮件来自智能合约

通过智能合约集成自动化用户通知。发送交易确认、奖励提醒和治理通告,无需任何后端基础设施。

📜

零后端,最大化自动化

5千
燃气费用
<3s
交付时间
区块链
无穷大
规模
YourContract.sol
function claimRewards() external {
    uint256 rewards = calculateRewards(msg.sender);
    _transfer(rewardToken, msg.sender, rewards);

    // Approve USDC for email fee
    usdc.approve(address(mailer), mailer.getFee());

    // Send email notification using prepared template
    mailer.sendPrepared(
        msg.sender,
        "reward-notification",  // template ID
        false,                  // standard mode: 10% fee only
        true                    // resolve sender name
    );
}

三种强大的集成类型

自动化直接从您的智能合约发送关键用户通信

交易通知

实时通知改善用户体验减少支持工单

自动通知用户成功交易、失败尝试和待确认事项。

常见使用案例:

  • DeFi swap confirmations with slippage details
  • NFT purchase receipts with marketplace links
  • 质押奖励已领取通知
  • 带有燃气估算的失败交易警报
  • 跨链桥完成进度更新
实现示例
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

DeFi Protocol Events

防止清算增加协议 TVL更好的用户留存

让用户了解收益农业奖励、清算风险和协议变更。

常见使用案例:

  • 收益农场奖励分配
  • 当抵押率达到110%时的清算警告
  • 新池上线,提供额外 APY
  • 治理提案投票提醒
  • 协议费变更与更新
实现示例
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

Governance & DAO

更高的投票参与率透明治理活跃社区

Automate governance communications and voting notifications for your DAO members.

常见使用案例:

  • 新的提案创建公告
  • 投票截止日期提醒(提前24小时、1小时前)
  • 提案执行确认
  • 委托变更通知
  • 财政部里程碑更新
实现示例
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

为生产而建

企业级功能,随协议扩展。

燃气优化

最小的燃气开销——通常每封邮件不到5,000 gas

优化的合约调用,不影响您的主要交易成本

即时交付

交易确认后几秒内发送的电子邮件

实时处理,平均交付时间低于3秒

模板系统

常见使用场景的预构建模板

可定制的HTML/文本模板,支持动态数据注入

分析仪表盘

跟踪电子邮件投递和参与度指标

实时分析开启率、点击率和转化率

多链支持

在任何区块链上部署——我们处理所有复杂性

🔵

Ethereum

Live
燃气费用:~4,200 gas

可用网络:

Mainnet
🔵

Ethereum sepolia

Beta
燃气费用:~3,000 gas

可用网络:

Mainnet

三步简单集成

在不到10分钟内开始使用智能合约电子邮件集成

安装SDK

~2分钟

将 MailBox 添加到您的智能合约项目中

安装-sdk.sh
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

导入接口

~1分钟

在你的合约中导入 IMailBox 接口。

导入接口.sol
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

发送电子邮件

~5分钟

在你的合约逻辑中调用 `sendEmail` 函数。

发送-电子邮件.sol
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

高级功能

为复杂用例提供强大功能

条件逻辑

根据复杂链上条件发送电子邮件

示例:
仅在用户的仓位规模超过 1,000 美元且健康因子跌破 150% 时通知用户。

批量操作

一次性向多位用户发送电子邮件交易

示例:
通知所有 LP 提供商新激励计划启动时的消息

模板变量

基于交易数据的动态内容

示例:
在确认中包含交换金额、费用、滑点和交易哈希

重试逻辑

自动重试失败的邮件投递

示例:
重试重要通知最多 3 次,使用指数退避策略。

成功故事

协议如何通过智能合约邮件改变用户体验

DeFi Yield Protocol

集成:

自动奖励通知 + 清算警告

-67%
liquidations
+145%
user Retention
-80%
support Tickets
"智能合约邮件将我们的清算事件减少了67%。用户现在可以及时收到警告,并在为时已晚之前采取行动。"
NFT Marketplace

集成:

投标通知 + 销售确认

+234%
bid Activity
加156%
sales Volume
+89%
return Buyers
"自动化竞标通知彻底改变了我们的市场。卖家响应更快,买家在整个拍卖过程中保持参与。"
游戏协议

集成:

成就解锁 + 奖励分配

+178%
daily Active
增加 267%
quest Completion
+145%
token Earnings
"玩家喜欢在解锁成就时立即收到通知。这是将游戏化提升到新水平。"

开始构建智能合约邮件

加入协议,自动化用户通信与智能合约电子邮件集成。减少开发时间并提升用户体验。

🚀Performance Monitor

Web Vitals

LCPLargest Contentful Paint
2236ms
FIDFirst Input Delay
N/Ams
CLSCumulative Layout Shift
0.108
FCPFirst Contentful Paint
1532ms
TTFBTime to First Byte
73ms

Bundle Performance

JS Load
13282ms
CSS Load
239ms
JS Files
162
Transfer Size
22.4MB

Memory

Used Heap
77.6MB
Total Heap
87.5MB
Usage
2%
GoodNeeds ImprovementPoor