bsv-blockchain · sirdeggen · Aug 22, 2025 · Aug 22, 2025 · Aug 22, 2025
diff --git a/marketing/1.PNG b/marketing/1.PNG
diff --git a/marketing/5.PNG b/marketing/5.PNG
diff --git a/marketing/6.PNG b/marketing/6.PNG
diff --git a/marketing/7.PNG b/marketing/7.PNG
diff --git a/marketing/8.PNG b/marketing/8.PNG
diff --git a/marketing/README.md b/marketing/README.md
@@ -0,0 +1,60 @@
+# Metanet Mobile Marketing Website
+
+This is the marketing website for Metanet Mobile, a secure BSV Blockchain wallet app for iOS and Android.
+
+## Website Features
+
+- **Responsive Design**: Optimized for desktop, tablet, and mobile devices
+- **Modern UI**: Clean, professional design with smooth animations
+- **App Screenshots**: Interactive gallery showcasing key app features
+- **Download Links**: Direct links to TestFlight (iOS) and Google Play Store (Android - coming soon)
+- **SEO Optimized**: Proper meta tags, Open Graph, and Twitter Card support
+
+## GitHub Pages Setup
+
+This website is designed to be hosted on GitHub Pages. To deploy:
+
+1. Enable GitHub Pages in your repository settings
+2. Set the source to the `marketing` directory
+3. The site will be available at: `https://[username].github.io/[repository-name]/`
+
+## Local Development
+
+To run locally:
+
+1. Navigate to the marketing directory
+2. Open `index.html` in your browser
+3. Or use a local server like `python -m http.server 8000`
+
+## Files Structure
+
+```
+marketing/
+├── index.html          # Main landing page
+├── styles.css          # CSS styling
+├── README.md          # This file
+├── 1.PNG              # App welcome screen
+├── 2.PNG              # Web browsing example
+├── 3.PNG              # Browser menu
+├── 4.PNG              # Phone verification
+├── 5.PNG              # OTP verification
+└── 6.PNG              # Developer tools
+```
+
+## Download Links
+
+- **iOS (TestFlight)**: https://testflight.apple.com/join/K3jmxevG
+- **Android**: Coming soon to Google Play Store
+
+## About Metanet Mobile
+
+Metanet Mobile is a secure BSV Blockchain wallet that provides:
+
+- Secure key management and encryption
+- Decentralized identity management
+- Web3 browsing capabilities
+- Instant BSV payments
+- BRC-100 wallet interface compliance
+- Mobile-optimized user experience
+
+Built by the BSV Association team.
diff --git a/marketing/index.html b/marketing/index.html
@@ -0,0 +1,207 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Metanet Mobile - BSV Blockchain Wallet for iOS & Android</title>
+    <meta name="description" content="Metanet Mobile is a secure BSV Blockchain wallet app for iOS and Android that provides identity management, payments, and Web3 browsing capabilities.">
+    <meta name="keywords" content="BSV, blockchain, wallet, mobile, iOS, Android, Bitcoin SV, identity, payments, Web3">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://bsv-blockchain.github.io/metanet-mobile/">
+    <meta property="og:title" content="Metanet Mobile - BSV Blockchain Wallet">
+    <meta property="og:description" content="Secure BSV Blockchain wallet app for iOS and Android with identity management and Web3 browsing.">
+    <meta property="og:image" content="https://bsv-blockchain.github.io/metanet-mobile/1.PNG">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://bsv-blockchain.github.io/metanet-mobile/">
+    <meta property="twitter:title" content="Metanet Mobile - BSV Blockchain Wallet">
+    <meta property="twitter:description" content="Secure BSV Blockchain wallet app for iOS and Android with identity management and Web3 browsing.">
+    <meta property="twitter:image" content="https://bsv-blockchain.github.io/metanet-mobile/1.PNG">
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/x-icon" href="../assets/images/favicon.ico">
+    <link rel="apple-touch-icon" sizes="192x192" href="../assets/images/android-chrome-192x192.png">
+
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="container">
+            <div class="hero-content">
+                <div class="hero-text">
+                    <h1>Metanet Mobile</h1>
+                    <p class="hero-subtitle">Browser with identity and micropayments built in</p>
+                    <p class="hero-description">
+                        Experience the power of BSV Blockchain technology on your mobile device. 
+                        Secure wallet, decentralized identity, and Web3 browsing - all in one app.
+                    </p>
+
+                    <div class="download-buttons">
+                        <a href="https://testflight.apple.com/join/K3jmxevG" class="btn btn-primary" target="_blank" rel="noopener">
+                            <img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" alt="Download on the App Store" class="store-badge">
+                        </a>
+                        <a href="#" class="btn btn-primary coming-soon" onclick="alert('Coming soon to Google Play Store!')">
+                            <img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Get it on Google Play" class="store-badge">
+                            <span class="coming-soon-label">Coming Soon</span>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="hero-image">
+                    <img src="1.PNG" alt="Metanet Mobile App Screenshot" class="phone-mockup">
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section class="features">
+        <div class="container">
+            <h2>Powerful Features</h2>
+            <p class="section-subtitle">Metanet Mobile provides all the tools you need to interact with the BSV Blockchain efficiently.</p>
+
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">🔐</div>
+                    <h3>Secure Management</h3>
+                    <p>Linked key derivation, robust cryptographic signatures, secure encryption, and strict access permissions safeguard your keys.</p>
+                </div>
+
+                <div class="feature-card">
+                    <div class="feature-icon">🌐</div>
+                    <h3>Web3 Browser</h3>
+                    <p>Browse the decentralized web with built-in identity and payment capabilities. Access Web3 applications seamlessly.</p>
+                </div>
+
+                <div class="feature-card">
+                    <div class="feature-icon">🆔</div>
+                    <h3>Decentralized Identity</h3>
+                    <p>Leverage cryptographic identity certificates for selective data revelation. Manage identity securely and privately.</p>
+                </div>
+
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3>Instant Payments</h3>
+                    <p>Send and receive BSV payments instantly with low fees. Perfect for microtransactions and everyday use.</p>
+                </div>
+
+                <div class="feature-card">
+                    <div class="feature-icon">🔗</div>
+                    <h3>Vendor Interoperable</h3>
+                    <p>Implements the BRC-100 Wallet Interface. Configure with any Wallet Authentication Backend and Storage Infrastructure.</p>
+                </div>
+
+                <div class="feature-card">
+                    <div class="feature-icon">📱</div>
+                    <h3>Mobile Optimized</h3>
+                    <p>Designed specifically for mobile devices with intuitive touch controls and responsive design.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Screenshots Section -->
+    <section class="screenshots">
+        <div class="container">
+            <h2>See It In Action</h2>
+            <p class="section-subtitle">Experience the seamless integration of browsing, identity, and payments</p>
+
+            <div class="screenshots-grid">
+                <div class="screenshot-item">
+                    <img src="8.PNG" alt="Web3 Browsing" class="screenshot">
+                    <h4>Web3 Browser</h4>
+                    <p>Works just like a regular browser, but with built in support for Web3 apps</p>
+                </div>
+
+                <div class="screenshot-item">
+                    <img src="5.PNG" alt="Verification Code" class="screenshot">
+                    <h4>Secure Authentication</h4>
+                    <p>Own your own data, protected by a 2/3 threshold system</p>
+                </div>
+
+                <div class="screenshot-item">
+                    <img src="6.PNG" alt="Developer Tools" class="screenshot">
+                    <h4>Identity</h4>
+                    <p>BRC-100 Web3 Apps auto-connect, enabling secure identity based actions</p>
+                </div>
+
+                <div class="screenshot-item">
+                    <img src="7.PNG" alt="Developer Tools" class="screenshot">
+                    <h4>Micropayments</h4>
+                    <p>Explore micropayment services never before possible.</p>
+                </div>
+            </div>
+    </section>
+
+    <!-- Technical Highlights -->
+    <section class="tech-highlights">
+        <div class="container">
+            <h2>Unleash the BSV Blockchain</h2>
+            <p class="section-subtitle">Metanet Mobile combines powerful features with a user-friendly interface, allowing both beginners and experts to take full advantage of BSV Blockchain technology.</p>
+
+            <div class="tech-list">
+                <div class="tech-item">
+                    <span class="tech-bullet">•</span>
+                    <span>Action oriented design with transparent controls and rich metadata</span>
+                </div>
+                <div class="tech-item">
+                    <span class="tech-bullet">•</span>
+                    <span>Robust AES-256-GCM Encryption and ECDSA Signatures</span>
+                </div>
+                <div class="tech-item">
+                    <span class="tech-bullet">•</span>
+                    <span>Identity & Certificate Manager for selective data revelation</span>
+                </div>
+                <div class="tech-item">
+                    <span class="tech-bullet">•</span>
+                    <span>SPV Scalability using BEEF Transaction data standards</span>
+                </div>
+                <div class="tech-item">
+                    <span class="tech-bullet">•</span>
+                    <span>Auditable Proofs & Key Linkages for enhanced privacy</span>
+                </div>
+                <div class="tech-item">
+                    <span class="tech-bullet">•</span>
+                    <span>Flexible Asset & Key Permissions through named baskets</span>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Download CTA -->
+    <section class="download-cta">
+        <div class="container">
+            <h2>Ready to Get Started?</h2>
+            <p>Download Metanet Mobile today and experience the future of mobile blockchain technology.</p>
+
+            <div class="download-buttons">
+                <a href="https://testflight.apple.com/join/K3jmxevG" class="btn btn-primary" target="_blank" rel="noopener">
+                    <img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" alt="Download on the App Store" class="store-badge">
+                </a>
+                <a href="#" class="btn btn-primary coming-soon" onclick="alert('Coming soon to Google Play Store!')">
+                    <img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Get it on Google Play" class="store-badge">
+                    <span class="coming-soon-label">Coming Soon</span>
+                </a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-content">
+                <div class="footer-links">
+                    <a href="https://github.com/bitcoin-sv/metanet-mobile" target="_blank" rel="noopener">GitHub Repository</a>
+                    <a href="https://bsvblockchain.org" target="_blank" rel="noopener">BSV Blockchain</a>
+                    <a href="https://x.com/bsvblockchain" target="_blank" rel="noopener">@bsvblockchain</a>
+                </div>
+                <p class="footer-copyright">© 2025 BSV Association</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>