Secondary actions are visually subordinate to the primary CTA

Two equally-weighted filled buttons side-by-side force the visitor to compare them and decide which is the "right" path, and that micro-hesitation is enough to drive many visitors away entirely. Visual hierarchy — a solid primary button paired with an outline or ghost secondary — communicates the intended default action without words and eliminates choice paralysis at the hero, where attention is most fragile.

Give the primary action visual dominance and demote the secondary action to an outline or ghost variant so the hierarchy reads instantly. Update the hero actions block in components/hero.tsx:

<div className="flex gap-3">
  <Button variant="default" size="lg">Start Free Trial</Button>
  <Button variant="outline" size="lg">See How It Works</Button>
</div>

The outline variant says "this is optional"; the filled variant says "this is the thing to do."