🏠 Landing Page

Module ID: @saas/landing | Version: 1.0.0

Public marketing landing page with Hero, Features, Pricing, FAQ, and CTA sections inside an app/(marketing)/ route group.

Installation

npx shadcn@latest add @saas/landing

Dependencies

• button
• badge
• card

Routes

• (marketing)/layout.tsx
• (marketing)/page.tsx

Server Actions

No server actions

Post-Install Steps

Step 1 (manual): Remove or archive the existing app/page.tsx placeholder — the landing module owns the / route via app/(marketing)/page.tsx.

Step 2 (manual): Customise branding: update the site name in components/marketing/marketing-nav.tsx and components/marketing/marketing-footer.tsx.

Step 3 (manual): Update pricing tiers in components/marketing/pricing.tsx (DEFAULT_PRICING_TIERS) to match your billing plans once the billing adapter is live.

Step 4 (command): Run typecheck and lint to verify no import errors.

pnpm typecheck && pnpm lint

Step 5 (docs): Read the landing module docs for theming and customisation guidance.

Live Demo

https://your-app.zeabur.app/ Open ↗

🖥️

Landing Page — Live Demo

Configure your deployed Next.js app URL via the VITEPRESS_DEMO_BASE environment variable, then rebuild to enable live iframe embeds.

View demo at https://your-app.zeabur.app/

API Demonstration

GET/api/demo/landingGET /api/healthGET /api/auth/sessionPOST /api/auth/signin

Base URL (your deployed Next.js app)

Authorization Header (optional)

Try in Live App →

Server Actions note: Server Actions ("use server") are not callable cross-origin. Use the "Try in Live App" link above to interact with them.