Transform your standard contact buttons into an engaging user experience.
This component is designed to boost conversions by turning a simple call-to-action into a dynamic profile card. When users hover over the button, it smoothly reveals a beautifully formatted card showcasing your profile picture, availability badge, pricing details, and action links.
It is the ultimate sleek alternative to boring, traditional booking widgets.
Smooth Hover Expansion: Premium micro-interaction that expands seamlessly from a compact button into a rich detailed card.
Versatile Connectivity: Easily link the CTA buttons to scheduling platforms (Cal.com, Calendly), dedicated contact pages, or direct mailto: links.
Dynamic Badges: Includes a vertical availability badge (e.g., "Slots Open") to create urgency and drive bookings.
100% Customizable: Change images, adjust text fields, update colors, and swap icons directly from the Framer properties panel.
Fully Responsive & Clean: Built perfectly within auto-layout to ensure it looks flawless on any screen size.
Copy and paste the component into your Framer project.
Open the right-side properties panel to replace the default profile photo and text.
Add your custom links to the booking and profile buttons, and you are ready to launch!
Transform your standard contact buttons into an engaging user experience.
This component is designed to boost conversions by turning a simple call-to-action into a dynamic profile card. When users hover over the button, it smoothly reveals a beautifully formatted card showcasing your profile picture, availability badge, pricing details, and action links.
It is the ultimate sleek alternative to boring, traditional booking widgets.
Smooth Hover Expansion: Premium micro-interaction that expands seamlessly from a compact button into a rich detailed card.
Versatile Connectivity: Easily link the CTA buttons to scheduling platforms (Cal.com, Calendly), dedicated contact pages, or direct mailto: links.
Dynamic Badges: Includes a vertical availability badge (e.g., "Slots Open") to create urgency and drive bookings.
100% Customizable: Change images, adjust text fields, update colors, and swap icons directly from the Framer properties panel.
Fully Responsive & Clean: Built perfectly within auto-layout to ensure it looks flawless on any screen size.
Copy and paste the component into your Framer project.
Open the right-side properties panel to replace the default profile photo and text.
Add your custom links to the booking and profile buttons, and you are ready to launch!
