"use client" import { Button } from "@/app/_components/ui/button" import { ArrowRight } from "lucide-react" export interface CTAContent { title: string description: string primaryButtonText: string secondaryButtonText: string } export interface CTASimpleProps { withBackgroundImage?: boolean content?: CTAContent } export const defaultCTAContent: CTAContent = { title: "Ready to get started?", description: "Join thousands of developers building better applications with MyloUI Blocks. Start your free trial today.", primaryButtonText: "Get Started Free", secondaryButtonText: "Contact Sales", } /** * CTASimple - Simple call-to-action section * * @description * A focused CTA section with headline, description, and action button. * Optional background image support for visual impact. * * @usage * ```tsx * import { CTASimple } from "@/components/blocks/cta-simple" * * * ``` * * @dependencies * - lucide-react (for icons) * - @/components/ui/button * * @props * - withBackgroundImage: boolean - Show background image * - content: CTAContent - CTA content object * * @category CTA * @tags landing, conversion, action */ export function CTASimple({ withBackgroundImage = false, content = defaultCTAContent, }: CTASimpleProps) { return (

{withBackgroundImage && ( <>

)}

{content.title}

{content.description}

) }

Simple CTA

Installation

Preview

Ready to get started?

Usage

Dependencies

shadcn/ui Components