Home Page

Content Area

This is where your main application content will be placed. The sidebar and header remain consistent across all pages extending this layout. Resize the browser to see the responsive behavior: the sidebar is hidden by default on mobile/tablet and slides out when the menu button is pressed.

The **desktop** sidebar is initially visible and pushes the content. The **mobile** sidebar is an overlay (fixed position) and the main content doesn't shift until you reach the large (`lg:`) breakpoint.