AppWave — Mobile App Landing Page Template 1.0.0

# AppWave — Mobile App Landing Page Template

> **A premium, dark-mode HTML template for promoting any mobile application.**
> Built for developers and indie makers who want to ship a beautiful marketing page fast.

---

## 📦 What's Included

```
appwave-template/
├── index.html # Full landing page — single file, no build step
├── style.css # All styles, variables, responsive rules
├── main.js # Scroll effects, FAQ, nav, reveal animations
└── README.md # You're reading it
```

---

## ✨ Features

| Feature | Detail |
|---------|--------|
| 🌑 Dark-mode first | Deep-space palette, looks great on all screens |
| 📱 Fully responsive | Desktop → tablet → mobile, tested at all widths |
| ⚡ Zero dependencies | No frameworks, no npm, no build — just open in a browser |
| 🎨 CSS variables | One block to change the entire color scheme |
| 🔄 Scroll animations | Intersection Observer-based reveal (no library needed) |
| 🖥 Phone mockups | Pure CSS — no images required, fully customizable |
| 📜 Marquee logos strip | Infinite-scroll trust logos |
| 🧩 5 sections | Hero, Features, Screenshots, Pricing, FAQ + Download CTA |
| 🖱 Cursor glow | Subtle radial glow that follows the cursor |
| 📊 Goal ring SVG | Animated SVG ring in the features section |

---

## 🚀 Quick Start

1. Download and unzip the folder.
2. Open `index.html` in any browser — no server needed.
3. Edit the text and colors to match your app.
4. Upload to any static host (Vercel, Netlify, GitHub Pages, etc.).

**Done.** Your app's marketing page is live.

---

## 🎨 Customization Guide

### Change Brand Colors
Open `style.css` and find the `:root` block at the top:

```css
:root {
--purple: #6c63ff; /* Primary accent — change to your brand color */
--accent: #f7971e; /* Secondary accent */
--green: #43e97b; /* Success / streak color */
--bg: #0a0a0f; /* Page background */
--text: #f0f0ff; /* Main text */
}
```

Change `--purple` to your app's brand color and everything updates.

### Change App Name & Copy
- Search for `AppWave` in `index.html` and replace with your app name.
- Update the hero tagline, stats, feature descriptions, pricing tiers, and FAQ answers.

### Change the App Store Links
Find the two `<a href="#">` buttons in the hero and the CTA section:
```html
<a href="YOUR_APP_STORE_LINK" class="btn btn--primary">...</a>
<a href="YOUR_PLAY_STORE_LINK" class="btn btn--secondary">...</a>
```

### Add Your Real Screenshots
Replace the CSS phone mockups with real `<img>` tags inside `.screen-phone`:
```html
<div class="screen-phone">
<img src="screenshot-1.png" alt="Dashboard screen" />
</div>
```

### Pricing Tiers
Edit the `.price-card` blocks in the Pricing section to match your real pricing.

---

## 📐 Section Map

```
┌─────────────────────────────────────────┐
│ NAV │ Fixed, blurs on scroll
├─────────────────────────────────────────┤
│ HERO │ Headline + CTA + Phone mockup
├─────────────────────────────────────────┤
│ LOGOS STRIP │ Auto-scrolling trust logos
├─────────────────────────────────────────┤
│ FEATURES (5 cards, 2-col Bento grid) │ Icons + descriptions + visual
├─────────────────────────────────────────┤
│ SCREENSHOTS (horizontal scroll) │ 5 app screen previews
├─────────────────────────────────────────┤
│ TESTIMONIALS (3-col grid) │ Customer reviews
├─────────────────────────────────────────┤
│ PRICING (3 tiers, featured center) │ Free / Pro / Team
├─────────────────────────────────────────┤
│ FAQ (accordion) │ 5 common questions
├─────────────────────────────────────────┤
│ DOWNLOAD CTA │ App Store / Google Play buttons
├─────────────────────────────────────────┤
│ FOOTER │ Links + social + copyright
└─────────────────────────────────────────┘
```

---

## 💰 Selling This Template

### Recommended Platforms

| Platform | Commission | Best For |
|----------|------------|---------|
| **Gumroad** | 10% | Indie creators, fastest setup |
| **Lemon Squeezy** | 5% | Developers, great tax handling |
| **Creative Market** | 40% | Design audience, high traffic |
| **ThemeForest (Envato)** | 33–55% | Largest marketplace, hardest approval |
| **Itch.io** | 0–10% | Dev tools & assets, growing fast |

### Recommended Pricing
- **Single license:** $19–$29
- **Extended license:** $59–$99 (for client work / SaaS)

### What Sells Templates
1. **Great preview screenshot** — show the full page in a device frame
2. **Live demo link** — buyers want to click around before purchasing
3. **Clear feature list** — bullet points in the product description
4. **"No dependencies" badge** — developers love zero-install templates
5. **Dark mode** — this is one of the most searched template categories

---

## 🛠 Roadmap (Future Versions)

- [ ] Light mode variant
- [ ] RTL (Arabic/Hebrew) variant
- [ ] Figma source file
- [ ] React / Next.js port
- [ ] Framer version
- [ ] A/B landing page variant with social proof section
- [ ] Waitlist signup form variant
- [ ] Video background hero variant

---

## 📄 License

This template is sold under a **single-use license** per purchase.
You may use it for one end product (your app's website).
You may not resell or redistribute the source files.

For client/agency use, purchase an **Extended License**.

---

## 🙋 Support

Questions or issues?
Open a support ticket on the platform you purchased from,
or email **[email protected]**

---

*Made with care — AppWave Template v1.0*