Cta 1

A centered call-to-action block with a radial glow background. It displays a heading, a paragraph, and two buttons. It animates on scroll with a spring effect. Use it to highlight a primary action or invitation.

byEdu Calvo from Smoothui

Installation

terminal

pnpm dlx layro-cli add @educlopez/cta-1

npx layro-cli add @educlopez/cta-1

npx layro-cli add @educlopez/cta-1

bunx layro-cli add @educlopez/cta-1

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Dependencies

Demo

"use client";

import SmoothButton from "@/components/smoothui/smooth-button";
import { motion, useReducedMotion } from "motion/react";

const SPRING = {
  bounce: 0.1,
  duration: 0.25,
  type: "spring" as const,
};

export function CtaCentered() {
  const shouldReduceMotion = useReducedMotion();