---
title: "Blocks"
description: "Full sections built from LaralCN-UI components: navbars, sidebars, app shells."
---

# Blocks

Ready-made sections assembled from the components. `php artisan ui:add-block <name>` installs the block and every component it needs.

## Navbar

- [navbar-01](https://laralcn-ui.abdulkadersafi.com/blocks/navbar-01.md): Classic top navbar with centered links, a dropdown, and dual call-to-action buttons. Collapses into a slide-in sheet on mobile.
- [navbar-02](https://laralcn-ui.abdulkadersafi.com/blocks/navbar-02.md): Minimal top navbar with centered links, a dropdown, and a single primary action. Collapses into a slide-in sheet on mobile.
- [navbar-03](https://laralcn-ui.abdulkadersafi.com/blocks/navbar-03.md): Navbar with a full-width mega menu: two grouped link columns plus a featured-articles panel. Mobile menu uses an expandable sheet.
- [navbar-04](https://laralcn-ui.abdulkadersafi.com/blocks/navbar-04.md): Navbar with a mega menu laid out as a two-column grid of icon, title, and description items. Mobile menu uses an expandable sheet.
- [navbar-05](https://laralcn-ui.abdulkadersafi.com/blocks/navbar-05.md): Compact navbar with a two-group mega menu and a footer call-to-action row inside the panel. Mobile menu uses an expandable sheet.
- [navbar-06](https://laralcn-ui.abdulkadersafi.com/blocks/navbar-06.md): Floating pill navbar that detaches from the top edge, with centered links, a dropdown, and dual actions. Collapses into a sheet on mobile.

## Application Shell

- [sidebar-01](https://laralcn-ui.abdulkadersafi.com/blocks/sidebar-01.md): Collapsible sidebar shell with workspace switcher, nav groups, and user footer. Ctrl/Cmd-B toggles it.

## Footer

- [footer-01](https://laralcn-ui.abdulkadersafi.com/blocks/footer-01.md): Newsletter footer: signup form beside two link columns and a social 'Follow Us' list, with a legal bar underneath.
- [footer-02](https://laralcn-ui.abdulkadersafi.com/blocks/footer-02.md): Wide sitemap footer: newsletter row on top, logo beside five link columns, then a legal bar with social icons.
- [footer-03](https://laralcn-ui.abdulkadersafi.com/blocks/footer-03.md): Boxed footer: logo, three link columns and a subscribe form inside a bordered card, with the legal bar outside it.
- [footer-04](https://laralcn-ui.abdulkadersafi.com/blocks/footer-04.md): Call-to-action footer: headline, blurb and two buttons on the left, two link columns and social icons on the right, inside a bordered card.
- [footer-05](https://laralcn-ui.abdulkadersafi.com/blocks/footer-05.md): Large sitemap footer: headline with two buttons, six link columns, and a logo row with an overlapping avatar stack.
- [footer-06](https://laralcn-ui.abdulkadersafi.com/blocks/footer-06.md): Contact footer: address, phone and email beside two link columns, closing on an oversized company wordmark.
- [footer-07](https://laralcn-ui.abdulkadersafi.com/blocks/footer-07.md): Newsletter footer with an oversized company wordmark: signup form, two link columns and a social list above the brand statement.
- [footer-08](https://laralcn-ui.abdulkadersafi.com/blocks/footer-08.md): Minimal footer: logo with a single row of links, a subscribe form, and an oversized company wordmark above the legal bar.