Marketing Shell

The marketing site frame: header navigation and actions, a mobile menu, the main landmark, and a footer.

When to use it

Every marketing page renders inside MarketingShell. Pass the navigation, sign in, the primary action, and the footer columns as data, and pass a Next.js Link as linkComponent; every marketing link inside uses it. Like the home page, turn off prefetching for links to the dynamic account pages.

Header, mobile menu, and footer

Open

Usage

Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.

View registry item