Reflex
  • Blocks
    • Header
    • Hero
    • Features
    • Call to action
    • Forms
    • Pricing
    • Team
    • Testimonials
    • Cards
    • Footer
    • Posts
    • Videos
  • Examples
  • Learn
  • Videos
  • Docs
  • Theme

    Theme reference

    • Colors
    • Font family
    • Font size
    • Font weight
    • Line height
    • Box shadow
    Create a theme Extend base
arshadcnv0.5.3
Reflex
Reflex

Add a hero

Let's start by adding a hero to the page.

We are going to use components to build the hero.

content/pages/about.mdx
---
title: Welcome to Reflex
excerpt: Description for this page. This is mostly used for the description meta tag.
---
<Section>
<Container>
<H1>Welcome to my site</H1>
<P>This is the a short description for the page</P>
<Image src="placeholder.jpg" />
</Container>
</Section>

This will render a hero as shown below:

Preview

Welcome to my site

This is the a short description for the page

Place the placeholder.jpg image file inside the /content/images directory.

Build a landing pageStyle the hero

© 2020 Reflex

  • Blocks
  • Examples
  • Learn
  • Docs
  • Github