X Enterprises
Shared

Footer

Dark footer with brand blurb, quick links, social icons, and a newsletter CTA.

Shared

These components are used across the full layer. XRdNavbar and XRdFooter are typically placed in the layout file.

Components

<XRdFooter />

Dark (bg-gray-900) full-width footer with a 4-column layout: brand + social icons, Quick Links, a Cuisines column, and a newsletter subscription form. Link targets are currently hardcoded to the default restaurant directory routes.

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

Props

This component accepts no props.


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.
typical-page-section: Site footer in app.vue or layouts/default.vue.
Copyright © 2026