Home Page Layout Demo

This is a demo of the HomePageLayout component with Section and CardGrid components.

Component Controls

Section Settings

Size

Variant

Show Title

Show Description

CardGrid Settings

SM Columns

MD Columns

LG Columns

XL Columns

Gap

Demo Section

This section demonstrates the Section and CardGrid components with interactive controls.

Card 1

This is demo content for card 1. The layout changes responsively based on your selections above.

Card 2

This is demo content for card 2. The layout changes responsively based on your selections above.

Card 3

This is demo content for card 3. The layout changes responsively based on your selections above.

Card 4

This is demo content for card 4. The layout changes responsively based on your selections above.

Card 5

This is demo content for card 5. The layout changes responsively based on your selections above.

Card 6

This is demo content for card 6. The layout changes responsively based on your selections above.

wait a moment please