Lợi ích dự án #2

Gửi email trực tiếpTừ Hợp đồng thông minh

Tự động gửi thông báo cho người dùng bằng cách tích hợp hợp đồng thông minh. Gửi xác nhận giao dịch, cảnh báo thưởng và thông báo quản trị mà không cần bất kỳ cơ sở hạ tầng phía sau nào.

📜

Không có Backend, Tối đa Hóa Tự Động

5K
Chi phí khí đốt
<3s
Thời gian giao hàng
6
Chuỗi khối
Quy mô
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
    );
}

Ba Loại Tích Hợp Mạnh Mẽ

Tự động gửi thông tin quan trọng cho người dùng trực tiếp từ hợp đồng thông minh của bạn

Thông báo giao dịch

Thông báo thời gian thựcTrải nghiệm người dùng được cải thiệnGiảm số vé hỗ trợ

Tự động thông báo cho người dùng về giao dịch thành công, các lần thử không thành công và xác nhận đang chờ.

Các trường hợp sử dụng phổ biến:

  • DeFi swap confirmations with slippage details
  • NFT purchase receipts with marketplace links
  • Thông báo đã nhận phần thưởng staking
  • Cảnh báo giao dịch thất bại với ước tính phí gas
  • Cập nhật hoàn thành cầu giao chuỗi
Ví dụ thực thi
<!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-17",
          "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",
          "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"></script>
  </body>
</html>

DeFi Protocol Events

Ngăn chặn thanh lýTăng TVL của giao thứcGiữ chân người dùng tốt hơn

Giữ người dùng được cập nhật về phần thưởng canh tác lợi suất, rủi ro thanh lý và các thay đổi trong giao thức.

Các trường hợp sử dụng phổ biến:

  • Phân phối phần thưởng từ nông nghiệp lợi tức
  • Cảnh báo thanh lý khi tỷ lệ bảo đảm đạt 110%
  • Hồ sơ mới ra mắt với APY thưởng
  • Nhắc nhở bỏ phiếu đề xuất quản trị
  • Thay đổi và cập nhật phí giao thức
Ví dụ thực thi
<!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-17",
          "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",
          "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"></script>
  </body>
</html>

Governance & DAO

Tăng cường tham gia bầu cửQuản trị minh bạchCộng đồng năng động

Automate governance communications and voting notifications for your DAO members.

Các trường hợp sử dụng phổ biến:

  • Thông báo tạo đề xuất mới
  • Nhắc nhở hạn chót bỏ phiếu (24 giờ, 1 giờ trước)
  • Xác nhận thực hiện đề xuất
  • Thông báo thay đổi ủy quyền
  • Cập nhật cột mốc Kho bạc
Ví dụ thực thi
// Notify on new governance proposal
function createProposal(string calldata description) external {
    uint256 proposalId = proposals.length;
    
    // ... create proposal logic ...
    
    // Email all token holders
    IMailBox(mailboxContract).sendBulkEmail(
        getAllTokenHolders(),
        "🗳️ New Governance Proposal",
        "governance-proposal",
        abi.encode(proposalId, description, block.timestamp + votingDelay)
    );
}

Được xây dựng cho sản xuất

Tính năng cấp doanh nghiệp mở rộng theo giao thức của bạn

Tối ưu hoá khí

Chi phí gas tối thiểu - thường <5,000 gas cho mỗi email

Gọi hợp đồng tối ưu không ảnh hưởng đến chi phí giao dịch chính của bạn

Giao hàng tức thời

Email được gửi trong vòng vài giây sau khi xác nhận giao dịch

Xử lý thời gian thực với thời gian giao hàng trung bình dưới 3 giây

Hệ thống mẫu

Mẫu đã được xây dựng sẵn cho các trường hợp sử dụng phổ biến

Mẫu HTML/đoạn văn có thể tùy chỉnh với khả năng chèn dữ liệu động

Bảng điều khiển Phân tích

Theo dõi các chỉ số giao hàng và tương tác của email

Phân tích thời gian thực về tỷ lệ mở, nhấp chuột và chuyển đổi

Hỗ trợ đa chuỗi

Triển khai trên bất kỳ blockchain nào – chúng tôi xử lý mọi độ phức tạp.

🔵

Ethereum

Live
Phí Gas:~4,200 gas

Mạng có sẵn:

Mainnet
🔵

Ethereum sepolia

Beta
Phí Gas:~3,000 gas

Mạng có sẵn:

Mainnet

Tích hợp trong 3 Bước Đơn Giản

Bắt đầu tích hợp email với smart contract trong chưa đầy 10 phút

Một

Cài đặt SDK

~2 phút

Thêm MailBox vào dự án hợp đồng thông minh của bạn.

cài đặt-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-17",
          "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",
          "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"></script>
  </body>
</html>
hai

Giao diện Nhập

~1 phút

Nhập giao diện IMailBox vào hợp đồng của bạn.

import-interface.sol
// SPDX-License-Identifier: MIT
pragma solidity ^0.8.24;

import "@sudobility/contracts/interfaces/IMailer.sol";
import "@openzeppelin/contracts/token/ERC20/IERC20.sol";

contract YourContract {
    IMailer constant mailer = IMailer(0x...); // Mailer contract address
    IERC20 constant usdc = IERC20(0x...);     // USDC token address
}
ba

Gửi Email

~5 phút

Gọi hàm sendEmail từ logic hợp đồng của bạn.

gửi-email.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-17",
          "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",
          "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"></script>
  </body>
</html>

Tính năng nâng cao

Khả năng mạnh mẽ cho các trường hợp sử dụng phức tạp

Logic điều kiện

Gửi email dựa trên các điều kiện phức tạp trong chuỗi khối

Ví dụ:
Chỉ thông báo cho người dùng khi kích thước vị thế của họ vượt quá 1.000 đô la và hệ số sức khỏe giảm xuống dưới 150%.

Thao tác hàng loạt

Gửi email cho nhiều người dùng trong một giao dịch duy nhất

Ví dụ:
Thông báo cho tất cả nhà cung cấp LP khi có chương trình khuyến mãi mới ra mắt

Biến mẫu

Nội dung động dựa trên dữ liệu giao dịch

Ví dụ:
Bao gồm số tiền hoán đổi, phí, độ trượt và mã giao dịch trong xác nhận.

Cơ chế thử lại

Tự động thử lại khi gửi email thất bại

Ví dụ:
Thử lại thông báo quan trọng tối đa 3 lần với thời gian nghỉ tăng số học.

Câu chuyện thành công

Cách các giao thức đã biến đổi trải nghiệm người dùng của họ với email hợp đồng thông minh

DeFi Yield Protocol

Tích hợp:

Thông báo thưởng tự động + cảnh báo thanh lý

-67%
liquidations
+145%
user Retention
-80%
support Tickets
"Các email hợp đồng thông minh đã giảm 67% sự kiện thanh lý của chúng tôi. Người dùng bây giờ nhận được cảnh báo kịp thời và có thể hành động trước khi quá muộn."
NFT Marketplace

Tích hợp:

Thông báo đấu giá + xác nhận bán.

+234%
bid Activity
+156%
sales Volume
tăng +89%
return Buyers
"Thông báo đấu giá tự động đã biến đổi thị trường của chúng tôi. Người bán phản hồi nhanh hơn và người mua luôn tham gia trong suốt các phiên đấu giá."
Giao thức trò chơi

Tích hợp:

Mở khóa thành tích + phân phối phần thưởng

+178%
daily Active
+267%
quest Completion
tăng 145%
token Earnings
"Người chơi thích nhận thông báo ngay lập tức khi họ mở khóa thành tích. Đây là gamification được nâng lên một cấp độ mới."

Bắt đầu Xây Dựng Email Hợp Đồng Thông Minh

Tham gia các giao thức tự động hóa giao tiếp người dùng với tích hợp email hợp đồng thông minh. Giảm thời gian phát triển và nâng cao trải nghiệm người dùng.

🚀Performance Monitor

Web Vitals

LCPLargest Contentful Paint
1612ms
FIDFirst Input Delay
N/Ams
CLSCumulative Layout Shift
0.089
FCPFirst Contentful Paint
952ms
TTFBTime to First Byte
3ms

Bundle Performance

JS Load
7913ms
CSS Load
179ms
JS Files
163
Transfer Size
22.5MB

Memory

Used Heap
73.1MB
Total Heap
82.4MB
Usage
2%
GoodNeeds ImprovementPoor