Fullscreen Homepage Teaser Implementation

Hello Enfold Support,

We are currently building a fullscreen “coming soon” teaser for the homepage.

Originally we implemented it inside the Avia Layout Builder (using a blank template and code block elements). However, we ran into the following issues:
1. SVG and custom markup were partially filtered or not rendered reliably inside Codeblock/Textblock elements.
2. Even when using a blank template, the Enfold header/navigation briefly flashes before our fullscreen teaser takes over.
3. If JavaScript is delayed or disabled, users may only see a black overlay (because the animation controls visibility states via JS).

To avoid these issues, we moved the entire teaser injection into functions.php (hooked late in wp_footer), which gives us full control and avoids SVG filtering.

However, we would like to ask:

What is the recommended Enfold approach for implementing a true fullscreen custom homepage experience that:
• Completely suppresses header/navigation output (no flash at all)
• Does not rely purely on JavaScript for initial visibility
• Allows a clean no-JS fallback (static version of the page)
• Avoids content filtering issues

Would you recommend:
• A fully custom page template that replaces the theme output entirely?
• A specific Enfold hook that runs before header rendering?
• Or another best-practice approach inside a child theme?

We want to stay as close as possible to Enfold standards while maintaining full control over rendering order and fallback behavior.

Thank you very much for your guidance.

Best regards,
T