Booking Card

Show Preview
Booking Card
Booking Card

About Booking Card

✦ Good things start with a conversation.

Make it easy to connect with a personal booking card, a bold portrait and clear calls to action. Make it completely your own with flexible controls for layout, styling and motion :)

⚙ What you can customize

Easily adapt every part of the component to match your own brand and style.

Portrait ✦ Image position ✦ Image width ✦ Name & role ✦ Headline ✦ Description ✦ Availability status ✦ Button labels ✦ Links ✦ New tab behavior ✦ Supporting note ✦ Side spacing ✦ Inner padding ✦ Border radius ✦ Border color ✦ Typography ✦ Background color ✦ Button colors ✦ Status color

🎯 Perfect for

Designer portfolios ✦ Creative studios ✦ Freelancers ✦ Consultants ✦ Personal websites ✦ Contact sections ✦ Project inquiries ✦ Intro call bookings

📱 Responsive by default

A side-by-side layout on wider screens turns into a stacked card on smaller widths, keeping your portrait, message and calls to action easy to explore. Adjustable side spacing gives your card room to breathe.

🖱 Included interactions

Subtle image zoom on hover ✦ Animated CTA arrows ✦ Booking & portfolio links ✦ Optional new tab links ✦ Keyboard-accessible links ✦ Visible focus states ✦ Reduced motion support

🔗 Live Preview

https://youthful-luxury-355001.framer.app/

––––––––

❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!

From felix strobel

Milestones Timeline
Stepflow Pro
Cinema Carousel
Features Cards

Related Components

Testimonial Reveal
Black Hole Galaxy
Unit Story
3D Scroll Showcase