Gravity
Search…
Gravity
Welcome to Gravity
Getting Started
Stack
Updates
Changelog
Gravity Server
Introduction
Installation
Application Structure
REST API
Authentication
Config
Environment Variables
Database Queries
Handling Errors
Logging
Push Notifications
Email Notifications
User Feedback
Permissions (Roles)
File Uploads
Payments
Free Accounts
CLI Toolbelt
Testing
Gravity Web
Introduction
Tailwind & SCSS
Routing
Events
Authentication
Hooks
Views
Handling Errors
Deployment
Components
Animate
Article
Badge
Button
Card
Chart
Feature List
Feedback
Form
Grid
Header
Hero
Icon
Image
Layout
Link
List
Loader
Logo
Message
Modal
Nav
Notification
Onboarding
Pricing
Progress
Search
Social
Stat
Table
Tabs
Testimonial
Gravity Native
Introduction
Prerequisites
Installation
App Context
Authentication
Magic Links
Handling Errors
Navigation
Config
Events
Views
Components
Push Notifications
Payments
Building Your App
Mission Control
Introduction
Installation
User Management
Feedback
Events
Logs
Powered By
GitBook
Hero
The hero component renders a big, bad, bold hero section on your landing page.
1
<
Hero
2
title
=
'Build a Node.js & React SaaS app at warp speed'
3
tagline
=
'Gravity is the leading Node.js & React SaaS boilerplate. Get all features you need in a single install.'
4
image
=
{
ImgDashboard
}
5
/>
Copied!
prop
description
value
title
the h1 title
string
tagline
product tagline rendered inside h2
string
image
image source object
image source
alt
image alt tag
string
​
Previous
Header
Next
Icon
Last modified
1yr ago
Copy link