export default function AccountingMarketingServicesPage() {
const tiers = [
{
id: "starter",
name: "Starter — Foundation & Fast Wins",
tagline: "Fix the leaks. Get booked calls flowing.",
idealFor:
"Firms with leaky websites, thin reviews, and slow intake.",
deliverables: [
"Positioning + homepage rewrite (copy + wireframe)",
"Google Business Profile overhaul; NAP/citations cleanup",
"Review engine (email/SMS asks, templates, light automation)",
"Intake stack: booking calendar, qualifying form, autoresponder + SMS",
"Analytics: GA4 + GSC + call tracking + simple owner dashboard",
"6‑email nurture + 1 list re‑activation sequence",
"KPI plan + baseline report"
],
kpis: [
"Website → booked call conversion (target ≥2–4% depending on baseline)",
"Map Pack impressions, calls, direction requests",
"Review count (≥20 quickly), rating (≥4.7★), review velocity/mo",
"First‑response time <15 minutes (automation)",
"Leads/month vs. baseline"
],
note: "Month 1 build, then light upkeep",
cta: "Get the Starter Plan"
},
{
id: "growth",
name: "Growth — Demand Engine",
tagline: "Build a predictable pipeline beyond referrals.",
idealFor: "Firms that want steady, qualified demand.",
deliverables: [
"Everything in Starter",
"Niche/local service pages (3–5 to start; +2/mo)",
"Lead magnet + landing/thank‑you pages; UTM tracking",
"SEO content: 2 posts/mo tied to ICP pain; internal linking",
"Retargeting ads (setup, 2 creatives) + monthly offer A/B test",
"Case‑study kit: 2 short proof stories w/ outcomes & quotes",
"Quarterly webinar (option to co‑host/partner), promo emails & registration flow",
"CRM pipeline + automated follow‑ups/routing",
"Monthly reporting + 90‑day roadmap"
],
kpis: [
"Organic sessions & # of ranking keywords; % appearing in Local Pack",
"Cost per lead (downward trend) & qualified lead rate",
"Email list growth (MQLs/mo), webinar registrants & show rate",
"Booking show rate (≥70%), proposal win rate, sales cycle time",
"Retargeting CTR/CPL, winning offers"
],
note: "90‑day build, then ongoing optimization",
cta: "Build My Demand Engine"
},
{
id: "authority",
name: "Authority — Category Leader",
tagline: "Own your niche. Compound authority.",
idealFor:
"Firms aiming to dominate a vertical or expand geographies.",
deliverables: [
"Everything in Growth",
"Thought leadership: 1 POV article/mo + 4 LinkedIn posts/mo (ghostwritten)",
"Social proof videos: 3 client testimonials + 3 short reels/quarter",
"PR/micro‑PR: podcast tour + local/vertical features (list + pitching)",
"Offer innovation: quarterly packaged offers (e.g., Sales‑Tax Risk Scan)",
"CRO: monthly tests (headline/CTA/proof, booking flow, pricing page)",
"Content clusters scaled: 4–6 posts/mo, pillar pages, schema",
"Geo expansion: new location pages + advanced citations",
"Partner marketing: referral program ops + 1 co‑marketing campaign/quarter"
],
kpis: [
"Branded search volume & direct traffic",
"Quality backlinks/mentions; domain authority trend",
"Booked calls/month & blended CAC vs. LTV",
"Share of voice vs. top competitors",
"% revenue from partners; content‑influenced pipeline",
"Review velocity + sentiment"
],
note: "6+ months for compounding effects",
cta: "Make Us the Go‑To Firm"
}
];
const faqs = [
{
q: "What results can we expect — and when?",
a: "Starter unlocks fast wins in 2–4 weeks (better conversion, reviews, speed‑to‑lead). Growth typically lifts qualified leads within 60–90 days as pages rank and retargeting kicks in. Authority compounds over 3–6+ months with thought leadership, CRO, and partnerships. No gimmicks, just consistent execution."
},
{
q: "How do you prove ROI?",
a: "We set up GA4, call tracking, and UTM discipline from day one. Your owner dashboard shows booked calls, CPL by channel, qualified rate, win rate, and revenue. We review this monthly and adjust the plan accordingly."
},
{
q: "Do you guarantee results?",
a: "No agency can guarantee revenue. We do guarantee professional execution, transparent tracking, and a clear plan. If we’re not moving the right KPIs after 90 days, we’ll adjust scope or help you pivot."
},
{
q: "What do you need from us?",
a: "Access to your website/GBP/analytics/CRM, 3–5 short customer interviews, permission to request reviews, and an SME for quarterly content or webinars. We handle the rest."
},
{
q: "How are engagements structured?",
a: "Month‑to‑month with a 30‑day cancellation window. Starter is a one‑month build with optional upkeep; Growth and Authority are ongoing. Pricing is customized by firm size and goals."
},
{
q: "Can you work with our existing site and tools?",
a: "Yes. We can optimize your current stack or recommend upgrades if technical debt is blocking growth."
}
];
return (
<main className="min-h-screen bg-gray-50 text-gray-900">
{/* Top Nav */}
<header className="sticky top-0 z-40 w-full bg-white/80 backdrop-blur border-b border-gray-200">
<div className="mx-auto max-w-7xl px-6 py-4 flex items-center justify-between">
<a href="#top" className="text-xl font-bold">Accounting Growth Studio</a>
<nav className="hidden md:flex gap-6 text-sm">
<a href="#packages" className="hover:text-gray-700">Packages</a>
<a href="#process" className="hover:text-gray-700">Process</a>
<a href="#faq" className="hover:text-gray-700">FAQ</a>
<a href="#contact" className="inline-flex items-center rounded-xl border px-3 py-1.5 hover:bg-gray-50">Book a Call</a>
</nav>
</div>
</header>
{/* Hero */}
<section id="top" className="relative overflow-hidden bg-gradient-to-b from-emerald-50 to-white">
<div className="mx-auto max-w-7xl px-6 py-20 md:py-28">
<div className="max-w-3xl">
<h1 className="text-4xl md:text-6xl font-extrabold leading-tight">
Turn Your Firm into a Lead‑Generating Machine
</h1>
<p className="mt-4 text-lg md:text-xl text-gray-700">
We help accountants and bookkeepers fix leaky websites, rank locally, and turn traffic into booked consultations — predictably.
</p>
<div className="mt-8 flex flex-wrap gap-3">
<a href="#contact" className="rounded-2xl bg-emerald-600 text-white px-6 py-3 font-semibold hover:bg-emerald-700">Book a Discovery Call</a>
<a href="#packages" className="rounded-2xl border border-gray-300 px-6 py-3 font-semibold hover:bg-gray-100">See Packages</a>
</div>
<div className="mt-6 text-sm text-gray-600">
No long contracts • Transparent KPI tracking • Built for accounting firms
</div>
</div>
</div>
</section>
{/* Proof Strip */}
<section className="bg-white border-y border-gray-200">
<div className="mx-auto max-w-7xl px-6 py-8 grid grid-cols-1 md:grid-cols-3 gap-6 text-sm text-gray-700">
<div className="flex items-center gap-3"><span className="text-2xl">⭐️⭐️⭐️⭐️⭐️</span> <span>Review engine & Map Pack visibility that wins local searches</span></div>
<div className="flex items-center gap-3"><span className="text-2xl">📈</span> <span>Owner dashboard shows calls, CPL, win rate — in one place</span></div>
<div className="flex items-center gap-3"><span className="text-2xl">⚡</span> <span>Speed‑to‑lead automation to beat competitors to the reply</span></div>
</div>
</section>
{/* Packages */}
<section id="packages" className="mx-auto max-w-7xl px-6 py-20">
<div className="mb-8 text-center">
<h2 className="text-3xl md:text-4xl font-bold">Packages</h2>
<p className="mt-3 text-gray-700">Choose a plan that matches your goals. Upgrade any time.
</p>
</div>
<div className="grid gap-6 md:grid-cols-3">
{tiers.map((t) => (
<article key={t.id} className="rounded-3xl border border-gray-200 bg-white shadow-sm hover:shadow-md transition-shadow">
<div className="p-6">
<div className="flex items-center justify-between">
<h3 className="text-2xl font-bold">{t.name}</h3>
<span className="text-xs rounded-full bg-emerald-50 text-emerald-700 px-3 py-1 border border-emerald-200">{t.note}</span>
</div>
<p className="mt-2 text-gray-700">{t.tagline}</p>
<p className="mt-1 text-sm text-gray-500">Ideal for: {t.idealFor}</p>
<div className="mt-6">
<h4 className="font-semibold">What you get</h4>
<ul className="mt-2 space-y-2">
{t.deliverables.map((d, i) => (
<li key={i} className="flex gap-2"><span>✅</span><span>{d}</span></li>
))}
</ul>
</div>
<div className="mt-6">
<h4 className="font-semibold">KPIs we track</h4>
<ul className="mt-2 space-y-2">
{t.kpis.map((k, i) => (
<li key={i} className="flex gap-2"><span>📊</span><span>{k}</span></li>
))}
</ul>
</div>
<div className="mt-8">
<a href="#contact" className="inline-flex w-full items-center justify-center rounded-xl bg-emerald-600 px-4 py-3 font-semibold text-white hover:bg-emerald-700">{t.cta}</a>
</div>
</div>
</article>
))}
</div>
<p className="mt-6 text-center text-sm text-gray-600">Custom pricing based on firm size, locations, and goals. Month‑to‑month after the first 30 days.</p>
</section>
{/* ROI Snapshot */}
<section className="bg-white border-y border-gray-200">
<div className="mx-auto max-w-7xl px-6 py-16">
<h3 className="text-2xl md:text-3xl font-bold text-center">What Results Look Like</h3>
<div className="mt-8 grid gap-6 md:grid-cols-3">
<div className="rounded-2xl border p-6">
<div className="text-5xl font-extrabold">2–4x</div>
<p className="mt-2 text-gray-700">Lift in website‑to‑booking conversion after fixing positioning, proof, and CTAs.</p>
</div>
<div className="rounded-2xl border p-6">
<div className="text-5xl font-extrabold">60–90d</div>
<p className="mt-2 text-gray-700">Typical window to see steady qualified leads from SEO pages + retargeting.</p>
</div>
<div className="rounded-2xl border p-6">
<div className="text-5xl font-extrabold"><span className="align-baseline">⬇</span> CPL</div>
<p className="mt-2 text-gray-700">Lower cost per lead via tighter offers, targeting, and partner plays.</p>
</div>
</div>
</div>
</section>
{/* Process */}
<section id="process" className="mx-auto max-w-7xl px-6 py-20">
<div className="grid gap-10 md:grid-cols-3">
<div>
<h3 className="text-2xl font-bold">How We Work</h3>
<p className="mt-3 text-gray-700">Simple, fast, and owner‑friendly. You get momentum in weeks — not quarters.</p>
</div>
<ol className="md:col-span-2 space-y-6">
<li className="flex gap-4">
<div className="h-10 w-10 shrink-0 rounded-full bg-emerald-600 text-white grid place-items-center font-bold">1</div>
<div>
<h4 className="font-semibold">Diagnose & Align (Week 1)</h4>
<p className="text-gray-700">Interview, analytics snapshot, quick wins plan. Set KPIs and dashboards.</p>
</div>
</li>
<li className="flex gap-4">
<div className="h-10 w-10 shrink-0 rounded-full bg-emerald-600 text-white grid place-items-center font-bold">2</div>
<div>
<h4 className="font-semibold">Build Foundations (Weeks 1–4)</h4>
<p className="text-gray-700">Homepage, GBP, reviews, intake, nurture live. You start capturing more demand immediately.</p>
</div>
</li>
<li className="flex gap-4">
<div className="h-10 w-10 shrink-0 rounded-full bg-emerald-600 text-white grid place-items-center font-bold">3</div>
<div>
<h4 className="font-semibold">Scale Demand (Months 2–3)</h4>
<p className="text-gray-700">Local/niche pages, content cadence, lead magnet, retargeting, case studies, CRM automation.</p>
</div>
</li>
<li className="flex gap-4">
<div className="h-10 w-10 shrink-0 rounded-full bg-emerald-600 text-white grid place-items-center font-bold">4</div>
<div>
<h4 className="font-semibold">Compound Authority (Month 4+)</h4>
<p className="text-gray-700">Thought leadership, PR, CRO testing, content clusters, partners, and geo expansion.</p>
</div>
</li>
</ol>
</div>
</section>
{/* FAQ */}
<section id="faq" className="bg-white border-t border-gray-200">
<div className="mx-auto max-w-7xl px-6 py-20">
<h3 className="text-2xl md:text-3xl font-bold text-center">ROI‑Focused FAQ</h3>
<div className="mt-10 grid gap-6 md:grid-cols-2">
{faqs.map((f, i) => (
<div key={i} className="rounded-2xl border p-6 bg-white">
<h4 className="font-semibold">{f.q}</h4>
<p className="mt-2 text-gray-700">{f.a}</p>
</div>
))}
</div>
</div>
</section>
{/* Contact */}
<section id="contact" className="mx-auto max-w-7xl px-6 py-20">
<div className="rounded-3xl border border-gray-200 bg-emerald-600 text-white p-10 md:p-14">
<h3 className="text-3xl md:text-4xl font-extrabold">Let’s Turn Traffic into Booked Consultations</h3>
<p className="mt-3 text-emerald-50 max-w-2xl">
Tell us about your firm’s goals. We’ll share a quick plan, timelines, and transparent pricing.
</p>
<div className="mt-6 flex flex-wrap gap-3">
<a href="mailto:[email protected]" className="rounded-xl bg-white text-emerald-700 px-6 py-3 font-semibold hover:bg-emerald-50">Email Us</a>
<a href="#" className="rounded-xl border border-white/60 px-6 py-3 font-semibold hover:bg-white/10">Book a Call</a>
</div>
<p className="mt-4 text-sm text-emerald-50">Month‑to‑month after the first 30 days • No surprises • Clear KPIs</p>
</div>
</section>
{/* Footer */}
<footer className="border-t border-gray-200 bg-white">
<div className="mx-auto max-w-7xl px-6 py-10 text-sm text-gray-600 flex flex-wrap items-center justify-between gap-4">
<p>© {new Date().getFullYear()} Accounting Growth Studio. All rights reserved.</p>
<div className="flex gap-4">
<a href="#packages" className="hover:text-gray-800">Packages</a>
<a href="#process" className="hover:text-gray-800">Process</a>
<a href="#faq" className="hover:text-gray-800">FAQ</a>
</div>
</div>
</footer>
</main>
);
}