Shared

These components are used across the full layer. XRDNavbar and XRDFooter are typically placed in the layout file. XRDStarRating is a utility display component usable anywhere a rating needs to be shown. XRDMenuCard is the richest shared component, supporting three layout variants and integrating with the useMenuCard() composable for config and dietary tag resolution. XRDComingSoon is the full-screen landing fallback shown when the homepage detects an unknown domain or xRestaurants.comingSoon.enabled is true.

Components

<XRDFooter />

Dark (bg-gray-900) full-width footer with a 4-column layout: brand + social icons (Facebook, Twitter, Instagram, LinkedIn), Quick Links (Home, Restaurants, Articles, About), Business Presence (Add a Restaurant, Claim your Business, Advertise, Business Support), and a newsletter subscription form. The brand name comes from appConfig.xRestaurants.name. Link targets are hardcoded to the default restaurant directory routes — for custom layouts prefer the marketing-layer footer.

<!-- app.vue or layout file -->
<XRDFooter />

Props

This component accepts no props. Brand name is read from appConfig.xRestaurants.name.

AI Context

category: Shared
package: "@xenterprises/nuxt-x-restaurants"
components:
  - XRDFooter
use-when: >
  Adding the dark site-wide footer to the Nuxt layout file with brand blurb,
  quick links, social icons, and newsletter subscription form. For a more
  configurable footer driven entirely by app config (columns, body copy,
  socials) prefer the marketing-layer footer consumed via the default layout.
typical-page-section: Site footer in app.vue or layouts/default.vue.