Hero CTA Options (Internal)
10 layout/treatment variations of the homepage hero's "Plan Your Visit" / "Watch Online" CTA pairing, for side-by-side review. Not linked from the live site; noindex is set.
Option 1: Current (baseline)
You Belong Here.
Whether it’s your first Sunday or your hundredth, you’ll find a family here.
Option 2: Text link with arrow
You Belong Here.
Whether it’s your first Sunday or your hundredth, you’ll find a family here.
Option 3: Size hierarchy
You Belong Here.
Whether it’s your first Sunday or your hundredth, you’ll find a family here.
Option 4: Subtext line
You Belong Here.
Whether it’s your first Sunday or your hundredth, you’ll find a family here.
Can’t make it in person? Watch online →
Option 5: Single CTA only
You Belong Here.
Whether it’s your first Sunday or your hundredth, you’ll find a family here.
Option 6: Icon-only secondary
You Belong Here.
Whether it’s your first Sunday or your hundredth, you’ll find a family here.
Option 7: Stacked with divider
You Belong Here.
Whether it’s your first Sunday or your hundredth, you’ll find a family here.
Option 8: Full-width mobile + text link
You Belong Here.
Whether it’s your first Sunday or your hundredth, you’ll find a family here.
Option 9: Live-now pill
You Belong Here.
Whether it’s your first Sunday or your hundredth, you’ll find a family here.
Option 10: Low-contrast ghost
You Belong Here.
Whether it’s your first Sunday or your hundredth, you’ll find a family here.
Option Index
- Option 1: Current (baseline) — Both buttons size lg, side by side, equal visual weight. The control for comparison.
- Option 2: Text link with arrow — "Watch Online" demoted to a plain text link with an arrow icon, sitting below the primary button.
- Option 3: Size hierarchy — "Watch Online" rendered at size="md" while "Plan Your Visit" stays size="lg".
- Option 4: Subtext line — "Watch Online" moved out of the button row into a small subtext line below the primary button.
- Option 5: Single CTA only — Only "Plan Your Visit" shown — "Watch Online" removed from the hero entirely.
- Option 6: Icon-only secondary — "Watch Online" styled as a subtle icon-only circular button (YouTube glyph) next to the primary button.
- Option 7: Stacked with divider — Primary button prominent, then a thin divider/spacing gap, then the secondary action smaller below.
- Option 8: Full-width mobile + text link — Primary button full-width on mobile, secondary presented as a centered text link beneath.
- Option 9: Live-now pill — Secondary action presented as a "live now" style pill/badge with a live-indicator dot.
- Option 10: Low-contrast ghost — Both buttons kept, but secondary uses a no-border, colored-text-only treatment that recedes further than the current outline.