// ============================================================= // Design Brains — Home Page // ============================================================= function HomePage() { return (
); } // -------- Hero -------- function Hero() { return (
Digital studio · Bogra, Bangladesh

Smart digital experiences
for ambitious teams.

We design, build, and automate — websites, mobile apps, and the AI that runs quietly behind them. Less template. More taste.

); } function HeroBackground() { return (
{/* Big half-disc echo of the logo's B-mark, drifting in from the right */} {/* Concentric rings — slowly counter-rotating, with traveling dots on each */}
{/* Traveler on inner ring */} {/* Traveler on middle ring */} {/* Traveler on outer ring */} {/* Pulse waves emanating from center */}
{/* Subtle grid */} {/* Floating dot — inspired by the logo's period */}
); } function HeroStats() { const stats = [ ["120+", "Projects shipped"], ["8 yrs", "Building digital"], ["24 hrs", "Avg. quote time"], ["12", "Time zones served"], ]; return (
{stats.map(([n, l]) => (
{n}
{l}
))}
); } // -------- Logo marquee -------- function LogoMarquee() { const items = ["NORTHWIND", "Helix Labs", "Aperture", "Tiger Pay", "VERDANT", "Studio Kōan", "Maple & Co", "Cobalt", "Hexa Group", "Riverline"]; return (
{[...items, ...items].map((b, i) => ( {b} ))}
); } // -------- Services Overview -------- function ServicesOverview() { const list = [SERVICES.web, SERVICES.app, SERVICES.ai]; return (
{list.map((s, i) => (
0{i + 1} / {String(list.length).padStart(2, "0")}

{s.name}

{s.description}

{s.subServices.slice(0, 3).map((sub) => (
→ {sub.name}
))}
Explore service →
))}
); } // -------- Why Us -------- function WhyUs() { const reasons = [ { n: "01", t: "Senior team, no hand-offs", d: "The designer who pitched you also pushes the code. No layered subcontractors." }, { n: "02", t: "Brutally clear scopes", d: "Fixed-price phases with line-item deliverables. You'll never wonder what you're paying for." }, { n: "03", t: "Ship every week", d: "We commit to a weekly demo. Momentum compounds — and so does feedback." }, { n: "04", t: "Built to be handed off", d: "Code, content, and AI workflows your team can extend without us. We hate vendor lock-in too." }, ]; return (
Why Design Brains

Boutique by choice.
Senior by design.

We've seen what happens when agencies scale headcount instead of taste. We're not interested. We keep the team small, the standard high, and the work in our own hands.

{reasons.map((r, i) => (
{r.n}

{r.t}

{r.d}

 ))}
); } // -------- Tech -------- function TechStack() { const groups = [ { label: "Frontend", items: ["React", "Next.js", "Astro", "Vue", "Svelte", "Tailwind", "Framer Motion"] }, { label: "Mobile", items: ["Swift", "Kotlin", "React Native", "Flutter", "Expo"] }, { label: "Backend", items: ["Node.js", "Python", "Postgres", "Supabase", "Firebase", "Redis"] }, { label: "AI", items: ["OpenAI", "Anthropic", "LangChain", "n8n", "Pinecone", "Make", "Zapier"] }, { label: "Ops", items: ["Vercel", "AWS", "Cloudflare", "Sentry", "Linear", "Figma"] }, ]; return (
{groups.map((g, i) => (
{g.label}
{g.items.map((it) => ( {it} ))}
))}
); } // -------- Process -------- function Process() { const steps = [ { n: "01", t: "Discover", d: "We sit with you, your team, and your data. By the end of week one we know what success looks like — and we've written it down." }, { n: "02", t: "Design", d: "Wireframes, prototypes, and a brand-aligned visual direction. You see real screens, not mood boards." }, { n: "03", t: "Build", d: "Weekly demos, transparent Linear board, daily Slack. You're never wondering where the project is." }, { n: "04", t: "Launch", d: "QA, performance audits, content load, and a clean launch checklist. Then we're on standby for the first 30 days." }, { n: "05", t: "Iterate", d: "Once it's live, the real work starts. We measure, learn, and ship improvements on a steady cadence." }, ]; return (
{steps.map((s, i) => (
{s.n}

{s.t}

{s.d}

 ))}
); } // -------- Showcase -------- function Showcase() { const projects = [ { tag: "WEB · E-COM", title: "Verdant Botanicals", subtitle: "Headless Shopify storefront for a plant subscription. +38% AOV in 90 days.", color: "#1A2E1A" }, { tag: "APP · iOS", title: "Tigerline Banking", subtitle: "Consumer iOS app for a digital-first bank serving 50k+ Bangladeshi customers.", color: "#241B0D" }, { tag: "AI · OPS", title: "Northwind Support", subtitle: "Tier-1 AI triage that handles 71% of tickets without a human reading them.", color: "#1A1F2E" }, { tag: "WEB · SAAS", title: "Helix Labs", subtitle: "Marketing site + customer portal for a Series B observability platform.", color: "#2E1A2C" }, ]; return (
{projects.map((p, i) => (
{p.tag}

{p.title}

{p.subtitle}

 ))}
); } function ShowcaseGraphic({ i }) { // Abstract placeholder graphics — different per index const variants = [ , , , , ]; return variants[i % variants.length]; } // -------- Testimonials -------- function Testimonials() { const items = [ { q: "We've used three agencies before Design Brains. None of them shipped on time, on scope, and on budget. These folks did all three.", a: "Ayesha Karim", r: "VP Product, Tigerline" }, { q: "The AI triage they built handles 70% of our support volume now. Our queue went from anxiety-inducing to boring. I'll take boring.", a: "Marcus Wynn", r: "Head of Ops, Northwind" }, { q: "They turned a mood board into a brand we now hear our customers use back to us. Worth every taka.", a: "Tahmid Chowdhury", r: "Founder, Verdant" }, ]; return (
{items.map((it, i) => (
"

{it.q}

{it.a.split(" ").map(s => s[0]).join("")}
{it.a}
{it.r}
 ))}
); } // -------- FAQ Preview -------- function FAQPreview() { const items = [ { q: "How long does a typical project take?", a: "Marketing sites: 3–6 weeks. Web/mobile apps: 8–16 weeks. AI automations: 2–8 weeks depending on scope. We'll give you a phase-by-phase calendar before you sign anything." }, { q: "What's the engagement model?", a: "Fixed-price phases for delivery, optional monthly care plan after launch. We don't do open-ended hourly billing — it's bad for both of us." }, { q: "Will my team be able to maintain what you build?", a: "Yes. We hand off documentation, recorded walkthroughs, and a 30-day support window. No vendor lock-in — ever." }, ]; const [open, setOpen] = useState(0); return (
FAQ

The questions
everyone asks first.

Quick answers below. The full list lives on the FAQ page — and if yours isn't there, we'll answer it personally.

{items.map((it, i) => (
setOpen(open === i ? -1 : i)} style={{ borderTop: "1px solid var(--border)", padding: "24px 0", cursor: "pointer", }} >

{it.q}

+

{it.a}

 ))}
); } window.HomePage = HomePage;