"use client"; import Button from "./Button"; const ContentLockup = ({ title, subtitle, description, ctaText, ctaHref, buttonClassName = "", }) => { return (
{/* Text content container */}
{/* Title and subtitle group - no gap between them at xl */}
{/* Title container */}

{title}

Decorative shapes
{/* Subtitle */}

{subtitle}

{/* Description - 20px gap from subtitle at xl */}

{description}

{/* CTA Button */}
{/* Small button for xsm and sm breakpoints */}
{/* Large button for md and lg breakpoints */}
{/* XLarge button for xl breakpoint */}
); }; export default ContentLockup;