Welcome
Create a custom landing page in seconds with our easy-to-use generator.
Description
Leverage the power of dynamic routing in Next.js to create unique landing pages. Select from various premade components—hero sections, feature showcases, CTAs, and more—and combine them using our generator. Instantly preview your design, adjust it for different screen sizes, and explore live examples for inspiration.
How to use
- Choose components from the list on the right.
- Enter the corresponding code in the format: componentname-idx.
- Example: nav-1-hero-1-logocloud-4-feature-15-stats-0-cta-0-footer-8.
- Use the iframe to preview your page, resize it for different devices, or click "Live View" to open it in a new tab.
- Visit "Sample 1," "Sample 2," or "Sample 3" from the navbar for ideas on what you can create.
Componentsformat: componentname-idxidx starts at 0
- NavBar Sectionscode: nav-idx
- 5 components
- Hero Sectionscode: hero-idx
- 12 components
- Logo Cloudscode: logocloud-idx
- 12 components
- Feature Sectionscode: feature-idx
- 18 components
- Statscode: stats-idx
- 10 components
- CTA Sectionscode: cta-idx
- 11 components
- Footerscode: footer-idx
- 10 components