SaaSLandingPageLayout (am-saas-landing-page-layout)

SaaSLandingPageLayout 提供 SaaS landing page 的 page-level flow，使用既有 NavMenu、Hero、FeatureGrid、PricingSection 與 Footer。它不會替 consumer 決定 billing、entitlement 或試用流程。

使用

---
import SaaSLandingPageLayout from "@astromer/core/components/SaaSLandingPageLayout.astro";
---

<SaaSLandingPageLayout
  brandLabel="Orbitly"
  navItems={[{ label: "Product", href: "#features" }, { label: "Pricing", href: "#pricing" }]}
  title="A calmer workspace for teams shipping every week."
  primaryAction={{ label: "Start free trial", href: "/signup" }}
  stats={[{ label: "Teams onboarded", value: "2,400+" }]}
  features={[{ title: "One clear workspace", description: "Keep decisions and handoffs together." }]}
  plans={[{ name: "Studio", price: "NT$2,400", features: ["Unlimited pages"], action: { label: "Choose Studio", href: "/signup" } }]}
  footer={{ copyright: "© 2026 Orbitly" }}
>
  <div slot="hero-media" aria-label="Product preview">Product preview</div>
</SaaSLandingPageLayout>

hero-media、social-proof 與 closing slots 可插入 product preview、logo cloud、testimonial 或 CTA。