Settings

Global Layout

Header & Footer

Components set here appear on every page of your website without needing to add them in the page builder.

Rendered at the top of every site page automatically

Edit header overrides below.

Rendered at the bottom of every site page automatically

Edit footer overrides below.

Page Layout Preview

Header: default-headerGlobal
Page-specific components (from Page Builder)
Footer: default-footerGlobal

Global Header Overrides

Project-specific header content (does not change the shared component).

Edit content for this placement. Use API to pull text live from any URL.

Add menu items with a label and URL. Use paths like /site/events or full https links.

Home/site/home
Events/site/events
About Us/site/about-us
Contact Us/site/contact-us

Header stays fixed at the top when scrolling

Adds a drop shadow beneath the header

Links

Global Footer Overrides

Project-specific footer content (does not change the shared component).

Edit content for this placement. Use API to pull text live from any URL.

Add links with a label and URL. Same format as the header menu.

Accessibility#
Get Directions#
Dining#
FAQ's#
Contact Us#
Terms and Conditions#
Privacy Policy#
Careers#

Reset & Dubai Opera Defaults

Delete all components, all pages, and clear global header/footer. Then create default components inspired by Dubai Opera: Site Header, Footer, Hero, Carousel, Cards Grid, and one Home page with layout.

Destructive: removes everything, then seeds defaults

Creates: Header · Footer · Hero · Carousel · Grid · Home page (no global header/footer)

Demo Website

Initialize a complete demo website with a Header, Movies Grid, Footer, and 3 pages (Home, Movies, Contact Us) in one click.

Creates: Header · Movies Grid · Footer · Contact Section · 3 Pages

Safe to run multiple times — existing components/pages may be overwritten

Regenerate Component Files

Regenerate all .tsx files in generated-components/ from current schemas.