You are helping me build v1 of a professional website for a real local business. I am learning by doing at Tyneside Software. Work the way we build our own brand sites (especially https://tyneside.software) — not a generic Bootstrap template or a React SPA. ## Client (fill this in before you start — or leave blank for [PLACEHOLDER] copy) - Business name: YOUR_BUSINESS_NAME - One-line what they do: YOUR_ONE_LINE - Location / area: YOUR_AREA (e.g. North Tyneside) - Contact phone (WhatsApp-friendly): YOUR_PHONE - Contact email: YOUR_EMAIL - Primary CTA: e.g. WhatsApp us / Call for a quote / Book a visit - 3 things they want the site to say: YOUR_POINT_1 / YOUR_POINT_2 / YOUR_POINT_3 - Any services or products to list: YOUR_SERVICES If any field is missing, invent sensible North East placeholder copy labelled [PLACEHOLDER] so I can replace it later — do not block on perfect content. ## How Tyneside sites are done (match this craft) Study the public live site https://tyneside.software as the visual and structural reference. House style for v1: 1. Static site only — plain HTML + CSS (+ tiny JS only if needed). No React/Next/Vue. 2. GitHub Pages–ready — relative links (index.html, about.html), works via a simple local static server. 3. Layout pattern like Tyneside Software: - Top nav: logo/mark + brand word + a few section links + one strong CTA button - Hero: short kicker, big H1, 1–2 line tagline, short lead, 1–2 CTAs - Sections: alternate plain / alt background, clear H2s, short ledes - Content cards/panels in a 2-column grid where it helps - Footer: contact links, local / North East tone 4. Look & feel: clean, modern, mobile-first. Prefer a dark product feel close to tyneside.software (deep navy/slate, blue accent ~#3b82f6, clear type, rounded panels) unless the client is clearly better as light — if light, keep the same structure. 5. Tone: plain English, confident, no corporate fluff. 6. Contact: WhatsApp (https://wa.me/…) as primary when we have a phone; email secondary. 7. No fake backends for v1 — no databases, no auth, no payment. Forms can be mailto: or WhatsApp only. ## Deliverable for this session (v1 I can click around) Create a small multi-page static site in a single folder, e.g. website-v1/: - index.html — home (hero, what we do, services, why us, contact CTA) - about.html — short about the business / people - services.html — services list (or merge into home if very small) - contact.html — phone, WhatsApp, email, area covered (or strong contact on home) - styles.css — all styling (layout + theme variables; keep it tidy) - logo.svg — simple geometric mark if no real logo is provided - README.md — how to open locally and what to edit next ## Process 1. Scaffold the files now — do not wait for approval. 2. Make it coherent on mobile and desktop. 3. Start a simple local preview (e.g. python -m http.server in the folder) and tell me the exact URL. 4. Give me a short click-path: open home → Services → Contact → try WhatsApp link. ## Quality bar for v1 - Every nav link works - No broken layout at ~360px width - Real-looking copy (or clearly marked [PLACEHOLDER]) - Consistent buttons, spacing, section rhythm - Accessible basics: lang, viewport meta, alt on logo, visible focus ## Out of scope for this first pass - Deploying to production domain - Matching the full multi-brand Tyneside family nav (this is a client site, not a Tyneside brand property) - Backend, booking engines, or monorepos ## When v1 is ready — feedback I need from you After the site is viewable, stop and reply with: 1. What you built (pages + one sentence each) 2. How I open it (exact command / path) 3. What looks good already 4. What is still placeholder or weak 5. Suggested next steps in order for a junior — then encourage me to go wild: better copy, photos, GitHub Pages, extra pages, experiments I choose Do not wait for me to approve the plan — build v1 now, then give the feedback block.