the pricing tiers should be a clear 3-column comparison table on desktop
What changed: calculator
View full page before/after
Agent's response
The pricing tiers in the “calculator” section have been replaced with a clear three‑column comparison table (Sole Trader, Company, Trust) that displays on desktop as a grid (`lg:grid-cols-3`). Each column shows the plan name, monthly price, key features with check‑mark icons, and a “Get Started” call‑to‑action button. The draft is ready for your review.
Tool calls
list_sections step 1
{
"page": "index.html"
}
read_section step 2
{
"page": "index.html",
"section": "services"
}
read_section step 3
{
"page": "index.html",
"section": "calculator"
}
update_section step 4
{
"page": "index.html",
"section": "calculator",
"html": "<section id=\"calculator\" class=\"py-24 sm:py-32 bg-canvas\">\n <div class=\"max-w-6xl mx-auto px-5 sm:px-8\">\n <span class=\"text-xs font-semibold tracking-[0.15em] uppercase text-accent mb-4 block\">Pricing</span>\n <h2 class=\"font-display text-3xl sm:text-4xl font-semibold text-primary leading-tight mb-5\">\n Know your costs before you commit\n </h2>\n <p class=\"text-muted leading-relaxed mb-8\">\n No hourly rates. No surprise invoices. Our fixed-fee model means you know exactly what you