FastHeroStandard

A responsive hero component.

Preview

Setup

Add this component under the home->layout level.

  • name: the component name
  • config
    • title: the main title
    • description : the description
    • buttons: Array format, support for multiple buttons
    • image: the picture shown on the right
app.config.ts
export default defineAppConfig({    app: {        home: {            layout: [                {                    name: 'FastHeroStandard',                    config: {                        title: "Fast to build your SaaS product",                        description: "Make the realization of small products easier",                        buttons: [                        {"name": "Get Start", href: "/"},                        {"name": "how to start", href: "/doc", type: "link"},                        ],                        image: {                        src: "https://cdn.pixabay.com/photo/2023/12/07/11/11/girl-8435340_1280.png"                        }                    }                }            ]        }    }})
Table of Contents

© Copyright 2024 fast2build