Hero
Image Side with Gradient
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Image Side with Gradient](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/image-side-with-gradient.jpg)
Multiple Images with Gradient
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Multiple Images with Gradient](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/multiple-images-with-gradient.jpg)
Image Side With Social Proof
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Image Side With Social Proof](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/image-side-with-social-proof.png)
Subtle Gradient Box
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Subtle Gradient Box](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/subtle-gradient-box.jpg)
Image Side with Email Form
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Image Side with Email Form](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/image-side-with-email-form.jpg)
Subtle Gradient with Header Links
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Subtle Gradient with Header Links](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/subtle-gradient-with-header-links.png)
Colorful Top Gradient with Header Links
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Colorful Top Gradient with Header Links](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/colorful-top-gradient-with-header-links.png)
Image Side with Header Actions
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Image Side with Header Actions](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/image-side-with-header-actions.jpg)
Image Side with Simple Header
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Image Side with Simple Header](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/image-side-with-simple-header.jpg)
Image Side with Simple Header Dark
Fully responsive design
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Image Side with Simple Header Dark](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/image-side-with-simple-header-dark.jpg)
Simple with Logo
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple with Logo](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/simple-with-logo.jpg)
Simple with Logo Dark
Fully responsive design
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple with Logo Dark](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/simple-with-logo-dark.jpg)
Simple with Logo Brand
Fully responsive design
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple with Logo Brand](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/simple-with-logo-brand.jpg)
Centered with Simple Header
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Centered with Simple Header](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/centered-with-simple-header.jpg)
Centered with Simple Header Dark
Fully responsive design
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Centered with Simple Header Dark](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/centered-with-simple-header-dark.jpg)
Centered with Simple Header Brand
Fully responsive design
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Centered with Simple Header Brand](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/centered-with-simple-header-brand.jpg)
Image Cover with Header Actions
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Image Cover with Header Actions](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/image-cover-with-header-actions.jpg)
Image Cover with Header Actions Dark
Fully responsive design
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Image Cover with Header Actions Dark](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/image-cover-with-header-actions-dark.jpg)
Image Cover with Header Actions Brand
Fully responsive design
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Image Cover with Header Actions Brand](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/image-cover-with-header-actions-brand.jpg)
Promo Box with Header Actions
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Promo Box with Header Actions](https://cdn.tailkit.com/media/screenshots/marketing/sections/hero/promo-box-with-header-actions.jpg)
Make them yours!