Hero
A marketing hero section with a heading, supporting copy, primary and secondary CTAs, and a tiled image gallery.
We’re changing the way people connect
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua. Anim aute id magna aliqua ad ad non deserunt sunt.
Installation
npx shadcn-vue@latest add https://vuedocs.canceydejean.dev/r/hero.jsonUsage
Drop Hero at the top of a marketing page. It's self-contained and fills the available width.
<script setup lang="ts">
import { Hero } from "@/components/hero";
</script>
<template>
<Hero />
</template>