ComingSoon
ComingSoon
The XRDComingSoon component renders a full-screen dark landing page with a background image, brand logo, headline, description, newsletter signup form, and social links. The homepage (/) renders it automatically in two cases:
- The configured domain returns a 404 from the API (
domain.getInfo()rejects with status 404), or appConfig.xRestaurants.comingSoon.enabled === true.
When XRDComingSoon is active the homepage calls setPageLayout('bare') so the standard navbar/footer chrome is replaced by the component's own internal header (logo only) and footer (privacy/terms/contact links).
All copy and assets are optional and fall back through the following chain:
| Surface | Fallback chain |
|---|---|
| Background image | xRestaurants.comingSoon.backgroundImage → xRestaurants.homePage.hero.backgroundImage → built-in Unsplash photo |
| Logo | xMarketing.header.logo.src → xRestaurants.logo → /logos/logo.svg |
| Title | xRestaurants.comingSoon.title → "${xRestaurants.name} — Coming Soon" |
| Description | xRestaurants.comingSoon.description → built-in default copy |
| Social links | xMarketing.footer.socials |
Usage
You don't normally use XRDComingSoon directly — it's rendered by the homepage when needed. To force it, set xRestaurants.comingSoon.enabled = true in your app.config.ts:
// app.config.ts
export default defineAppConfig({
xRestaurants: {
comingSoon: {
enabled: true,
title: "Opening Soon",
description: "We're curating the best local spots. Sign up for early access.",
backgroundImage: "/images/coming-soon-bg.webp",
launchDate: "2026-09-01",
},
},
})
You can also render it manually inside any page (e.g. for a /coming-soon route) — it manages its own full-height layout:
<template>
<XRDComingSoon />
</template>
Props
This component accepts no props. Everything is read from app config at render time.
AI Context
category: Shared
package: "@xenterprises/nuxt-x-restaurants"
components:
- XRDComingSoon
use-when: >
Displaying a full-screen "coming soon" landing page before the directory
is populated. Triggered automatically by the homepage when the configured
domain returns 404 or when xRestaurants.comingSoon.enabled is true.
Set comingSoon.title/description/backgroundImage to customise the copy
and imagery; falls back to the homepage hero background and built-in copy.
typical-page-section: Replaces the homepage when no domain data is available.