Heroes

Used to display the core value proposition of your product or service above the fold.

Hero with form and background gradient
./src/blocks/heroes/HeroWithFormAndBackgroundGradient/HeroWithFormAndBackgroundGradient.js|ts
Full screen hero with subscription form
./src/blocks/heroes/FullScreenHeroWithSubscriptionForm/FullScreenHeroWithSubscriptionForm.js|ts
Hero with mobile app screenshot on the right
./src/blocks/heroes/HeroWithMobileAppScreenshot/HeroWithMobileAppScreenshot.js|ts
Simple Hero with search box and background image
./src/blocks/heroes/SimpleHeroWithSearchBox/SimpleHeroWithSearchBox.js|ts
Full screen hero with promo images and highlighted text
./src/blocks/heroes/FullScreenHeroWithPromoImagesAndTypedText/FullScreenHeroWithPromoImagesAndTypedText.js|ts
Full screen hero with shaped image
./src/blocks/heroes/FullScreenHeroWithImageSlider/FullScreenHeroWithImageSlider.js|ts
Hero with background video
./src/blocks/heroes/HeroWithBackgroundVideo/HeroWithBackgroundVideo.js|ts
Hero with illustration on the right and search bar on the bottom
./src/blocks/heroes/HeroWithIllustrationAndSearchBar/HeroWithIllustrationAndSearchBar.js|ts
Hero with primary background and desktop screenshot
./src/blocks/heroes/HeroWithPrimaryBackgroundAndDesktopScreenshot/HeroWithPrimaryBackgroundAndDesktopScreenshot.js|ts
Simple Hero with CTA buttons
./src/blocks/heroes/SimpleHeroWithCta/SimpleHeroWithCta.js|ts
Simple Hero with a video on the bottom
./src/blocks/heroes/SimpleHeroWithBottomVideo/SimpleHeroWithBottomVideo.js|ts
Hero with illustration on the right and CTA buttons on the bottom
./src/blocks/heroes/HeroWithIllustrationAndCta/HeroWithIllustrationAndCta.js|ts
Hero with logo grid and desktop app screenshot on the right
./src/blocks/heroes/HeroWithLogoGridAndDesktopScreenshot/HeroWithLogoGridAndDesktopScreenshot.js|ts
Full screen hero with logo grid
./src/blocks/heroes/FullScreenHeroWithLogoGrid/FullScreenHeroWithLogoGrid.js|ts
Hero for e-commerce web apps
./src/blocks/heroes/HeroForEcommerceApp/HeroForEcommerceApp.js|ts
Hero with dashboard screenshot on the right and CTA buttons on the bottom
./src/blocks/heroes/HeroWithDashboardScreenshotAndCta/HeroWithDashboardScreenshotAndCta.js|ts
Simple hero with image on the right and CTA buttons
./src/blocks/heroes/SimpleHeroWithImageAndCtaButtons/SimpleHeroWithImageAndCtaButtons.js|ts

© UI-demo. 2021, WebAngeles. All rights reserved

When you visit or interact with our sites, services or tools, we or our authorised service providers may use cookies for storing information to help provide you with a better, faster and safer experience and for marketing purposes.