Pages
Home
The homepage at / — hero, featured restaurants, new arrivals, popular picks, special offers, stories, local dining guide, and FAQ.
Home
The root route renders the full homepage experience. It composes all XRDHomePage* section components in a vertically stacked layout driven by app.config.ts content configuration.
Route
/
Components Used
| Component | Role |
|---|---|
XRDHomePageHero | Full-width hero banner with title, description, and background image. |
XRDHomePageFeaturedRestaurants | Horizontally scrolling or grid of featured restaurants. |
XRDHomePageNewRestaurants | Recently added restaurants section. |
XRDHomePagePopularThisWeek | Popularity-ranked restaurant highlights. |
XRDHomePageSpecialOffers | Promotional offers section. |
XRDHomePageLatestStories | Latest blog/article previews. |
XRDHomePageLocalDiningGuide | Editorial dining guide content block. |
XRDHomePageShowcase | Visual showcase / spotlight section. |
XRDHomePageGrid | Grid layout of additional restaurant cards. |
XRDHomePageStats | Site-wide statistics (restaurants, reviews, etc.). |
XRDHomePageTestimonials | User testimonials carousel or grid. |
XRDHomePageFAQ | Frequently asked questions accordion. |
XRDHomePageFeatures | Feature highlights / selling points section. |
Data Fetching
Homepage data is fetched via useDomain() methods (getRestaurantsFeatured, getRestaurantsNew, getRestaurantsRandom, getRestaurantsTopRated) wrapped in useAsyncData calls. Hero text and section titles come from appConfig.xRestaurants.homePage.
AI Context
route: /
package: "@xenterprises/nuxt-x-restaurants"
use-when: >
Rendering the site homepage. All section content and copy is configured
via appConfig.xRestaurants.homePage. Data is fetched from the API using
useDomain() featured/new/random/top-rated methods.