feat(blox): 2026 visual polish and new layout options across blocks

- features: add bento layout (asymmetric first-card-featured grid with
  grid-flow-dense), subtitle field, per-item image support
- stats: add numbers_gradient option (bg-clip-text gradient numbers)
- pricing: gradient border wrapper on highlighted tier replacing ring,
  gradient CTA button on primary style; extracted TierCardContent
- testimonials: single item → featured card with decorative quote mark
  and gradient avatar fallback; multiple → responsive card grid
- cta-image-paragraph: rounded-2xl image wrapper with shadow, pill CTA
  button, circle-icon feature list
- cta-card: fix auto text-color detection on colored gradient cards;
  use full literal class strings (Tailwind scanner safety)
- parse_block_v3: radial gradient support, section_break mask-image
  fade, bg-color migration to section element when gradient_mesh active
  to fix stacking context (orbs at z:-10 no longer occluded)
This commit is contained in:
George Cushen committed 2026-05-02 17:03:52 +01:00
1 parent c0458a2e8f
commit a2bc56bd14
9 files changed
+383 -428

No files matched your search

@@ -55,6 +55,16 @@
{{ $gradient_mesh := $bg.gradient_mesh | default dict }}
{{ if $gradient_mesh.enable }}
{{ $has_gradient_mesh = true }}
{{/* Stacking-fix: the mesh wrapper sits at z-index:-10, while .home-section-bg sits at z-index:-1.
If we leave bg-color on home-section-bg, the colour paints OVER the mesh and the orbs are hidden.
Migrate the bg-color off home-section-bg and onto the section element itself, so the section's
own background paints BEHIND the mesh layer (orbs visible) and the radial gradient + image layers
on home-section-bg paint ABOVE the mesh (still visible). */}}
{{ if $style_bg }}
{{ $style = print $style $style_bg }}
{{ $style_bg = "" }}
{{ end }}
{{ $mesh_style := $gradient_mesh.style | default "orbs" }}
{{ $mesh_animation_raw := $gradient_mesh.animation | default "pulse" }}
{{ $mesh_intensity := $gradient_mesh.intensity | default "subtle" }}