440 lines
14 KiB
HTML
440 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>SpacesWallet — Beta</title>
|
|
<meta name="description" content="SpacesWallet is a non-custodial multi-chain crypto wallet with Bitcoin Spaces identity. Join the beta on iOS and Android.">
|
|
<link rel="icon" href="assets/images/icon.png" type="image/png">
|
|
<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=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root {
|
|
--brand: #903369;
|
|
--brand-light: #aa4981;
|
|
--bg: #121212;
|
|
--surface: #1e1e1e;
|
|
--surface-raised: #2c2c2c;
|
|
--text: #ffffff;
|
|
--text-muted: #999999;
|
|
--border: #333333;
|
|
--max-width: 72rem;
|
|
}
|
|
|
|
*, *::before, *::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
font-family: "Outfit", system-ui, sans-serif;
|
|
font-weight: 500;
|
|
line-height: 1.6;
|
|
color: var(--text);
|
|
background: var(--bg);
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
a {
|
|
color: var(--brand-light);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.wrap {
|
|
width: min(var(--max-width), calc(100% - 2.5rem));
|
|
margin-inline: auto;
|
|
}
|
|
|
|
/* Header */
|
|
header {
|
|
padding: 1.25rem 0;
|
|
border-bottom: 1px solid var(--border);
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 10;
|
|
background: rgba(18, 18, 18, 0.92);
|
|
backdrop-filter: blur(12px);
|
|
}
|
|
|
|
.header-inner {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.logo {
|
|
height: 2rem;
|
|
width: auto;
|
|
}
|
|
|
|
.header-cta {
|
|
font-size: 0.9rem;
|
|
font-weight: 600;
|
|
color: var(--text);
|
|
background: var(--brand-light);
|
|
padding: 0.55rem 1.1rem;
|
|
border-radius: 999px;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.header-cta:hover {
|
|
background: var(--brand);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Hero */
|
|
.hero {
|
|
padding: 4.5rem 0 3rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.badge {
|
|
display: inline-block;
|
|
font-size: 0.8rem;
|
|
font-weight: 600;
|
|
letter-spacing: 0.06em;
|
|
text-transform: uppercase;
|
|
color: var(--brand-light);
|
|
background: rgba(170, 73, 129, 0.12);
|
|
border: 1px solid rgba(170, 73, 129, 0.35);
|
|
padding: 0.35rem 0.85rem;
|
|
border-radius: 999px;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.hero h1 {
|
|
margin: 0 0 1rem;
|
|
font-size: clamp(2.25rem, 6vw, 3.5rem);
|
|
font-weight: 600;
|
|
line-height: 1.1;
|
|
letter-spacing: -0.03em;
|
|
color: var(--brand);
|
|
}
|
|
|
|
.hero .lead {
|
|
margin: 0 auto 2rem;
|
|
max-width: 38rem;
|
|
font-size: clamp(1.05rem, 2.5vw, 1.25rem);
|
|
font-weight: 500;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.store-buttons {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.85rem;
|
|
justify-content: center;
|
|
margin-bottom: 3.5rem;
|
|
}
|
|
|
|
.store-btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.65rem;
|
|
padding: 0.75rem 1.25rem;
|
|
border-radius: 12px;
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
color: var(--text);
|
|
font-weight: 600;
|
|
font-size: 0.95rem;
|
|
text-decoration: none;
|
|
transition: border-color 0.15s, background 0.15s;
|
|
}
|
|
|
|
.store-btn:hover {
|
|
border-color: var(--brand-light);
|
|
background: var(--surface-raised);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.store-btn svg {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.screenshots {
|
|
display: flex;
|
|
gap: 1.25rem;
|
|
justify-content: center;
|
|
align-items: flex-end;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.screenshots img {
|
|
width: min(220px, 28vw);
|
|
border-radius: 1.5rem;
|
|
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
|
|
border: 1px solid var(--border);
|
|
}
|
|
|
|
.screenshots img:nth-child(2) {
|
|
transform: translateY(-1rem);
|
|
}
|
|
|
|
/* Sections */
|
|
section {
|
|
padding: 4rem 0;
|
|
}
|
|
|
|
section h2 {
|
|
margin: 0 0 0.75rem;
|
|
font-size: clamp(1.6rem, 4vw, 2.1rem);
|
|
font-weight: 600;
|
|
letter-spacing: -0.02em;
|
|
color: var(--brand);
|
|
}
|
|
|
|
section .section-lead {
|
|
margin: 0 0 2.5rem;
|
|
max-width: 36rem;
|
|
color: var(--text-muted);
|
|
font-size: 1.05rem;
|
|
}
|
|
|
|
.beta-card {
|
|
background: linear-gradient(135deg, rgba(144, 51, 105, 0.18) 0%, rgba(170, 73, 129, 0.08) 100%);
|
|
border: 1px solid rgba(170, 73, 129, 0.35);
|
|
border-radius: 1.25rem;
|
|
padding: 2.5rem;
|
|
}
|
|
|
|
.beta-card p {
|
|
margin: 0 0 1rem;
|
|
color: var(--text-muted);
|
|
font-size: 1.05rem;
|
|
}
|
|
|
|
.beta-card p:last-of-type {
|
|
margin-bottom: 1.75rem;
|
|
}
|
|
|
|
.beta-card strong {
|
|
color: var(--text);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.features {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
gap: 1.25rem;
|
|
}
|
|
|
|
.feature {
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
border-radius: 1rem;
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
.feature h3 {
|
|
margin: 0 0 0.5rem;
|
|
font-size: 1.05rem;
|
|
font-weight: 600;
|
|
color: var(--text);
|
|
}
|
|
|
|
.feature p {
|
|
margin: 0;
|
|
font-size: 0.95rem;
|
|
color: var(--text-muted);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.chains {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5rem;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.chain-tag {
|
|
font-size: 0.85rem;
|
|
font-weight: 600;
|
|
color: var(--brand-light);
|
|
background: rgba(170, 73, 129, 0.1);
|
|
border: 1px solid rgba(170, 73, 129, 0.25);
|
|
padding: 0.35rem 0.75rem;
|
|
border-radius: 999px;
|
|
}
|
|
|
|
/* Footer */
|
|
footer {
|
|
padding: 2.5rem 0 3rem;
|
|
border-top: 1px solid var(--border);
|
|
text-align: center;
|
|
}
|
|
|
|
footer p {
|
|
margin: 0 0 0.5rem;
|
|
font-size: 0.9rem;
|
|
color: var(--text-muted);
|
|
font-weight: 500;
|
|
}
|
|
|
|
footer .brand-mark {
|
|
height: 1.75rem;
|
|
margin: 0 auto 1rem;
|
|
opacity: 0.85;
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.hero {
|
|
padding-top: 3rem;
|
|
}
|
|
|
|
.screenshots img:nth-child(2) {
|
|
transform: none;
|
|
}
|
|
|
|
.beta-card {
|
|
padding: 1.75rem;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="wrap header-inner">
|
|
<a href="#" aria-label="SpacesWallet home">
|
|
<img class="logo" src="assets/images/spaceswallet.svg" alt="SpacesWallet">
|
|
</a>
|
|
<a class="header-cta" href="#beta">Join the beta</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="wrap">
|
|
<span class="badge">Now in beta</span>
|
|
<h1>Your keys. Your chains. Your @space.</h1>
|
|
<p class="lead">
|
|
SpacesWallet is a non-custodial multi-chain crypto wallet built with Tether's Wallet Development Kit — with Bitcoin Spaces protocol integration for namespace and identity management.
|
|
</p>
|
|
|
|
<div class="store-buttons">
|
|
<a class="store-btn" href="https://testflight.apple.com/join/FWEC2Qwb" target="_blank" rel="noopener noreferrer">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
|
|
</svg>
|
|
TestFlight
|
|
</a>
|
|
<a class="store-btn" href="https://play.google.com/store/apps/details?id=com.lcfx.spaceswallet" target="_blank" rel="noopener noreferrer">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
<path d="M3.609 1.814L13.792 12 3.61 22.186a1.004 1.004 0 0 1-.601-.92V2.734a1.004 1.004 0 0 1 .601-.92zm10.89 10.893l2.302 2.302-10.937 6.333 8.635-8.635zm3.199-3.198l2.807 1.626a1 1 0 0 1 0 1.73l-2.808 1.626L15.206 12l2.492-2.491zM5.864 2.658L16.802 8.99l-2.303 2.303-8.635-8.635z"/>
|
|
</svg>
|
|
Google Play
|
|
</a>
|
|
</div>
|
|
|
|
<div class="screenshots">
|
|
<img src="assets/images/iPhone17_01.png" alt="SpacesWallet wallet home screen" width="220" height="476">
|
|
<img src="assets/images/iPhone17_02.png" alt="SpacesWallet send flow" width="220" height="476">
|
|
<img src="assets/images/iPhone17_03.png" alt="SpacesWallet Bitcoin Spaces screen" width="220" height="476">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="beta">
|
|
<div class="wrap">
|
|
<h2>Help us test SpacesWallet</h2>
|
|
<p class="section-lead">
|
|
We're looking for beta testers to try the app on real devices, explore multi-chain wallets, and help shape Bitcoin Spaces identity features before public launch.
|
|
</p>
|
|
|
|
<div class="beta-card">
|
|
<p>
|
|
<strong>What we're testing:</strong> wallet creation and import, send and receive flows, biometric unlock, multi-chain balances, and Spaces namespace discovery and purchase.
|
|
</p>
|
|
<p>
|
|
<strong>What we need from you:</strong> install from TestFlight on iOS or Google Play on Android, use the app in everyday scenarios, and report bugs or rough edges — crashes, confusing UI, failed transactions, or anything that doesn't feel right.
|
|
</p>
|
|
<p>
|
|
<strong>How to join:</strong> on iPhone or iPad, install the TestFlight app, then open the link below to join the SpacesWallet beta. On Android, install from Google Play. No invite code required. Your keys stay on your device — SpacesWallet is non-custodial.
|
|
</p>
|
|
|
|
<div class="store-buttons">
|
|
<a class="store-btn" href="https://testflight.apple.com/join/FWEC2Qwb" target="_blank" rel="noopener noreferrer">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
|
|
</svg>
|
|
Join on TestFlight
|
|
</a>
|
|
<a class="store-btn" href="https://play.google.com/store/apps/details?id=com.lcfx.spaceswallet" target="_blank" rel="noopener noreferrer">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
<path d="M3.609 1.814L13.792 12 3.61 22.186a1.004 1.004 0 0 1-.601-.92V2.734a1.004 1.004 0 0 1 .601-.92zm10.89 10.893l2.302 2.302-10.937 6.333 8.635-8.635zm3.199-3.198l2.807 1.626a1 1 0 0 1 0 1.73l-2.808 1.626L15.206 12l2.492-2.491zM5.864 2.658L16.802 8.99l-2.303 2.303-8.635-8.635z"/>
|
|
</svg>
|
|
Get it on Google Play
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="wrap">
|
|
<h2>Built for crypto natives</h2>
|
|
<p class="section-lead">
|
|
Secure, self-custody wallet software with the chains and tokens you already use — plus Spaces identity on Bitcoin.
|
|
</p>
|
|
|
|
<div class="features">
|
|
<article class="feature">
|
|
<h3>Non-custodial</h3>
|
|
<p>Your seed phrase and keys are generated and stored on your device. We never hold your funds.</p>
|
|
</article>
|
|
<article class="feature">
|
|
<h3>Multi-chain</h3>
|
|
<p>Manage Bitcoin, Ethereum, Polygon, Arbitrum, TON, Tron, Solana, and Lightning from one wallet.</p>
|
|
</article>
|
|
<article class="feature">
|
|
<h3>Bitcoin Spaces</h3>
|
|
<p>Discover, register, and manage @spaces — human-readable identity on Bitcoin Taproot.</p>
|
|
</article>
|
|
<article class="feature">
|
|
<h3>Biometric unlock</h3>
|
|
<p>Face ID and Touch ID keep your wallet locked until you're ready to transact.</p>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="chains" aria-label="Supported networks">
|
|
<span class="chain-tag">Bitcoin</span>
|
|
<span class="chain-tag">Ethereum</span>
|
|
<span class="chain-tag">Polygon</span>
|
|
<span class="chain-tag">Arbitrum</span>
|
|
<span class="chain-tag">TON</span>
|
|
<span class="chain-tag">Tron</span>
|
|
<span class="chain-tag">Solana</span>
|
|
<span class="chain-tag">Lightning</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="wrap">
|
|
<img class="brand-mark" src="assets/images/spaceswallet.svg" alt="">
|
|
<p>SpacesWallet · Published by Lunde Cognitive Effects, Inc. (LCFX)</p>
|
|
<p>Questions or feedback? <a href="mailto:privacy@lcfx.com">privacy@lcfx.com</a></p>
|
|
<p>Version 1.0.0 · Alpha</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|