totalautomotivegroup.co.uk was assembled quickly with an off-the-shelf template; the content hierarchy works, but the visual layer still feels generic. The task is to refresh that layer—nothing more, nothing less—so every page looks tailored to our brand while the underlying text, images, and URLs stay exactly where they are with minor changes Core focus • Navigation menu – streamline the ui, hierarchy, add smooth hover/touch feedback, and ensure flawless behaviour on mobile breakpoints. • Colour scheme & typography – define a cohesive palette and font stack that projects professionalism and improves legibility without bloating load times. • Interactive elements – redesign buttons, forms, and calls-to-action for stronger engagement, accessibility, and WCAG compliance. Feel free to reorganise or rewrite the CSS/SCSS, refactor HTML, and introduce light JavaScript where useful. Lightweight frameworks such as Tailwind, Bootstrap 5, or vanilla ES6 modules are acceptable provided they keep the pages fast (Lighthouse ≥ 85 on both desktop and mobile once complete). Process guidelines – Work in a private Git repo and share a staging link for iterative reviews. – Preserve all existing copy, imagery, and SEO-critical tags. – Test in the latest Chrome, Safari, Firefox, and Edge before each milestone. Deliverables 1. Revised theme/style files and any new assets (icons, SVGs, webfonts). 2. README or deployment notes detailing every change made. 3. Final pull request ready to merge into production. This project is reserved for an individual developer only—no agency delegations. Acceptance is complete once the refreshed interface is live on staging, passes cross-browser checks, and meets the performance score noted above.