Beerwah Dental Redesign — Dental Clinic Website Redesign
A warm, modern, conversion-focused static website redesign for a dental clinic. Designed and hand-built by Themedown.
Quick Start
bash
git clone <repo-url>
cd beerwahdental-redesign
# Open index.html in your browser, or use a local server:
npx serve .
No build step. No npm install. Just open and go.
Pages
| Page | Description |
|---|---|
| Home | Asymmetric hero + quick-action strip + featured services + team + reviews + affiliations + payment + FAQ + CTA |
| About | Clinic story (stat card + prose) + values + team photo + split feature |
| Services | Service directory (mixed layout) + FAQ accordion |
| Contact | Contact methods + business hours + booking form + map placeholder |
Tech Stack
- HTML5 — Semantic markup, self-contained inline styles on homepage
- CSS3 — Custom properties, Grid, Flexbox, Grid accordion animation
- JavaScript — Mobile nav, FAQ accordion, form handler
- Lucide — CDN icons
Features
- Fully responsive — 1180px / 1024px / 767px breakpoints
- Asymmetric hero (clip-path ellipse + gradient overlay)
- Self-contained inline styles on homepage
- Quick-action strip + mixed service layout + review showcase + payment support
- CSS Grid accordion animation
- Accessible (skip link, focus-visible, aria attributes)
- prefers-reduced-motion support
- Zero build tools, zero framework dependencies
Design System
See design.md for the complete design specification — color tokens, typography scale, responsive breakpoints, accessibility rules.
Scripts
site.js— Mobile nav toggle, FAQ accordion, contact form submission handler
License
MIT — free for personal and commercial use.
