Home Page
HomePageFeaturedRestaurants
3-column grid of hand-picked restaurant cards.
HomePage
These components compose the restaurant directory's landing page. The listing grids (FeaturedRestaurants, PopularThisWeek, NewRestaurants) each accept a restaurants array from the page's async data calls.
Components
<XRdHomePageFeaturedRestaurants />
Three-column grid of XRdProfileCard components with a "View All" link. Shows an empty state when the array is empty.
<XRdHomePageFeaturedRestaurants :restaurants="featuredRestaurants" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
restaurants | array | [] | Array of restaurant objects rendered as profile cards |
AI Context
category: HomePage
package: "@xenterprises/nuxt-x-restaurants"
components:
- XRdHomePageFeaturedRestaurants
use-when: >
Displaying a curated 3-column grid of hand-picked restaurant cards on
the restaurant directory home page.
typical-page-section: Featured listings section below the hero.