lancetek.com

You are designing and building a website for the brief below. Work alone: nobody will answer
questions. When a skill asks you to offer choices or wait for approval, make the choice yourself and write it
down in site/NOTES.md.

Output rules:
- Write everything into ./site/ in this folder. Entry page: site/index.html. Each page in the brief is its own
  .html file in site/, linked from the navigation.
- Plain HTML, CSS and JavaScript that opens straight from disk (file://). No build step and no npm install for
  the site itself. Libraries and fonts may load from a public CDN (cdnjs, jsdelivr, unpkg, Google Fonts).
- Images: real photographs whose licence allows reuse (Unsplash, Pexels, Wikimedia Commons), by URL or saved
  into site/assets/, or your own SVG and CSS artwork. No other company's logo or trademark.
- Copy: real, plausible copy for this brief. No lorem ipsum. Do not invent testimonials, awards, client names
  or statistics presented as real; label sample content as a sample.
- It must work at 1440 px and at 390 px wide with no sideways scrolling.
- Do not use git. Do not read or change anything outside this folder. Do not install anything globally. Do not
  contact any service except to fetch public libraries, fonts and images, or what a skill in this folder needs.
- Finish by writing site/NOTES.md: the design direction in three to five lines, and which skills you used.

**What it is.** LanceTek, a one-person UK software company: custom software, agentic-AI automation, and DevOps /
self-hosted infrastructure for small businesses. It also publishes a Journal about the tools it uses to build for
clients, and why.

**Audience.** Owners and managers of small UK businesses who want software built or a process automated, and need to
trust a small supplier.

**Purpose.** Make a clear offer, show proof of real work (screens, diagrams, write-ups, not stock "team" photos), and
get a contact enquiry.

**Pages.**
1. Home: the offer in one line, three or four services, how working together goes, latest Journal entries, a call to
   action.
2. Services: each service with what you get, the typical shape of a project, and a price shape in pounds.
3. About: one person, how he works, the stack and the homelab behind it.
4. Journal: a list of articles (tool reviews framed for clients).
5. Contact: a short form (it does not need to submit anywhere) and what happens next.

**Tone.** Calm, competent, plain English, UK spelling; quietly technical, never salesy or agency hype.

**Brand.** Name "LanceTek". The current site is a generic blue-and-teal SaaS template, so the brand can be set fresh.
No stock photos of teams (it is one person), no invented client names, no invented results.