## Northwind Landing (S—482)

A complete SaaS landing page built from Sundae sections: hero, logo strip, features, metrics, testimonials, pricing, call to action and footer.

- URL: https://sundaeui.dev/components/northwind-landing
- Category: Templates & layouts · Art direction: Refined
- Access: Sundae Pro (authenticated install)
- Stack: React 18+, TypeScript, plain CSS; dependencies: none
- Install: `npx shadcn@latest add https://sundaeui.dev/r/northwind-landing.json`
- Tags: saas, pricing, hero, react, marketing, template, testimonials, landing-page

A whole page, ready to make yours. A nav that turns frosted once you scroll leads into Aperture Hero, a paused-on-hover logo strip, Chapter Features, Metric Strip, Testimonial Columns and Odometer Pricing, then a closing call to action with huge type over a fading grid, and a four-column footer.
Every section is a real Sundae component shipped alongside the page, so each one keeps working on its own and can be reordered, removed or reused elsewhere. The nav links scroll to the sections they name.
One installs it all: the page and its five sections land side by side in components/sundae. Light and dark (.dark), the page font, no animation library, and reduced motion respected throughout.

### Usage

```tsx
import { NorthwindLanding } from '@/components/sundae/northwind-landing'

export default function Page() {
  return <NorthwindLanding brand="Northwind" />
}

// Then edit the copy in components/sundae/northwind-landing.tsx.
```

### Props

- `brand` (`string`, default `'Northwind'`): Product name used in the nav, copy and footer.
- `nav` (`{ label: string; href: string }[]`): Nav links. Defaults point at the page’s own sections.
- `logos` (`string[]`): Names for the logo strip.

### Accessibility

- Landmarks: header with a labelled primary nav, main, footer with labelled link groups.
- The logo strip is read once as text; the moving copy is aria-hidden.
- Each section keeps its own accessibility behaviour (see their pages).