A reversed layout for visual variety
Use this version when the page needs a different rhythm. The image leads, giving the text a supporting role.
SV
JD
MK
---
import Cta6Block from "@/components/blocks/cta-6.astro"
import avatarSil from "@/assets/avatar-sil-veltman.webp"
import placeholderImage from "@/assets/placeholder.webp"
---
<Cta6Block
title="A reversed layout for visual variety"
description="Use this version when the page needs a different rhythm. The image leads, giving the text a supporting role."
buttons={[
{ label: "Browse blocks", href: "/blocks/" },
{
label: "Component docs",
href: "/components/",
variant: "outline",
},
]}
socialProof={{
avatars: [
{ image: avatarSil, initials: "SV", name: "Sil Veltman" },
{ image: avatarSil, initials: "JD", name: "Sil Veltman" },
{ image: avatarSil, initials: "MK", name: "Sil Veltman" },
],
rating: 5,
text: "No long pitch required",
}}
image={{ src: placeholderImage, alt: "Reversed CTA preview" }}
/>