Book A Call Button

Buttons 155

About

A polished call-to-action button featuring smooth Framer Motion spring animations where call icons transition vertically on hover for an engaging user experience.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Book A Call Button to your project and fits it to your theme.

Code

How Book A Call Button is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import { BookCallButton } from "@/components/ui/book-a-call-button"

export default function Home() {
  return (
    <div className="min-h-screen w-full bg-gradient-to-br from-slate-50 to-slate-100 dark:from-neutral-950 dark:to-neutral-900 flex justify-center items-center">
          <BookCallButton
            onClick={() => {
              console.log("Book a call clicked!")
              // Add your booking logic here
            }}
          />
    </div>
  )
}