/* Tier page renderer — takes a tierId and renders the full page */ const TIER_DETAILS = { launch: { color: "var(--green-spring)", blobColor: "radial-gradient(circle, rgba(91,186,66,0.5), transparent 65%)", features: [ { t: "Brand-true design", d: "We use your existing visual identity (or build one), so your site looks like you — not a template." }, { t: "Fast & mobile-first", d: "Builds load in under 2 seconds on a 4G phone. Most of your customers are looking on mobile." }, { t: "Real copywriting", d: "We write the words too. Plain English, focused on what your customers actually want to know." }, { t: "Found on Google", d: "On-page SEO baked in. Schema, sitemaps, fast hosting, the lot." }, { t: "Photography help", d: "We'll either shoot, source, or art-direct photos that don't feel like stock." }, { t: "Owned by you", d: "You get all the keys: domain, hosting, code, content. No platform lock-in." }, ], timeline: [ { n: "01", when: "Week 0", t: "Kickoff call", d: "20 minutes to understand your business, your customers, and what success looks like. We leave with everything we need to start." }, { n: "02", when: "Week 1", t: "Wireframes & content", d: "We sketch the structure, write first-draft copy, and gather assets. You review on a working preview link, not a PDF." }, { n: "03", when: "Week 2", t: "Design & build", d: "We build the real thing — designed in the browser. You see every screen as it comes together, with daily check-ins." }, { n: "04", when: "Week 3", t: "Launch & handover", d: "We launch with a smooth DNS cutover, walk you through how to update content, and stick around for two weeks of free tweaks." }, ], pricing: [ { name: "Launch · Essentials", price: "£1,800", sub: "One-time. Hosting included.", features: [ "Up to 5 pages", "Custom design (no templates)", "Mobile-first, fast load", "On-page SEO + Google setup", "Copywriting included", "2 weeks free aftercare", ], }, { name: "Launch · Plus", price: "£2,800", sub: "One-time. Hosting included.", featured: true, features: [ "Up to 10 pages", "Photography session (½ day)", "Booking or contact integration", "Blog / news section", "Local SEO for 3 nearby towns", "4 weeks free aftercare", ], }, ], faqs: [ ["How long does it take?", "Most Launch projects go live in 2–3 weeks. The bottleneck is usually getting copy and photos approved, not us building."], ["Do I need to write copy?", "Nope. We do that for you. You give us the facts, we make them sing."], ["What if I want to update it myself later?", "We hand over a simple CMS so you can edit text and images without learning anything technical."], ["Do you do hosting?", "We do — fast, secure hosting on Vercel or Cloudflare. You can move it whenever, no lock-in."], ], }, grow: { color: "var(--green)", blobColor: "radial-gradient(circle, rgba(30,154,77,0.5), transparent 65%)", features: [ { t: "Lead capture that works", d: "Forms that get filled in. We test, measure, and tune until it pulls its weight." }, { t: "WhatsApp callback", d: "Customers tap one button, message lands in your pocket. Same response speed as your competitors? No — faster." }, { t: "Online booking", d: "Calendars, deposits, reminders. Stops no-shows in their tracks." }, { t: "Smart follow-up", d: "Automated emails and texts so leads don't go cold over the weekend." }, { t: "Reporting dashboard", d: "Where leads come from, what they cost, what's converting. No more guessing." }, { t: "Reviews flywheel", d: "Auto-asks happy customers for Google reviews at the right moment." }, ], timeline: [ { n: "01", when: "Week 0", t: "Find the leaks", d: "We audit your current site/funnel and find where leads are dropping off. Often the fixes are obvious once you see them." }, { n: "02", when: "Week 1–2", t: "Build the funnel", d: "Lead forms, WhatsApp callbacks, booking flows. Everything wired up to your phone/email/calendar." }, { n: "03", when: "Week 3", t: "Plug in follow-up", d: "Automated sequences for when leads don't convert immediately. We write these too." }, { n: "04", when: "Ongoing", t: "Measure & tune", d: "Monthly check-in. We look at the numbers, you tell us what's selling, we sharpen the funnel." }, ], pricing: [ { name: "Grow · Funnel", price: "£3,200", sub: "One-time project fee.", features: [ "Lead funnel build", "WhatsApp + email capture", "Booking integration", "Follow-up automations", "Conversion reporting", "4 weeks aftercare", ], }, { name: "Grow · Engine", price: "£4,800", sub: "One-time project fee.", featured: true, features: [ "Everything in Funnel", "A/B testing programme", "Paid ads landing pages", "Monthly performance review", "Reviews automation", "Priority WhatsApp support", ], }, ], faqs: [ ["Will this work for my industry?", "If you sell to humans, it'll work. We've done it for plumbers, florists, accountants, dance schools. Different shape, same principles."], ["How quickly do leads start coming?", "First leads usually within a week of going live. Volume builds over 60–90 days as SEO kicks in."], ["Can it work with my existing CRM?", "Almost certainly. We integrate with Zoho, HubSpot, Pipedrive, Notion, or just a tidy spreadsheet."], ["Do you do paid ads?", "We build the landing pages and tracking. For ad management we partner with specialists we trust."], ], }, scale: { color: "var(--navy)", blobColor: "radial-gradient(circle, rgba(27,63,115,0.45), transparent 65%)", features: [ { t: "Bespoke to your workflow", d: "We don't bend you to fit the software. We watch how you work and build something that fits that." }, { t: "Invoicing & quoting", d: "Branded PDFs, send via email or WhatsApp, paid via Stripe link. Reconciles to Xero." }, { t: "Scheduling & jobs", d: "Drag-and-drop calendar for staff, customers see only what they should." }, { t: "Customer portal", d: "Customers log in to see their invoices, bookings, files. Removes 80% of \"can you resend that?\" emails." }, { t: "Roles & permissions", d: "Staff see what they need. Office see everything. Customers see their stuff." }, { t: "Plays nicely", d: "Talks to Xero, Stripe, Calendly, Google, Zoho — whatever you already use." }, ], timeline: [ { n: "01", when: "Week 0–1", t: "Watch & map", d: "We sit with your team for a couple of days. We map every workflow, every spreadsheet, every \"oh and then we have to...\" — you'd be amazed how much there is." }, { n: "02", when: "Week 2–4", t: "Prototype", d: "Working prototype of the core admin. You click around, break things, tell us what's wrong. We iterate fast." }, { n: "03", when: "Week 5–10", t: "Build & migrate", d: "We build the rest, migrate your data, and train your team. Two systems run in parallel for a week so nothing slips." }, { n: "04", when: "Ongoing", t: "Look after", d: "Monthly retainer for new features, fixes, and tweaks. Your system grows as your business does." }, ], pricing: [ { name: "Scale · Foundation", price: "£6,500", sub: "One-time build. Aftercare available.", features: [ "Core admin system", "Up to 3 modules (e.g. invoicing, students, scheduling)", "Data migration", "Team training", "Xero + Stripe integration", "8 weeks free tweaks", ], }, { name: "Scale · Full", price: "£12,000+", sub: "Scoped per business.", featured: true, features: [ "Everything in Foundation", "Unlimited modules", "Customer + staff portals", "Custom reporting", "Bespoke integrations", "Dedicated developer", ], }, ], faqs: [ ["Can't I just use Salesforce/HubSpot/etc?", "Sometimes yes — and we'll tell you if so. But for many small businesses, an off-the-shelf platform costs more and does less than something built for you."], ["How long does it take?", "8–14 weeks from kickoff to launch for most Scale projects. Bigger ones longer."], ["What if my needs change?", "They will. That's what the retainer is for. Most clients add features every quarter."], ["Where is the data hosted?", "On UK servers (or wherever you specify). We're GDPR-comfortable and security-first."], ], }, "adopt-ai": { color: "var(--orange-warm)", blobColor: "radial-gradient(circle, rgba(243,156,32,0.5), transparent 65%)", features: [ { t: "Quoting assistants", d: "Reads photos, notes, and measurements; drafts a quote. You check, click send. Three times faster than typing." }, { t: "Customer chat", d: "AI trained on your business that answers FAQs, books jobs, hands off to a human when it matters." }, { t: "Auto-drafting emails", d: "Newsletter you've been meaning to send? AI drafts five options based on what's happened this week." }, { t: "Knowledge base", d: "Searchable AI that knows your business — for training new staff in days, not weeks." }, { t: "Built on tools you trust", d: "We use Claude, GPT-4, Gemini — whichever fits. No lock-in, no funny business with your data." }, { t: "AI that says \"no\"", d: "We tune AI to escalate when it isn't sure. No hallucinated quotes. No confidently wrong answers." }, ], timeline: [ { n: "01", when: "Week 0", t: "Find the right job", d: "Most AI rollouts fail because they try to do everything. We pick one repetitive task that eats hours every week." }, { n: "02", when: "Week 1–2", t: "Build the assistant", d: "We build, train on your data, and ship a prototype. You play with it, we tune the prompts and behaviour." }, { n: "03", when: "Week 3–4", t: "Test in your business", d: "Soft launch to a small group of staff/customers. Measure. Fix what's awkward. Roll out fully." }, { n: "04", when: "Ongoing", t: "Improve every week", d: "AI gets better the more it's used. We watch the logs, refine prompts, add features. Quarterly model upgrades." }, ], pricing: [ { name: "Adopt AI · Pilot", price: "£250", sub: "Three 1-hour sessions over one week.", features: [ "Guided Claude or ChatGPT setup", "Find your highest-value use cases", "Build your first prompts together", "Written prompt library to keep", "30-day follow-up by email", ], }, { name: "Adopt AI · Assistant", price: "£4,500", sub: "One-time build. Aftercare available.", featured: true, features: [ "Custom AI assistant, built for your business", "Trained on your documents & processes", "Web + WhatsApp interface", "Human handoff when it matters", "Usage analytics", "8 weeks free tuning", ], }, { name: "Adopt AI · Programme", price: "From £9,500", sub: "Scoped per business.", features: [ "Multiple AI assistants", "Custom workflows end-to-end", "Internal + customer-facing use", "Integration with your admin systems", "Staff training & adoption", "Quarterly model upgrades", ], }, ], faqs: [ ["Is my data safe?", "We use enterprise APIs with no training opt-in. Your data stays your data. Never used to train public models."], ["What if the AI gets it wrong?", "We design with that as a given. AI suggests, humans approve — for anything that goes to a customer or affects money."], ["Which AI model?", "We pick the right one for the job. Claude, GPT, Gemini, open-source — they all have strengths. We're not religious about it."], ["Can it really save 5 hours a week?", "Yes — for the right task. Quoting, drafting emails, customer service, data entry. We're honest about which tasks AI is good at and which it isn't."], ], }, }; function TierPage({ tierId, basePath }) { const tier = TIERS.find((t) => t.id === tierId); const detail = TIER_DETAILS[tierId]; const [openFaq, setOpenFaq] = React.useState(0); // related tier for next-up CTA const idx = TIERS.findIndex((t) => t.id === tierId); const next = TIERS[(idx + 1) % TIERS.length]; return ( <>
Home Tiers {tier.label}
{tier.num}
Tier {tier.num} {tier.price}

{tier.headline}

{tier.blurb}

What's included

Everything you need, nothing you don't.

The {tier.label} tier is designed to solve one big problem brilliantly — not to be a Swiss Army knife.

{detail.features.map((f, i) => (
{String(i+1).padStart(2,"0")}

{f.t}

{f.d}

))}
How it goes

From kickoff to live, in four moves.

{detail.timeline.map((s, i) => (
{s.n}
{s.when}

{s.t}

{s.d}

))}
Pricing

Honest prices for honest work.

Fixed prices, no surprises. We scope thoroughly so you know exactly what you're getting.

{detail.pricing.map((p, i) => (
{p.featured && Most popular}

{p.name}

{p.price}

{p.sub}

    {p.features.map((f, j) => (
  • {f}
    • ))}
Get started
))}
Questions

Things people ask us.

{detail.faqs.map(([q, a], i) => (

{a}

))}
Ready when you are

Let's build your {tier.label}.

A free 20-minute call. We'll listen, ask good questions, and tell you honestly if we're the right fit.

What happens next

  • We reply within a few hours
  • Quick call to understand your situation
  • Written proposal with fixed price
  • If we're not the right fit, we'll say so
); } /* Distinct stylized art for each tier hero */ function TierHeroArt({ tierId }) { if (tierId === "launch") { return (
{/* mock browser */}
your-business.co.uk
Your business, looking sharp.
Tagline that says it like it is.
); } if (tierId === "grow") { return (
{/* funnel */} VISITORS · 1,240 LEADS · 142 CUSTOMERS · 38 {[...Array(8)].map((_, i) => ( ))} {[...Array(5)].map((_, i) => ( ))} {[...Array(3)].map((_, i) => ( ))}
💬
NEW LEAD · 2 SEC AGO
Sarah from Maidstone wants a quote
); } if (tierId === "scale") { return (
{/* sidebar */}
{["Dashboard", "Jobs", "Clients", "Invoices", "Staff"].map((t, i) => (
{t}
))}
Clients · 142
{[ ["Beckett & Sons", "Plumbing", "Active", "#5bba42"], ["Briar & Bloom", "Florist", "Active", "#5bba42"], ["Kentish Roofing", "Trades", "Active", "#5bba42"], ["LJB Carpentry", "Trades", "Trial", "#f39c20"], ["Perf. Hub", "Studio", "Active", "#5bba42"], ["Rochester Dance", "School", "Active", "#5bba42"], ].map((c, i) => (
{c[0]}
{c[1]}
{c[2]}
))}
); } if (tierId === "adopt-ai") { return (
✨
Quote Assistant
● Ready
I need a quote for a flat roof, 38m², in Maidstone.
Reading your photos and notes… Materials, labour, scaffolding included. Draft ready below.
QUOTE READY
£4,280
); } return null; } window.TierPage = TierPage; window.TIER_DETAILS = TIER_DETAILS;