Benefício do Projeto #2

Enviar e‑mails diretamenteDe Contratos Inteligentes

Automatize notificações ao usuário com integração de contrato inteligente. Envie confirmações de transação, alertas de recompensa e notificações de governança sem nenhuma infraestrutura backend.

📜

Zero Backend, Máxima Automação

5 mil
Despesas com gás
coração s
Tempo de Entrega
6
blockchains
Escala
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
    );
}

Três Tipos de Integração Poderosa

Automatize comunicações críticas do usuário diretamente a partir de seus contratos inteligentes

Notificações de Transação

Notificações em tempo realExperiência do usuário aprimoradaTickets de suporte reduzidos

Notifique automaticamente os usuários sobre transações bem-sucedidas, tentativas falhadas e confirmações pendentes.

Casos de Uso Comuns:

  • DeFi swap confirmations with slippage details
  • NFT purchase receipts with marketplace links
  • Notificações de recompensas de staking reivindicadas
  • Alertas de transações falhadas com estimativa de gás
  • Atualizações sobre a conclusão da ponte cross‑chain
Exemplo de Implementação
<!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

Prevenir liquidaçõesAumentar o TVL do protocoloMelhor retenção de usuários

Mantenha os usuários informados sobre recompensas de yield farming, riscos de liquidação e mudanças no protocolo.

Casos de Uso Comuns:

  • Distribuições de recompensas em yield farming
  • Avisos de liquidação em razão de 110% de relação de garantia
  • Nova pool lança com bônus de APY
  • Lembretes de votação de propostas de governança
  • Alterações e atualizações de taxa do protocolo
Exemplo de Implementação
// Monitor health factor and warn users
function checkHealthFactor(address user) external {
    uint256 healthFactor = calculateHealthFactor(user);
    
    if (healthFactor < 1.2e18) { // Below 120%
        IMailBox(mailboxContract).sendEmail(
            user,
            "⚠️ Liquidation Risk Alert",
            "liquidation-warning",
            abi.encode(healthFactor, requiredCollateral)
        );
    }
}

Governance & DAO

Maior participação nas eleiçõesGovernança transparenteComunidade ativa

Automate governance communications and voting notifications for your DAO members.

Casos de Uso Comuns:

  • Anúncios de criação de novas propostas
  • Lembretes de prazo de votação (24 h, 1 h antes)
  • Confirmações de execução da proposta
  • Notificações de alteração de delegação
  • Atualizações de marcos do Tesouro
Exemplo de Implementação
// 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)
    );
}

Construído para Produção

Recursos de nível empresarial que escalam com o seu protocolo

Otimizado para Gas

Sobrecarga mínima de gás – normalmente <5.000 gas por e‑mail

Chamadas de contrato otimizadas que não afetam os custos principais da sua transação.

Entrega Instantânea

E-mails enviados em segundos após a confirmação da transação

Processamento em tempo real com tempo médio de entrega inferior a 3 segundos

Sistema de Templates

Modelos pré‑construídos para casos de uso comuns

Modelos HTML/texto personalizáveis com injeção dinâmica de dados

Painel de Análises

Acompanhe métricas de entrega e engajamento de e‑mails

Análise em tempo real de taxas de abertura, cliques e conversões

Suporte Multi-Cadeia

Implante em qualquer blockchain – nós lidamos com a complexidade

🔵

Ethereum

Live
Custo de Gás:~4,200 gas

Redes Disponíveis:

Mainnet
🔵

Ethereum sepolia

Beta
Custo de Gás:~3,000 gas

Redes Disponíveis:

Mainnet

Integração em 3 Passos Simples

Comece a integrar e-mails em contratos inteligentes em menos de 10 minutos

1

Instale o SDK

~2 minutos

Adicione o MailBox ao seu projeto de contrato inteligente

instalar-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>
2

Interface de Importação

~1 minuto

Importe a interface IMailBox em seu contrato.

importar-interface.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>
3

Enviar e-mails

~5 minutos

Chame a função sendEmail da lógica do seu contrato.

enviar-emails.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>

Recursos Avançados

Capacidades poderosas para casos de uso complexos

Lógica Condicional

Envie e-mails com base em condições complexas on-chain

Exemplo
Notifique apenas os usuários se o tamanho da posição deles exceder US$ 1.000 e o fator de saúde cair abaixo de 150%.

Operações em Massa

Enviar e-mails para vários usuários em uma única transação

Exemplo
Notifique todos os provedores de LP quando um novo programa de incentivo for lançado.

Variáveis do Modelo

Conteúdo dinâmico baseado em dados de transação

Exemplo
Inclua os valores de troca, taxas, slippage e hash da transação nas confirmações.

Lógica de Retentativa

Reenvio automático para entregas de e‑mail falhadas

Exemplo
Tente notificações importantes até 3 vezes com backoff exponencial

Histórias de Sucesso

Como os protocolos transformaram a experiência do usuário com e-mails de contratos inteligentes

DeFi Yield Protocol

Integração:

Notificações automatizadas de recompensas + avisos de liquidação

-67%
liquidations
+145%
user Retention
-80%
support Tickets
"Os e‑mails de contrato inteligente reduziram nossos eventos de liquidação em 67%. Os usuários agora recebem avisos oportunos e podem agir antes que seja tarde demais."
NFT Marketplace

Integração:

Notificações de lances + confirmações de venda

+234%
bid Activity
+156%
sales Volume
+89%
return Buyers
"As notificações automáticas de lances transformaram nosso mercado. Os vendedores respondem mais rapidamente e os compradores permanecem engajados durante todo o leilão."
Protocolo de Jogos

Integração:

Conquistas desbloqueadas + distribuições de recompensas

+178%
daily Active
+267%
quest Completion
+145 %
token Earnings
"Os jogadores adoram receber notificações instantâneas quando desbloqueiam conquistas. É gamificação levada ao próximo nível."

Comece a criar e-mails de contrato inteligente

Junte protocolos que automatizam as comunicações dos usuários com integração de e‑mail em contratos inteligentes. Reduza o tempo de desenvolvimento e melhore a experiência do usuário.

🚀Performance Monitor

Web Vitals

LCPLargest Contentful Paint
1968ms
FIDFirst Input Delay
N/Ams
CLSCumulative Layout Shift
0.089
FCPFirst Contentful Paint
1316ms
TTFBTime to First Byte
7ms

Bundle Performance

JS Load
13383ms
CSS Load
271ms
JS Files
162
Transfer Size
22.5MB

Memory

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