Forward LibraryBack to Forward

NavbarWithLogoActionsAndLeftAlignedLinks

Header with left-aligned navigation.

Preview

Use it

Import

import { NavbarWithLogoActionsAndLeftAlignedLinks } from '@/components/sections/navbar-with-logo-actions-and-left-aligned-links'

Agent prompt

Create a new Forward page.

Reference Oatmeal composition: home-03
Reuse components: NavbarWithLogoActionsAndLeftAlignedLinks
New route: [/your-route]
Breadcrumb hierarchy: [Forward / …]
Content changes: [describe copy, imagery, and calls to action]

Retain Forward’s Mauve palette, Mona Sans for display type, Inter for UI/body copy, rounded surfaces, responsive behavior, dark mode, shared header/footer, and larger type scale. Do not copy another brand’s visual system.

Main API

children: ReactNode
Content supplied by the page.

Browse components