Profile
ProfileHero
Full-width cover image banner with restaurant name, star rating, and meta badges.
Profile
Profile components build the restaurant detail pages. The Hero and Navigation components anchor the page chrome; the sub-sections (About, Hours, Map, Contact, Reviews, etc.) are slotted into the page layout. Most components accept a restaurant prop typed to the Restaurant or RestaurantApiResponse type from ~/types/restaurant.
Components
<XRdProfileHero />
Full-width cover image banner (96/72 responsive height) with a gradient overlay. Displays restaurant name, star rating with half-star support, review count, cuisine types, price level, and open/closed status.
<XRdProfileHero :restaurant="restaurant" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
restaurant | Restaurant | required | Restaurant object; uses coverImage, images[0], name, averageRating, ratingCount, reviewCount, cuisineTypes, priceLevel |
AI Context
category: Profile
package: "@xenterprises/nuxt-x-restaurants"
components:
- XRdProfileHero
use-when: >
Rendering the full-width cover image banner at the top of a restaurant
profile page with name, star rating, cuisine types, and price level.
typical-page-section: Top of restaurant profile page, above the navigation tabs.