# Quality Assurance (QA) Checklist - Kevron Suites & Apartments

## 1. Visual Style & Styling Audits

- [ ] **Circular Buttons Check**: Verify that all buttons use `border-radius: 50px`.
- [ ] **Sharp Cards Check**: Verify that all cards and content sections use `border-radius: 0.1rem` and subtle borders (`rgba(0, 0, 0, 0.05) 0px 0px 0px 1px`).
- [ ] **Deep Card Hovers**: Verify that card background colors deep transition slowly upon hover states.
- [ ] **Font Caps Audits**: Ensure NO heading exceeds `1.8rem` (H1) and body text is capped strictly at `0.875rem` using clamp variables.
- [ ] **Alternate Layouts**: Verify that homepage and listing screens alternate section backgrounds cleanly.
- [ ] **Branding Contrast**: Verify that primary royal blue (`#2B3192`), sky cyan (`#1FADEA`), and gold accent (`#D6A84F`) render accurately.
- [ ] **Scrollbar Check**: Scrollbars must match the primary design brand color palette.

---

## 2. Dynamic Features Verification

- [ ] **Multi-Step Booking Widget**:
  - [ ] Real-time availability checks function correctly.
  - [ ] Price recalculations execute asynchronously upon modifying guest counts, dates, or add-ons.
  - [ ] Promo code validations work correctly.
  - [ ] Multi-stage validation works without errors.
  - [ ] Bank transfer receipt upload and confirmation flows work correctly.
- [ ] **Navigation Menu Checks**:
  - [ ] Autohide header behaves properly (hides on scroll-down, appears on scroll-up).
  - [ ] Dropdowns, Mega Menus and interactive elements toggle correctly on click/hover.
  - [ ] Mobile sliding hamburger menu operates smoothly on touchscreens.
- [ ] **Location Landing Page**:
  - [ ] Adeniyi Jones location page displays MM1/MM2 travel parameters accurately.
  - [ ] Nearby Police Station, Shoprite, and event centers mentions are readable.
- [ ] **SEO/GEO Validation**:
  - [ ] Confirm crawlable AI facts statement block exists on home and locations pages.
  - [ ] Test JSON-LD schema blocks using online schema tools.
- [ ] **Accessibility Widget**:
  - [ ] Test magnification states (+10%, +20%) across layouts.
  - [ ] Confirm keyboard tab navigations work on all form fields.
  - [ ] Test OS reduced motion override triggers.

---

## 3. Administrative Console Audits

- [ ] **Dashboard Logs**: Chronological audit logs register updates accurately upon updates.
- [ ] **Occupancy Calendars**: Visual calendars accurately map database reservation states.
- [ ] **Filament Forms**: Admin CRUD inputs function correctly with valid fields.
- [ ] **Responsive Analytics**: Administrative charts scale correctly without overflow on mobile devices.

---

## 4. Performance & Technical Verification

- [ ] **Media Optimization**: Ensure native `loading="lazy"` tags are present on layout images.
- [ ] **No Hardcoded Links**: Verify that relative route helpers (`route()`, `url()`) are used.
- [ ] **PWA Audits**:
  - [ ] Manifest registration executes properly.
  - [ ] Offline fallback displays correctly when connection drops.
- [ ] **Error Validations**: Check console logs for JS errors.