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