add a clear value-prop in the hero + replace generic services with named services + add pricing
What changed: hero
View full page before/after
Agent's response
I’ve updated the page as requested:
**Hero section** – added a second badge right below the existing one that reads **“Fixed‑fee accounting that saves you time and money”**, giving a clear value‑prop up front.
**Services section** – replaced the generic introductory text (“All the accounting support you need…”) with a focused heading **“Our core services”** and removed the bulleted list, leaving the named service cards (Tax, BAS, Payroll, R&D, Business Structuring, Cash Flow Forecasting, ATO Liaison) as the main content.
**Pricing** – inserted a new **Pricing** section after the Services area. It presents a simple fixed‑fee overview and four plan cards (Custom, Sole Trader, Company, Trust) that link to the existing calculator for detailed pricing.
All changes are in draft mode and ready for your review. Let me know if you’d like any tweaks!
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": "hero"
}
read_section step 4
{
"page": "index.html",
"section": "calculator"
}
read_section step 5
{
"page": "index.html",
"section": "about"
}
read_section step 6
{
"page": "index.html",
"section": "hero"
}
read_section step 7
{
"page": "index.html",
"section": "services"
}
update_section step 8
{
"page": "index.html",
"section": "hero",
"html": "<section id=\"hero\" class=\"relative min-h-[100dvh] flex items-center hero-gradient noise-overlay overflow-hidden\" data-flare-id=\"87b0c5140f7c\">\n <!-- Subtle background shapes -->\n <div class=\"absolute inset-0 overflow-hidden pointer-events-none\">\n <div class=\"absolute -top-40 -right-40 w-[500px] h-[500px] rounded-full bg-accent/8 blur-3xl\"></div>\n <div class=\"absolute top-1/2 -left-32 w-[400px] h-[400px] rounded-full bg-accent/5 blur-3xl\"></div>\n <div class=\"absolute bottom-0 right-1/4 w-[300px] h-[
update_section step 9
{
"page": "index.html",
"section": "services",
"html": "<section id=\"services\" class=\"py-24 sm:py-32 bg-surface\" data-flare-id=\"b564e7b1f786\">\n <div class=\"max-w-6xl mx-auto px-5 sm:px-8\">\n <div class=\"text-center max-w-2xl mx-auto mb-16 reveal\">\n <span class=\"text-xs font-semibold tracking-[0.15em] uppercase text-accent mb-4 block\">Our Services</span>\n <h2 class=\"font-display text-3xl sm:text-4xl font-semibold text-primary leading-tight mb-5\">Our core services</h2>\n </div>\n \\n <div class=\"grid grid-cols-2 gap-5\">\\n <!--
add_section step 10
{
"page": "index.html",
"name": "pricing",
"label": "Pricing",
"html": "<section id=\"pricing\" class=\"py-24 sm:py-32 bg-surface\">\n <div class=\"max-w-6xl mx-auto px-5 sm:px-8\">\n <div class=\"text-center max-w-2xl mx-auto mb-16 reveal\">\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\">Simple, fixed‑fee pricing</h2>\n <p class=\"text-muted leading-relaxed text-lg\">No hourly rates. No surprise invoices. One tran
list_sections step 11
{
"page": "index.html"
}
add_section step 12
{
"page": "index.html",
"name": "pricing-plans",
"label": "Pricing",
"html": "<section id=\"pricing\" class=\"py-24 sm:py-32 bg-surface\">\n <div class=\"max-w-6xl mx-auto px-5 sm:px-8\">\n <div class=\"text-center max-w-2xl mx-auto mb-16 reveal\">\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\">Simple, fixed‑fee pricing</h2>\n <p class=\"text-muted leading-relaxed text-lg\">No hourly rates. No surprise invoices. On