A sample landing page
This page is used for visual testing of the landing layout and also showcases it's capabilities

Another hero block
You can add such blocks using the heroCardWide macro. The macro supports multiple layouts as demostrated by this block and the one above
Do somethingExplore use cases
#This is a landing section
Such blocks can be added using the landingSection macro. The three blocks beneath are also landingSections; they showcase the various layouts that can be achieved with the macro
#Landing section 2
Ut morbi tincidunt augue interdum velit euismod. Scelerisque felis imperdiet proin fermentum leo vel orci. Pulvinar elementum integer enim neque.

#Landing section 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

#Landing section 4
Ut morbi tincidunt augue interdum velit euismod. Scelerisque felis imperdiet proin fermentum leo vel orci. Pulvinar elementum integer enim neque.
#An expanded landing section
If you need to add an additional set of links to a landing section you can use the landingSectionExpanded macro
You can add custom links as with the standard landingSection macro.
#Expanded landing section - 2
The layout/style of the expanded landing section can be modified as per the standard landingSection
You can add custom links as with the standard landingSection macro.
#Use case landing section
Proposals to prevent third-parties from fingerprinting or collecting unlimited sensitive data.
Use Case 1
A custom link for this use case
A custom link for this use case
A custom link for this use case
Use Case 2
A custom link for this use case
A custom link for this use case
A custom link for this use case
More proposals
A custom link for this use case
A custom link for this use case
A custom link for this use case
#Landing deco
You can add banners like this using the landingDeco macro. Be sure to wrap it using landing-section class to keep padding consistent with the other blocks
#Landing deco 2
You can also add banners like the one above to the grid. On desktop, it will always float to the right and span two rows.
Landing section box 1
Using the landing-section--boxes class you can add a grid of boxes like this
Landing section box 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Landing section box 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Landing section box 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Landing section box 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua