프로젝트 이점 #2

이메일을 직접 보내기스마트 계약에서

스마트 계약 통합으로 사용자 알림을 자동화하세요. 트랜잭션 확인, 보상 알림 및 거버넌스 공지를 백엔드 인프라 없이 전송합니다.

📜

백엔드 제로, 최대 자동화

5천
가스 오버헤드
사랑해요
배송 시간
여섯
블록체인
무한대
스케일
YourContract.sol
function claimRewards() external {
    uint256 rewards = calculateRewards(msg.sender);
    _transfer(rewardToken, msg.sender, rewards);

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

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

세 가지 강력한 통합 유형

스마트 계약에서 직접 중요한 사용자 커뮤니케이션을 자동화하세요

거래 알림

실시간 알림향상된 사용자 경험지원 티켓 감소

성공적인 거래, 실패한 시도 및 보류 중인 확인에 대해 자동으로 사용자에게 알립니다.

일반적인 사용 사례:

  • DeFi swap confirmations with slippage details
  • NFT purchase receipts with marketplace links
  • 스테이킹 보상 청구 알림
  • 가스 추정과 함께 실패한 거래 알림
  • 크로스 체인 브리지 완료 업데이트
구현 예시
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      #root {
        min-height: 100vh;
      }

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

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

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

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

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

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

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

DeFi Protocol Events

청산 방지프로토콜 TVL 증가더 나은 사용자 보유

이자 농업 보상, 청산 위험 및 프로토콜 변경 사항에 대해 사용자에게 정보를 제공하십시오.

일반적인 사용 사례:

  • 수익 농업 보상 분배
  • 110% 담보 비율에서 청산 경고
  • 새로운 풀 출시, 보너스 APY 제공
  • 거버넌스 제안 투표 알림
  • 프로토콜 수수료 변경 및 업데이트
구현 예시
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      #root {
        min-height: 100vh;
      }

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

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

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

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

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

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

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

Governance & DAO

더 높은 투표 참여투명한 거버넌스활동적인 커뮤니티

Automate governance communications and voting notifications for your DAO members.

일반적인 사용 사례:

  • 새 제안 생성 공지
  • 투표 마감 알림 (24시간 전, 1시간 전)
  • 제안 실행 확인
  • 위임 변경 알림
  • 재무부 이정표 업데이트
구현 예시
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      #root {
        min-height: 100vh;
      }

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

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

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

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

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

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

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

프로덕션용으로 구축되었습니다

엔터프라이즈급 기능, 프로토콜에 따라 확장됩니다

가스 최적화

이메일당 가스 오버헤드 최소화 - 일반적으로 5,000 가스 미만

주요 거래 비용에 영향을 주지 않는 최적화된 계약 호출

즉시 배송

거래 확인 후 몇 초 이내에 발송되는 이메일

평균 3초 미만의 실시간 처리

템플릿 시스템

일반적인 사용 사례를 위한 사전 구축된 템플릿

동적 데이터 삽입이 가능한 사용자 정의 HTML/텍스트 템플릿

분석 대시보드

이메일 전달 및 참여 지표 추적

실시간 분석: 열람률, 클릭수 및 전환율

멀티 체인 지원

어떤 블록체인에든 배포하세요 — 복잡함은 저희가 처리합니다

🔵

Ethereum

Live
가스 비용:~4,200 gas

사용 가능한 네트워크:

Mainnet
🔵

Ethereum sepolia

Beta
가스 비용:~3,000 gas

사용 가능한 네트워크:

Mainnet

3단계만으로 통합하기

스마트 계약 이메일 통합을 10분 이내에 시작하세요

하나

SDK를 설치하세요

~2분

스마트 계약 프로젝트에 메일박스를 추가하세요

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      #root {
        min-height: 100vh;
      }

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

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

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

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

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

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

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

가져오기 인터페이스

~1분

컨트랙트에 IMailBox 인터페이스를 가져오세요.

가져오기-인터페이스.sol
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      #root {
        min-height: 100vh;
      }

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

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

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

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

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

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

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

이메일 보내기

~5분

컨트랙트 로직에서 `sendEmail` 함수를 호출하세요.

이메일 전송.sol
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      #root {
        min-height: 100vh;
      }

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

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

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

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

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

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

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

고급 기능

복잡한 사용 사례를 위한 강력한 기능

조건부 논리

복잡한 온체인 조건에 따라 이메일을 전송합니다

예시:
사용자의 포지션 규모가 $1,000를 초과하고 헬스 팩터가 150% 미만일 때만 알림을 보냅니다.

대량 작업

한 번에 여러 사용자에게 이메일 보내기

예시:
새로운 인센티브 프로그램이 시작될 때 모든 LP 제공자에게 알립니다

템플릿 변수

거래 데이터 기반 동적 콘텐츠

예시:
확인 시 스왑 금액, 수수료, 슬리피지 및 트랜잭션 해시를 포함하세요

재시도 로직

실패한 이메일 전송에 대한 자동 재시도

예시:
중요 알림을 지수 백오프를 사용해 최대 3회까지 재시도합니다.

성공 사례

프로토콜이 스마트 계약 이메일로 사용자 경험을 어떻게 변화시켰는가

DeFi Yield Protocol

통합:

자동 보상 알림 + 청산 경고

-67%
liquidations
플러스 145%
user Retention
-80%
support Tickets
"스마트 계약 이메일 덕분에 청산 이벤트가 67% 감소했습니다. 사용자는 이제 적시에 경고를 받고, 너무 늦기 전에 조치를 취할 수 있습니다."
NFT Marketplace

통합:

입찰 알림 + 판매 확인

+234%
bid Activity
플러스 156%
sales Volume
+89%
return Buyers
"자동 입찰 알림이 우리 시장을 혁신했습니다. 판매자는 더 빠르게 반응하고, 구매자는 경매 전반에 걸쳐 참여를 유지합니다."
게임 프로토콜

통합:

업적 잠금 해제 및 보상 분배

플러스 178%
daily Active
+267%
quest Completion
+145%
token Earnings
"플레이어들은 업적을 잠금 해제할 때 즉시 알림을 받는 것을 좋아합니다. 이는 게임화가 한 단계 끌어올린 것입니다."

스마트 계약 이메일 작성 시작

스마트 컨트랙트 이메일 통합으로 사용자 커뮤니케이션을 자동화하는 프로토콜에 참여하세요. 개발 시간을 단축하고 사용자 경험을 향상시킵니다.

🚀Performance Monitor

Web Vitals

LCPLargest Contentful Paint
2020ms
FIDFirst Input Delay
N/Ams
CLSCumulative Layout Shift
0.115
FCPFirst Contentful Paint
1340ms
TTFBTime to First Byte
21ms

Bundle Performance

JS Load
9814ms
CSS Load
542ms
JS Files
162
Transfer Size
22.5MB

Memory

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