HeroCenteredWithPhoto
Centered introduction paired with a photo.
Preview
Use it
Import
import { HeroCenteredWithPhoto } from '@/components/sections/hero-centered-with-photo'Agent prompt
Create a new Forward page. Reference Oatmeal composition: home-03 Reuse components: HeroCenteredWithPhoto 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.