๐Ÿงช

Internal Developer & QA Test Suite

This settings suite allows you to test PWA standalone modes, header positions, hero layouts, bottom navigation styles, and section visibility. This page will be removed prior to public launch.

Developer Settings

Configure mobile dock, PWA standalone simulation, hero variants, layout headers, and section flags.

๐Ÿ“ฑ Progressive Web App (PWA)

Native WebApp Mode

When installed in Chrome, browser address bars are removed, the top nav auto-hides, and native mobile navigation is activated.

โ— WebApp Simulated Mode

Theme & Appearance

Select your preferred color mode across all devices.

light Mode

Mobile Bottom Navigation Dock

Configure the mobile navigation dock layout, labels, and action items.

Bottom Dock Style

Configure Visible Buttons

Desktop & Mobile Top Header

Customize the positioning and behavior of top navigation bars.

Desktop Header Style

Mobile Top Nav Bar Visibility

Mobile Header Position

Hero Component & Section Flags

Choose the active hero banner variant and toggle major homepage sections.

Hero Section Variant

Homepage Section Visibility

๐Ÿ› ๏ธ

QA Environment

Active Next.js 16 App Router runtime with client-side state synchronization.

Theme Mode:light
Bottom Dock:floating
Hero Variant:split

Reset Site Defaults

Restore all layout, theme, header, and section visibility settings to factory default values.