---
_layout: BlockLayout
title: Features

section:
  heading: Fulldev-starter
  text: Get started with fulldev-starter by editing this page in src/content/pages/index.md.
  buttons:
    - text: Click me
      href: /
  cards:
    - icon: rocket
      heading: Ship websites fast
      text: Pre-built components used in pre-built blocks.
    - icon: pencil
      heading: Customize with ease
      text: Easily customize the look and feel of your website.
    - icon: typography
      heading: Repsonsive design
      text: Automatically cascades to fit any screen size.
---

```astro live props={{ title: 'Left' }}
---
import Features from 'fulldev-blocks/blocks/Features.astro'
---

<Features
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit."
  cards={[
    {
      icon: 'rocket',
      heading: 'Lorem ipsum',
      text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
    },
    {
      icon: 'pencil',
      heading: 'Lorem ipsum',
      text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
    },
    {
      icon: 'typography',
      heading: 'Lorem ipsum',
      text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
    },
  ]}
/>
```

```astro live props={{ title: 'Split' }}
---
import Features from 'fulldev-blocks/blocks/Features.astro'
---

<Features
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit."
  structure="split"
  button={{
    text: 'Lorem ipsum',
    href: '',
  }}
  cards={[
    {
      icon: 'rocket',
      heading: 'Lorem ipsum',
      text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
    },
    {
      icon: 'pencil',
      heading: 'Lorem ipsum',
      text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
    },
  ]}
/>
```