4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T1ba0,/** * SaasLanding — a complete SaaS marketing page, assembled from registry sections. * * A template is composition, not a new component: every section below is the * same one you can install on its own, given content. That is the point — the * template shows how the pieces sit together and is meant to be edited, not * configured. * * Everything is content-driven through one `SaasLandingContent` object, so the * page can be rendered from a CMS payload without touching this file. Pass * `image` and `link` once and they reach every section that needs them. * * a11y: the heading outline is the template's job, and it is explicit here * rather than left to each section's default. The hero is the page's `

`; * every other band is an `

` with its own items at `

`. Because the * sections take `headingLevel` as a prop, that holds no matter how the page is * rearranged. * * `
` is rendered here, and `NavTop`'s `
` and `Footer`'s * `
` sit outside it, so the landmark structure is correct for the whole * document rather than for a fragment of it. * * Dependencies: react, @/lib/types, @/components/sections/. / import type { ReactNode } from "react" import type { CtaItem, ImageComponent, LinkComponent } from "@/lib/types" import { CtaBand } from "@/components/sections/cta-band" import { FaqAccordion, type FaqItem } from "@/components/sections/faq-accordion" import { FeatureGrid, type FeatureItem } from "@/components/sections/feature-grid" import { FeatureRows, type FeatureRowItem } from "@/components/sections/feature-rows" import { Footer, type FooterGroup, type FooterLink } from "@/components/sections/footer" import { HeroSplit } from "@/components/sections/hero-split" import { LogoCloud } from "@/components/sections/logo-cloud" import { NavTop, type NavItem } from "@/components/sections/nav-top" import { PricingTiers } from "@/components/sections/pricing-tiers" import { Stats } from "@/components/sections/stats" import { TestimonialsGrid } from "@/components/sections/testimonials-grid" import type { LogoItem } from "@/components/ui/logo-mark" import type { PricingTierItem } from "@/components/ui/pricing-tier" import type { StatItem } from "@/components/ui/stat" import type { TestimonialItem } from "@/components/ui/testimonial" export interface SaasLandingContent { brand: ReactNode nav: NavItem[] navActions?: CtaItem[] hero: { eyebrow?: string title: string description: string actions: CtaItem[] note?: ReactNode media?: ReactNode } logos?: { title?: string; items: LogoItem[] } stats?: { title?: string; eyebrow?: string; items: StatItem[] } features: { eyebrow?: string title: string description?: string items: FeatureItem[] } rows?: { eyebrow?: string title?: string description?: string items: FeatureRowItem[] } testimonials?: { eyebrow?: string title: string description?: string items: TestimonialItem[] } pricing?: { eyebrow?: string title: string description?: string items: PricingTierItem[] note?: ReactNode } faq?: { eyebrow?: string title: string description?: string items: FaqItem[] } cta: { eyebrow?: string title: string description?: string actions: CtaItem[] note?: ReactNode } footer: { groups?: FooterGroup[] brand?: ReactNode copyright?: ReactNode legal?: FooterLink[] } } export interface SaasLandingProps { content: SaasLandingContent image?: ImageComponent link?: LinkComponent /** Marks the active nav item. */ currentPath?: string /** Shown above the header. Usually a `Banner`. / banner?: ReactNode } export function SaasLanding({ content, image, link, currentPath, banner, }: SaasLandingProps) { const { hero, logos, stats, features, rows, testimonials, pricing, faq, cta, footer } = content return ( <> {banner}
{/ The only h1 on the page. */} {logos ? ( ) : null} {rows ? ( ) : null} {stats ? ( ) : null} {testimonials ? ( ) : null} {pricing ? ( ) : null} {faq ? ( ) : null}

) } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@facade","registryDependencies":["https://facadeui.dev/r/cta-band.json","https://facadeui.dev/r/faq-accordion.json","https://facadeui.dev/r/feature-grid.json","https://facadeui.dev/r/feature-rows.json","https://facadeui.dev/r/footer.json","https://facadeui.dev/r/hero-split.json","https://facadeui.dev/r/logo-cloud.json","https://facadeui.dev/r/logo-mark.json","https://facadeui.dev/r/nav-top.json","https://facadeui.dev/r/pricing-tier.json","https://facadeui.dev/r/pricing-tiers.json","https://facadeui.dev/r/stat.json","https://facadeui.dev/r/stats.json","https://facadeui.dev/r/testimonial.json","https://facadeui.dev/r/testimonials-grid.json","https://facadeui.dev/r/types.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/templates/saas-landing.tsx","content":"$50","type":"registry:component","target":"components/templates/saas-landing.tsx"}],"className":"h-[70svh] min-h-80"}]]}]