Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>DropBlitz | Moneyed28</title> | |
| <meta name="description" content="DropBlitz - AI-powered bulk price updates & SEO optimization for Shopify stores"> | |
| <link rel="stylesheet" href="style.css"> | |
| <style> | |
| .product-hero { | |
| min-height: 70vh; | |
| display: flex; | |
| align-items: center; | |
| background: radial-gradient(circle at 70% 30%, rgba(0, 150, 255, 0.1) 0%, transparent 50%); | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .product-hero::before { | |
| content: ''; | |
| position: absolute; | |
| top: -50%; | |
| left: -50%; | |
| width: 200%; | |
| height: 200%; | |
| background: radial-gradient(circle at 30% 70%, rgba(100, 0, 200, 0.05) 0%, transparent 60%); | |
| z-index: -1; | |
| } | |
| .product-container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 2rem; | |
| } | |
| .product-features { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); | |
| gap: 2rem; | |
| margin-top: 3rem; | |
| } | |
| .feature-card { | |
| background: rgba(255, 255, 255, 0.03); | |
| border: 1px solid rgba(255, 255, 255, 0.05); | |
| border-radius: 0.5rem; | |
| padding: 2rem; | |
| transition: transform 200ms ease; | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| background: rgba(255, 255, 255, 0.05); | |
| } | |
| .feature-icon { | |
| font-size: 2rem; | |
| margin-bottom: 1rem; | |
| color: #0ff; | |
| } | |
| .screenshot { | |
| border-radius: 0.5rem; | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Header --> | |
| <header> | |
| <div class="container header-container"> | |
| <a href="index.html" class="logo">Moneyed28</a> | |
| <button class="nav-toggle" id="nav-toggle" aria-label="Toggle navigation"> | |
| <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <line x1="3" y1="12" x2="21" y2="12"></line> | |
| <line x1="3" y1="6" x2="21" y2="6"></line> | |
| <line x1="3" y1="18" x2="21" y2="18"></line> | |
| </svg> | |
| </button> | |
| <nav> | |
| <ul class="nav-menu" id="nav-menu"> | |
| <li><a href="index.html" class="nav-link">Home</a></li> | |
| <li><a href="index.html#about" class="nav-link">About</a></li> | |
| <li><a href="index.html#products" class="nav-link">Products</a></li> | |
| <li><a href="index.html#contact" class="nav-link">Contact</a></li> | |
| <li><a href="privacy.html" class="nav-link">Privacy</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </header> | |
| <main id="main"> | |
| <!-- Product Hero --> | |
| <section class="product-hero"> | |
| <div class="container product-container"> | |
| <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center;"> | |
| <div> | |
| <h1 style="font-size: 3rem; line-height: 1.2; margin-bottom: 1.5rem;">DropBlitz</h1> | |
| <p style="font-size: 1.2rem; margin-bottom: 2rem; color: #adb5bd;"> | |
| AI-powered bulk price updates & SEO optimization for Shopify stores | |
| </p> | |
| <div style="display: flex; gap: 1rem; flex-wrap: wrap;"> | |
| <a href="#install" class="btn btn-primary">Install Now</a> | |
| <a href="#features" class="btn btn-ghost">View Features</a> | |
| </div> | |
| </div> | |
| <div> | |
| <img src="https://static.photos/technology/640x360/28" alt="DropBlitz Dashboard" class="screenshot"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features --> | |
| <section id="features" style="background: #121218; padding: 4rem 0;"> | |
| <div class="container product-container"> | |
| <h2 style="text-align: center; margin-bottom: 3rem;">Powerful Features for Shopify Stores</h2> | |
| <div class="product-features"> | |
| <div class="feature-card"> | |
| <div class="feature-icon">⚡</div> | |
| <h3>Bulk Price Updates</h3> | |
| <p>Update hundreds of product prices in seconds with our intelligent bulk editor. Apply percentage increases, set fixed prices, or use advanced rules.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🤖</div> | |
| <h3>AI SEO Generation</h3> | |
| <p>Automatically generate optimized meta titles and descriptions for your products using our advanced AI technology.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🔄</div> | |
| <h3>Smart Scheduling</h3> | |
| <p>Schedule price changes to go live at specific times, perfect for sales events and promotions.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Installation --> | |
| <section id="install" style="padding: 4rem 0;"> | |
| <div class="container product-container"> | |
| <h2 style="text-align: center; margin-bottom: 3rem;">Get Started in Minutes</h2> | |
| <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center;"> | |
| <div> | |
| <ol style="list-style-type: none; counter-reset: step-counter; padding: 0;"> | |
| <li style="counter-increment: step-counter; margin-bottom: 2rem; position: relative; padding-left: 3rem;"> | |
| <span style="position: absolute; left: 0; top: 0; background: #0ff; color: #0a0a0f; width: 2rem; height: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold;">1</span> | |
| <h3 style="margin-bottom: 0.5rem;">Install from Shopify App Store</h3> | |
| <p>Search for "DropBlitz" in your Shopify admin or click the install button below.</p> | |
| </li> | |
| <li style="counter-increment: step-counter; margin-bottom: 2rem; position: relative; padding-left: 3rem;"> | |
| <span style="position: absolute; left: 0; top: 0; background: #0ff; color: #0a0a0f; width: 2rem; height: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold;">2</span> | |
| <h3 style="margin-bottom: 0.5rem;">Connect Your Store</h3> | |
| <p>Grant the necessary permissions to access your product data (we never see customer info).</p> | |
| </li> | |
| <li style="counter-increment: step-counter; position: relative; padding-left: 3rem;"> | |
| <span style="position: absolute; left: 0; top: 0; background: #0ff; color: #0a0a0f; width: 2rem; height: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold;">3</span> | |
| <h3 style="margin-bottom: 0.5rem;">Start Optimizing</h3> | |
| <p>Begin updating prices and generating SEO content immediately.</p> | |
| </li> | |
| </ol> | |
| <div style="margin-top: 3rem; text-align: center;"> | |
| <a href="https://apps.shopify.com/dropblitz" class="btn btn-primary" style="padding: 1rem 2rem; font-size: 1.1rem;">Install DropBlitz</a> | |
| <p style="margin-top: 1rem; font-size: 0.9rem; color: #adb5bd;">Free 7-day trial • Cancel anytime</p> | |
| </div> | |
| </div> | |
| <div> | |
| <img src="https://static.photos/technology/640x360/29" alt="DropBlitz Installation" class="screenshot"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <!-- Footer --> | |
| <footer style="background: #0a0a0f; border-top: 1px solid rgba(255, 255, 255, 0.05); padding: 3rem 0;"> | |
| <div class="container"> | |
| <div style="display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2rem;"> | |
| <div> | |
| <h3 style="color: #0ff; margin-bottom: 1rem;">Moneyed28</h3> | |
| <p style="max-width: 300px; color: #adb5bd;">Building AI-powered tools to help eCommerce businesses thrive.</p> | |
| </div> | |
| <div> | |
| <h3 style="color: #0ff; margin-bottom: 1rem;">Quick Links</h3> | |
| <ul style="list-style: none; padding: 0; margin: 0;"> | |
| <li style="margin-bottom: 0.5rem;"><a href="index.html" style="color: #adb5bd;">Home</a></li> | |
| <li style="margin-bottom: 0.5rem;"><a href="privacy.html" style="color: #adb5bd;">Privacy Policy</a></li> | |
| <li><a href="index.html#contact" style="color: #adb5bd;">Contact Us</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 style="color: #0ff; margin-bottom: 1rem;">Contact</h3> | |
| <ul style="list-style: none; padding: 0; margin: 0;"> | |
| <li style="margin-bottom: 0.5rem;"><a href="mailto:hello@moneyed28.com" style="color: #adb5bd;">hello@moneyed28.com</a></li> | |
| <li><a href="https://wa.me/13233715222" style="color: #adb5bd;">+1 (323) 371-5222</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div style="margin-top: 2rem; text-align: center;"> | |
| <p style="color: #adb5bd; font-size: 0.9rem;">© <span id="year">2023</span> Moneyed28 LLC. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Set current year | |
| document.getElementById('year').textContent = new Date().getFullYear(); | |
| // Mobile nav toggle | |
| const navToggle = document.getElementById('nav-toggle'); | |
| const navMenu = document.getElementById('nav-menu'); | |
| navToggle.addEventListener('click', () => { | |
| navMenu.classList.toggle('active'); | |
| navToggle.setAttribute('aria-expanded', navMenu.classList.contains('active')); | |
| }); | |
| </script> | |
| </body> | |
| </html> |