ObjectionBuster Component Demo

This component addresses common fears/objections before CTAs using Dan Henry's "roadblock removal" framework. Test all three variants below.

Grid Variant (Default)

Best for: Service pages, landing pages. Shows objections in a 2-column grid.

Common Questions (Answered Honestly)

"What if it looks fake?"

If anyone can tell you got them done, I haven't done my job. Every stroke is designed to look like it grew there.

"What if it hurts?"

Most clients say it feels like light scratching—way less than a tattoo. I use premium numbing, and you're in control the whole time.

"What if I don't like it?"

We design your brows together BEFORE any pigment touches your skin. You approve the shape, color, and thickness. No surprises.

"What if healing is bad?"

I give you a complete aftercare kit and check in personally. The 30-40% darker color on day one? Totally normal—it fades to perfect.

List Variant

Best for: Mobile-first layouts, narrow containers. Stacks objections vertically.

Still On The Fence?

"What if it fades too quickly?"

Results last 1-3 years depending on skin type and aftercare. Touch-ups keep you looking fresh.

"What if I'm too old?"

Age is just a number! I work with clients from 20s to 70s. Beautiful brows have no age limit.

Inline Variant

Best for: Compact sections, sidebar content. More subtle styling.

"What if it fades too quickly?"

Results last 1-3 years depending on skin type and aftercare. Touch-ups keep you looking fresh.

"What if I'm too old?"

Age is just a number! I work with clients from 20s to 70s. Beautiful brows have no age limit.

Custom Styling

You can customize colors, spacing, and typography via the classes prop.

Your Concerns, Addressed

"What if it looks fake?"

If anyone can tell you got them done, I haven't done my job. Every stroke is designed to look like it grew there.

"What if it hurts?"

Most clients say it feels like light scratching—way less than a tattoo. I use premium numbing, and you're in control the whole time.

"What if I don't like it?"

We design your brows together BEFORE any pigment touches your skin. You approve the shape, color, and thickness. No surprises.

"What if healing is bad?"

I give you a complete aftercare kit and check in personally. The 30-40% darker color on day one? Totally normal—it fades to perfect.

Usage Example

---
import ObjectionBuster from '~/components/ui/ObjectionBuster.astro';

// Use with defaults
<ObjectionBuster title="Common Questions" />

// Use with custom objections
<ObjectionBuster
  variant="list"
  objections={[
    {
      fear: 'What if it looks fake?',
      response: 'Every stroke looks natural...',
      icon: 'tabler:eye-check',
    },
  ]}
/>

// Use with custom styling
<ObjectionBuster
  variant="grid"
  classes={{
    item: 'p-8 bg-custom',
    fear: 'text-gold-600',
  }}
/>
---

Integration Tips

  • • Place this component before major CTAs (Book Now, Contact, etc.)
  • • Use the grid variant on desktop-focused pages, list variant for mobile-first
  • • Customize objections per service page (microblading vs lip blush vs combo brows)
  • • Icons from Tabler Icons (via astro-icon). Browse at tabler.io/icons

Ready for better brows?

Book Now