Bento & Layout
Two-Column Long-Copy Block
Newspaper-style two-column long-form copy split with explicit column slots, stacking to one column below desktop.
$ velocityx add two-column-long-copy Built for astro.
Full docs for Two-Column Long-Copy Block →
Needs a licence key —
subscribe here, then
velocityx loginonce.
The problem
Most teams track spend in one tool, leads in another, and reconcile the two by hand every Monday morning.
That manual step is where the numbers drift — a region gets double-counted, a campaign gets missed, and the weekly report takes longer to trust than to build.
The fix
One pull, scheduled, writing straight into the sheet your team already opens on Monday — no manual reconciliation step to drift.
Region splits come from user geography, not campaign naming, so the numbers hold even when a campaign covers more than one area.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| as | 'div' | 'section' | No | 'div' | |
| gap | 6 | 8 | 10 | 12 | No | 10 | |
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/two-column-long-copy/TwoColumnLongCopy.astro Using the Two-Column Long-Copy Block component
Install it with velocityx add two-column-long-copy.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Bento & Layout.
Reserves a stable aspect ratio for media to prevent layout shift, using the native CSS aspect-ratio property.
astroBreakpoint-free responsive card grid using CSS grid auto-fit/minmax, column count is purely a function of container width.
astroSingle card shell component with five variants (icon, stat, image, chart-slot, quote) sharing one accessible article shell.
astroResponsive 4-cell bento grid, 1 column on phone and 2x2 on tablet/desktop, with four named slots.
astro