Lovable prompt to build a pricing page

Build a pricing page at /pricing with three tiers named Hobby, Team, and Scale.

Layout: three cards in a row on desktop, stacked at phone width, with the Team card visually promoted by a border, a badge, and slightly larger scale. Above the cards, a monthly and annual toggle rewrites prices in place and shows the annual saving as a small note, with no reload and no layout shift.

Content per card: the price, a one-line description of who the tier is for, a feature list where included items are checked and excluded items are dimmed rather than hidden, and a call-to-action button. Hobby routes to signup, Team routes to signup with a plan query parameter, and Scale opens a contact dialog that writes name, email, and message to a sales_leads table in Supabase.

Below the cards: a comparison table with feature rows and tier columns, a sticky first column when it scrolls horizontally at narrow widths, and a short FAQ accordion with five entries.

Edge cases: the toggle state persists in the URL hash so a shared link opens on annual, the contact dialog validates the email before insert and confirms the send, and keyboard users can operate both the toggle and the accordion.

Styling: prices large and baseline-aligned across cards so the tiers scan in one glance, a restrained palette with the accent reserved for the promoted tier and the buttons.

Acceptance: switching the toggle changes all three prices at once, the comparison table scrolls inside its own container rather than the page, and submitting the Scale dialog creates exactly one sales_leads row.