);
}
// -------- Page hero (for sub-pages) --------
function PageHero({ eyebrow, title, subtitle, children }) {
return (
{eyebrow}
{title}
{subtitle && (
{subtitle}
)}
{children &&
{children}
}
);
}
// -------- Service icon (geometric, original) --------
function ServiceIcon({ kind, size = 56 }) {
const stroke = "var(--brand)";
const sw = 1.6;
if (kind === "web") {
return (
);
}
if (kind === "app") {
return (
);
}
if (kind === "ai") {
return (
);
}
return null;
}
// -------- Service catalog (shared) --------
const SERVICES = {
web: {
slug: "web",
icon: "web",
name: "Website Development",
tagline: "Sites that load fast, rank high, and convert.",
description: "From marketing pages to full-stack web apps — built with modern stacks, polished motion, and SEO baked in from day one.",
subServices: [
{ slug: "business", name: "Business Websites", desc: "Brand-led marketing sites with a CMS your team will actually use.",
long: "A business website should sell while you sleep — and stay editable while you're awake. We design brand-led marketing sites that win the hero scroll, rank in search, and load instantly on a mid-range Android. CMS-powered so your team can ship a campaign without a Slack message to us.",
deliverables: ["6–10 pages of polished, branded design", "Headless CMS with role-based editing", "SEO + structured data + sitemap", "Analytics + conversion tracking", "30-day post-launch support"],
timeline: "3–6 weeks",
priceFrom: "from $6k",
},
{ slug: "ecom", name: "E-Commerce Websites", desc: "High-converting storefronts on Shopify, WooCommerce or headless.",
long: "We build storefronts that move product. Whether it's Shopify for speed, headless for performance, or a custom commerce stack for a specific catalog problem — we tune the funnel from landing through checkout, and instrument every step so you know what's working.",
deliverables: ["Custom theme with on-brand product templates", "Cart, checkout & payment integration", "Inventory & order management", "Conversion-rate tracking & A/B test setup", "Email + SMS lifecycle templates"],
timeline: "5–10 weeks",
priceFrom: "from $10k",
},
{ slug: "landing", name: "Landing Pages", desc: "Single-purpose pages built for paid campaigns and product launches.",
long: "When a single page has to carry the whole campaign, it needs to be obsessive about one outcome. We build focused landing pages with one job — that one conversion — and design every section, copy line, and motion cue to serve it.",
deliverables: ["Custom 1-page design + responsive variants", "Hero copy + benefit framing collaboration", "Form / booking integration", "A/B test variants", "Analytics & heatmap tracking"],
timeline: "1.5–3 weeks",
priceFrom: "from $2.5k",
},
{ slug: "portfolio", name: "Portfolio Websites", desc: "Editorial showcases for designers, photographers, and studios.",
long: "Your portfolio is the work. The site is the frame. We design editorial showcases that get out of the way — letting the photography, design, or product itself be the loudest thing on the page. Slow loads aren't allowed.",
deliverables: ["Editorial layout system, custom-tuned", "Case study templates", "Image optimization pipeline", "Subtle motion that respects reduced-motion", "CMS for adding work yourself"],
timeline: "3–5 weeks",
priceFrom: "from $5k",
},
{ slug: "webapp", name: "Custom Web Applications", desc: "SaaS dashboards, internal tools, and bespoke product experiences.",
long: "When off-the-shelf doesn't fit — a SaaS product, an internal tool, a bespoke workflow that lives in your business — we design and build the custom web app you need. Clean UX, tight performance, and a code handoff your engineers won't curse.",
deliverables: ["Product UX & UI, end to end", "Auth, roles & permissions", "Database design & API layer", "Testing & observability", "Documented handoff to your team"],
timeline: "8–16 weeks",
priceFrom: "from $25k",
},
],
features: [
"Pixel-perfect, motion-rich design",
"SEO + Core Web Vitals as a baseline",
"Accessible to WCAG AA",
"CMS-powered editing for non-devs",
"Analytics & conversion tracking wired in",
"Hosting + ongoing care plans",
],
tools: ["Next.js", "Astro", "React", "Tailwind", "Framer Motion", "Sanity", "Shopify", "Vercel"],
},
app: {
slug: "app",
icon: "app",
name: "App Development",
tagline: "Native-feel mobile apps, shipped on schedule.",
description: "We design and build production mobile apps for iOS and Android — with a focus on performance, polish, and tight feedback loops with your users.",
subServices: [
{ slug: "android", name: "Android App Development", desc: "Kotlin & Jetpack Compose apps tuned for the Android ecosystem.",
long: "Android isn't a smaller iPhone. We build apps the right way for the platform — Material You where it makes sense, Compose where it pays off, and tested across the long tail of Android devices that actually matter for your audience.",
deliverables: ["Native Kotlin + Jetpack Compose codebase", "Material 3 design system, themed", "Play Store launch & assets", "Crashlytics & performance monitoring", "Modular architecture for fast iteration"],
timeline: "10–16 weeks",
priceFrom: "from $20k",
},
{ slug: "ios", name: "iOS App Development", desc: "Swift apps that feel right at home on iPhone and iPad.",
long: "iOS users notice the details. We build Swift apps with native feel — proper haptics, system gestures, accessibility, and a launch animation that does the right thing. Submitted to the App Store with screenshots and copy that don't get sent back.",
deliverables: ["Swift + SwiftUI codebase", "iOS-native design language", "App Store launch & ASO", "TestFlight beta program", "Push notifications & deep links"],
timeline: "10–16 weeks",
priceFrom: "from $20k",
},
{ slug: "cross", name: "Cross-Platform Apps", desc: "One codebase across iOS, Android & web with React Native or Flutter.",
long: "When time-to-market matters and you don't have a 10-person mobile team, cross-platform earns its keep. We pick React Native or Flutter based on your needs and ship one codebase that feels native on both platforms — and updates twice as fast.",
deliverables: ["React Native or Flutter codebase", "Shared design system, platform-tuned", "Both stores submitted", "OTA updates configured", "Web target if applicable"],
timeline: "8–14 weeks",
priceFrom: "from $18k",
},
{ slug: "biz", name: "Business Management Apps", desc: "Field-ops, inventory, and back-office tools, built for your workflow.",
long: "The most valuable apps don't end up in the App Store. Internal tools for field teams, inventory, dispatch, ops dashboards — things that take a 15-minute task to 30 seconds. We build them, fast, and they live where your team works.",
deliverables: ["Custom workflow design", "Offline-first architecture", "Role-based access", "Reports & exports", "Internal distribution (MDM-ready)"],
timeline: "8–12 weeks",
priceFrom: "from $15k",
},
{ slug: "custom", name: "Custom Mobile Solutions", desc: "When the off-the-shelf doesn't fit — we design from first principles.",
long: "Sometimes your problem doesn't look like an app. Sometimes it's a hardware integration, a complex permissions story, or a category that doesn't exist yet. We've shipped weird things successfully — happy to talk about yours.",
deliverables: ["Discovery & technical spike", "Custom architecture proposal", "Phased delivery plan", "Production app, end to end", "Long-term roadmap"],
timeline: "12+ weeks",
priceFrom: "scoped per project",
},
],
features: [
"Native performance, native feel",
"Offline-first architecture",
"App Store / Play Store launch support",
"Analytics, crashes, and feature flags",
"Push notifications + deep links",
"Post-launch iteration sprints",
],
tools: ["Swift", "Kotlin", "React Native", "Flutter", "Expo", "Firebase", "Supabase", "Sentry"],
},
ai: {
slug: "ai",
icon: "ai",
name: "AI Automation",
tagline: "Cut the busywork. Compound the team.",
description: "We embed AI into the workflows your team runs every day — chat support, lead routing, internal ops, document handling — and measure the hours saved.",
subServices: [
{ slug: "chatbots", name: "AI Chatbots", desc: "On-brand assistants for sales, support and onboarding flows.",
long: "An AI chatbot worth deploying knows your product, escalates gracefully, and doesn't hallucinate prices. We build assistants grounded in your real docs, with proper guardrails, and a hand-off to a human when it matters.",
deliverables: ["Knowledge base ingestion + retrieval", "Tone-of-voice tuned prompting", "Human handoff workflow", "Conversation logging & quality review", "Eval suite to catch regressions"],
timeline: "3–6 weeks",
priceFrom: "from $8k",
},
{ slug: "workflow", name: "Workflow Automation", desc: "Stitch your tools together with reliable, observable pipelines.",
long: "Most teams have 30+ tools and three Notion docs explaining how to glue them together. We replace those docs with reliable, observable automations — n8n, Make, or custom code where it earns its keep.",
deliverables: ["Workflow audit & ROI map", "Production automations with monitoring", "Error handling + retry logic", "Dashboards for time saved", "Documentation + handoff"],
timeline: "2–6 weeks",
priceFrom: "from $5k",
},
{ slug: "crm", name: "CRM Automation", desc: "Lead scoring, enrichment, and routing inside your CRM of choice.",
long: "Your CRM is only as smart as the data going in and the rules running on top. We build lead enrichment, scoring, and routing automations directly into HubSpot, Pipedrive, or Salesforce — so your sales team works the right leads first.",
deliverables: ["Data enrichment integrations", "Custom scoring model", "Routing & SLA automations", "Reporting dashboards", "Sales team enablement"],
timeline: "3–5 weeks",
priceFrom: "from $7k",
},
{ slug: "support", name: "Customer Support Automation", desc: "Triage, draft replies, and escalate — with a human in the loop.",
long: "Tier-1 support is mostly the same questions in different sentences. We build AI triage that classifies, drafts, and routes — with humans in the loop on anything customer-facing. Your queue goes from anxious to boring.",
deliverables: ["Ticket classification model", "AI-drafted reply system", "Escalation rules", "Quality review dashboard", "Cost & accuracy tracking"],
timeline: "4–8 weeks",
priceFrom: "from $10k",
},
{ slug: "integration", name: "AI Integration Solutions", desc: "Bring LLMs into your existing product, safely and reversibly.",
long: "Adding AI features to a product you already shipped is a different problem from greenfield. We help you scope the right places to add intelligence, prototype them, evaluate, and roll out behind feature flags — reversibly.",
deliverables: ["AI opportunity audit", "Prototype + evaluation suite", "Production integration with feature flags", "Cost & latency guardrails", "Rollback playbook"],
timeline: "scoped per project",
priceFrom: "from $12k",
},
],
features: [
"Model-agnostic — pick what fits",
"Human-in-the-loop by default",
"Observability + cost guardrails",
"Eval suites before you ship",
"Private deployment options",
"Quarterly model & cost reviews",
],
tools: ["OpenAI", "Anthropic", "LangChain", "n8n", "Zapier", "Pinecone", "Supabase", "Make"],
},
};
// -------- Toast --------
function Toast({ message, onClose }) {
useEffect(() => {
if (!message) return;
const t = setTimeout(onClose, 3500);
return () => clearTimeout(t);
}, [message, onClose]);
if (!message) return null;
return (
{wordmark && (
Design Brains
)}