+
See It In Action
+
Experience the seamless integration of browsing, identity, and payments
+
+
+
+
+
Web3 Browser
+
Works just like a regular browser, but with built in support for Web3 apps
+
+
+
+
+
Secure Authentication
+
Own your own data, protected by a 2/3 threshold system
+
+
+
+
+
Identity
+
BRC-100 Web3 Apps auto-connect, enabling secure identity based actions
+
+
+
+
+
Micropayments
+
Explore micropayment services never before possible.
+
+
+
+
+
+
+
+
Unleash the BSV Blockchain
+
Metanet Mobile combines powerful features with a user-friendly interface, allowing both beginners and experts to take full advantage of BSV Blockchain technology.
+
+
+
+ •
+ Action oriented design with transparent controls and rich metadata
+
+
+ •
+ Robust AES-256-GCM Encryption and ECDSA Signatures
+
+
+ •
+ Identity & Certificate Manager for selective data revelation
+
+
+ •
+ SPV Scalability using BEEF Transaction data standards
+
+
+ •
+ Auditable Proofs & Key Linkages for enhanced privacy
+
+
+ •
+ Flexible Asset & Key Permissions through named baskets
+
+
+
+
+
+
+
+
Ready to Get Started?
+
Download Metanet Mobile today and experience the future of mobile blockchain technology.
+
+
+
+
+
+
+
+
diff --git a/marketing/styles.css b/marketing/styles.css
new file mode 100644
index 0000000..f8edc9a
--- /dev/null
+++ b/marketing/styles.css
@@ -0,0 +1,436 @@
+/* Reset and Base Styles */
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+ line-height: 1.6;
+ color: #333;
+ background-color: #ffffff;
+}
+
+.container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 20px;
+}
+
+/* Typography */
+h1 {
+ font-size: 3.5rem;
+ font-weight: 700;
+ margin-bottom: 1rem;
+ color: #1a1a1a;
+}
+
+h2 {
+ font-size: 2.5rem;
+ font-weight: 600;
+ margin-bottom: 1rem;
+ color: #1a1a1a;
+ text-align: center;
+}
+
+h3 {
+ font-size: 1.5rem;
+ font-weight: 600;
+ margin-bottom: 0.5rem;
+ color: #1a1a1a;
+}
+
+h4 {
+ font-size: 1.25rem;
+ font-weight: 600;
+ margin-bottom: 0.5rem;
+ color: #1a1a1a;
+}
+
+/* Hero Section */
+.hero {
+ background: linear-gradient(135deg, #080c1e 0%, #844ba2 100%);
+ color: white;
+ padding: 100px 0;
+ min-height: 100vh;
+ display: flex;
+ align-items: center;
+}
+
+.hero-content {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 60px;
+ align-items: center;
+}
+
+.hero-text h1 {
+ color: white;
+ font-size: 4rem;
+ margin-bottom: 1rem;
+}
+
+.hero-subtitle {
+ font-size: 1.5rem;
+ margin-bottom: 1.5rem;
+ opacity: 0.9;
+ font-weight: 300;
+}
+
+.hero-description {
+ font-size: 1.1rem;
+ margin-bottom: 2.5rem;
+ opacity: 0.8;
+ line-height: 1.7;
+}
+
+.hero-image {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.phone-mockup {
+ max-width: 300px;
+ width: 100%;
+ height: auto;
+ border-radius: 25px;
+ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+ transform: perspective(1000px) rotateY(-5deg);
+ transition: transform 0.3s ease;
+}
+
+.phone-mockup:hover {
+ transform: perspective(1000px) rotateY(0deg) scale(1.05);
+}
+
+/* Download Buttons */
+.download-buttons {
+ display: flex;
+ gap: 20px;
+ flex-wrap: wrap;
+}
+
+.btn {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ text-decoration: none;
+ border-radius: 8px;
+ transition: all 0.3s ease;
+ position: relative;
+}
+
+.btn-primary {
+ background: rgba(255, 255, 255, 0.1);
+ backdrop-filter: blur(10px);
+ border: 2px solid rgba(255, 255, 255, 0.2);
+ padding: 8px 16px;
+}
+
+.btn-primary:hover {
+ background: rgba(255, 255, 255, 0.2);
+ transform: translateY(-2px);
+}
+
+.store-badge {
+ height: 60px;
+ width: auto;
+}
+
+.coming-soon {
+ position: relative;
+ opacity: 0.7;
+}
+
+.coming-soon-label {
+ position: absolute;
+ top: -8px;
+ right: -8px;
+ background: #ff6b6b;
+ color: white;
+ font-size: 0.7rem;
+ padding: 2px 6px;
+ border-radius: 10px;
+ font-weight: 600;
+}
+
+/* Features Section */
+.features {
+ padding: 100px 0;
+ background: #f8fafc;
+}
+
+.section-subtitle {
+ font-size: 1.2rem;
+ color: #666;
+ text-align: center;
+ margin-bottom: 4rem;
+ max-width: 600px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.features-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+ gap: 40px;
+ margin-top: 4rem;
+}
+
+.feature-card {
+ background: white;
+ padding: 40px 30px;
+ border-radius: 16px;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+ text-align: center;
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.feature-card:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
+}
+
+.feature-icon {
+ font-size: 3rem;
+ margin-bottom: 1.5rem;
+ display: block;
+}
+
+.feature-card h3 {
+ margin-bottom: 1rem;
+ color: #1a1a1a;
+}
+
+.feature-card p {
+ color: #666;
+ line-height: 1.6;
+}
+
+/* Screenshots Section */
+.screenshots {
+ padding: 100px 0;
+ background: white;
+}
+
+.screenshots-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 40px;
+ margin-top: 4rem;
+}
+
+.screenshot-item {
+ text-align: center;
+}
+
+.screenshot {
+ width: 100%;
+ max-width: 250px;
+ height: auto;
+ border-radius: 20px;
+ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+ margin-bottom: 1.5rem;
+ transition: transform 0.3s ease;
+}
+
+.screenshot:hover {
+ transform: scale(1.05);
+}
+
+.screenshot-item h4 {
+ margin-bottom: 0.5rem;
+ color: #1a1a1a;
+}
+
+.screenshot-item p {
+ color: #666;
+ font-size: 0.9rem;
+}
+
+/* Technical Highlights */
+.tech-highlights {
+ padding: 100px 0;
+ background: linear-gradient(135deg, #080c1e 0%, #844ba2 100%);
+ color: white;
+}
+
+.tech-highlights h2 {
+ color: white;
+}
+
+.tech-highlights .section-subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.tech-list {
+ max-width: 800px;
+ margin: 0 auto;
+ margin-top: 3rem;
+}
+
+.tech-item {
+ display: flex;
+ align-items: flex-start;
+ margin-bottom: 1.5rem;
+ font-size: 1.1rem;
+ line-height: 1.7;
+}
+
+.tech-bullet {
+ color: #4ade80;
+ font-weight: bold;
+ margin-right: 1rem;
+ font-size: 1.5rem;
+}
+
+/* Download CTA */
+.download-cta {
+ padding: 100px 0;
+ background: #1a1a1a;
+ color: white;
+ text-align: center;
+}
+
+.download-cta h2 {
+ color: white;
+ margin-bottom: 1rem;
+}
+
+.download-cta p {
+ font-size: 1.2rem;
+ margin-bottom: 3rem;
+ opacity: 0.9;
+}
+
+.download-cta .download-buttons {
+ justify-content: center;
+}
+
+/* Footer */
+.footer {
+ background: #0f0f0f;
+ color: white;
+ padding: 40px 0;
+}
+
+.footer-content {
+ text-align: center;
+}
+
+.footer-links {
+ display: flex;
+ justify-content: center;
+ gap: 30px;
+ margin-bottom: 20px;
+ flex-wrap: wrap;
+}
+
+.footer-links a {
+ color: #ccc;
+ text-decoration: none;
+ transition: color 0.3s ease;
+}
+
+.footer-links a:hover {
+ color: white;
+}
+
+.footer-copyright {
+ color: #888;
+ font-size: 0.9rem;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+ .hero-content {
+ grid-template-columns: 1fr;
+ text-align: center;
+ gap: 40px;
+ }
+
+ .hero-text h1 {
+ font-size: 2.5rem;
+ }
+
+ .hero-subtitle {
+ font-size: 1.2rem;
+ }
+
+ h2 {
+ font-size: 2rem;
+ }
+
+ .features-grid {
+ grid-template-columns: 1fr;
+ gap: 30px;
+ }
+
+ .screenshots-grid {
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+ gap: 30px;
+ }
+
+ .download-buttons {
+ justify-content: center;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .footer-links {
+ flex-direction: column;
+ gap: 15px;
+ }
+
+ .container {
+ padding: 0 15px;
+ }
+
+ .hero {
+ padding: 60px 0;
+ min-height: auto;
+ }
+
+ .features,
+ .screenshots,
+ .tech-highlights,
+ .download-cta {
+ padding: 60px 0;
+ }
+}
+
+@media (max-width: 480px) {
+ .hero-text h1 {
+ font-size: 2rem;
+ }
+
+ .hero-subtitle {
+ font-size: 1rem;
+ }
+
+ .hero-description {
+ font-size: 1rem;
+ }
+
+ h2 {
+ font-size: 1.5rem;
+ }
+
+ .section-subtitle {
+ font-size: 1rem;
+ }
+
+ .phone-mockup {
+ max-width: 250px;
+ }
+
+ .feature-card {
+ padding: 30px 20px;
+ }
+
+ .store-badge {
+ height: 50px;
+ }
+}
+
+
+ 
+ Coming Soon
+
+ 
+