Hero Simple Centered
Centered hero with heading, subheading, and call-to-action button on a soft gradient
hero
Hero with Image on the Right
heroText on the left, a large visual on the right: the classic 50/50 hero that lets you pitch and show your product at the same time.
Lighthouse 90+ WCAG AA Mobile-First Semantic HTML Tailwind CSS Free Forever
Use this block
Free to use — build your site, publish when ready.
Live preview
Some products are better shown than described. The 50/50 hero gives equal weight to your message and your visual: headline and CTA on the left, a product screenshot, photo or illustration on the right. It is the default choice for apps, e-commerce and services with a strong visual identity.
In Communik, the image slot accepts any media from your library and is automatically optimized (responsive sizes, lazy-loading, WebP). On mobile the two columns stack gracefully, image below the message.
Combine it with testimonials and a closing CTA to finish the page.
Frequently Asked Questions
Everything you need to know about our templates
What image size should I use?
Upload the largest version you have (ideally ≥1200px wide): Communik generates optimized responsive variants automatically, so pages stay fast.
Can the image go on the left instead?
Yes. Either pick the mirrored variant from the library or reorder the two columns directly in the editor.
What happens on mobile?
The columns stack vertically: message first, image below. Spacing and font sizes adapt automatically.
More blocks in this category
Hero Simple Left
Hero with content aligned left, optional badge, and two CTA buttons
hero
Hero Simple Right
Hero with content aligned right
hero
Hero Simple Two Buttons
Centered hero with two side-by-side buttons
hero
Hero Simple With Badge
Hero with 'New' or 'Announcement' badge above title
hero
Hero Simple Gradient Text
Hero with gradient color text on certain words
hero
Explore More Templates
Discover more templates and resources
About Sections
Browse about sections templates
Blog Sections
Browse blog sections templates
Commerce Sections
Browse commerce sections templates
Blog Module
Complete blog feature with multiple design variants
About Page Templates
Full page layouts in the about category
Templates for Education
Templates designed for education businesses
Instagram Templates
Templates with Instagram integration support
Trusted by thousands of websites worldwide
1,230+
Templates
31
Feature Modules
97
Design Variants
90+
Lighthouse Score
WCAG AA Accessible
Mobile-First
Semantic HTML
Tailwind CSS
Start Building for Free
Create your website in minutes with our drag-and-drop builder.
Free forever. No credit card required.