@vireya/blocks
Blocks Showcase
Pre-composed, themeable sections customized through props. Drop one in, tweak the props, ship.
Blocks are pre-composed page sections — heroes, pricing tables, feature grids, footers — assembled from Vireya components and customised entirely through props. Instead of rebuilding the same marketing markup on every project, you drop a block in, pass your content, and ship. Every block reads the same design tokens, so it inherits your theme automatically.
Each family below opens to live examples with copyable source plus a short guide on when to use it. Browse by category, or read more about theming & design tokens.
hero/*
Heroes
Page-opening sections — set the tone, frame the value, get the user to scroll.
cta/*
Calls to action
Conversion sections — banner, mid-page, or inline email capture.
feature/*
Features
Show what you do — icon grid, alternating rows, or a check-list of capabilities.
logoCloud/*
Logo clouds
Social proof — single row or grid, with optional grayscale.
pricing/*
Pricing
Tier comparison cards with popular highlight, or simple two-column.
testimonials/*
Testimonials
Social proof — quote grid or single featured statement.
faq/*
FAQ
Accordion list, single-column or sticky-title two-column.
contact/*
Contact forms
Get-in-touch sections — centered card or split with info column.
navbar/*
Navbars
Page header with the @vireya/ui NavigationMenu primitive — flat or with dropdowns.
footer/*
Footers
Multi-column links with brand, or minimal single-row.