Landing page
The landing page is the first page users see when they visit your webapp.
Normally, the landing page outlines the benefit of your product so users are tempted to click Buy.
DevLaunchPad comes with Vue.js components to help you easily build a landing page.
Landing page components
The default landing page is defined in pages/index.vue.
It's shown when you visit the root of your webapp /.
Within index.vue, add or remove any of these DevLaunchPad components:
| Component | Data file | Description |
|---|---|---|
| Hero.vue | content/hero.yml | Defines the above-the-fold section of your landing page. |
| WithVsWithout.vue | content/with-vs-without.yml | A comparison of the user's life with and without your product. |
| HowItWorks.vue | content/how-it-works.yml | A step-by-step description of how the user might use your product. |
| Testimonials.vue | content/testimonials.yml | Testimonials from users to build trust in your product. |
| Pricing.vue | content/pricing.yml | Compares the different pricing tiers available for your product. |
Further configuration
Update content/intro.md with your personal introduction to your product.
Show a waitlist sign up page before your webapp launches by following the instructions for the Waitlist feature.