landing.page.as - Landing Page Preview

Preview MDXLD documents as conversion-optimized landing pages through landing.page.as.

What is landing.page.as?

landing.page.as renders MDXLD documents with $type: LandingPage as beautiful marketing landing pages with hero, features, pricing, and CTAs.

Basic Example

---
$type: LandingPage
$id: https://landing.page.as/my-product
title: Revolutionary Product
subtitle: The solution you've been waiting for
cta:
  primary: Get Started
  secondary: Learn More
hero:
  image: /hero.jpg
  video: https://youtube.com/watch?v=xxx
features:
  - icon: ⚡
    title: Lightning Fast
    description: Blazing performance out of the box
  - icon: 🔒
    title: Secure by Default
    description: Enterprise-grade security
  - icon: 🌍
    title: Global Scale
    description: Deploy worldwide instantly
pricing:
  - name: Starter
    price: $0
    features:
      - 10 projects
      - 100 GB storage
      - Community support
  - name: Pro
    price: $29
    featured: true
    features:
      - Unlimited projects
      - 1 TB storage
      - Priority support
testimonials:
  - quote: This changed everything for us
    author: Jane Doe
    role: CEO at TechCorp
    avatar: /jane.jpg
---

# {data.title}

{data.subtitle}

Renders at: https://landing.page.as/my-product

Features

Hero Section: Full-screen hero with image/video
Feature Grid: Highlight key benefits
Pricing Tables: Conversion-optimized pricing
Testimonials: Social proof section
CTA Buttons: Strategic call-to-action placement
Forms: Email capture and signups
Analytics: Conversion tracking built-in
A/B Testing: Test variations easily

Conversion Optimization

Landing pages include:

Above-the-fold CTA
Social proof (testimonials, logos)
Trust indicators (security, compliance)
Scarcity (limited time offers)
Clear value proposition

Preview URL

https://landing.page.as/{product-name}

Try It

# Deploy landing page
mdxe deploy product-landing.mdx --preview landing.page.as

# Opens: https://landing.page.as/product

landing.page.as