# Optimal Care Services Website - Project TODO

## Phase 1: Project Setup & Database Schema
- [x] Initialize webdev project with db, server, user features
- [x] Create database schema for services, testimonials, FAQ, blog posts, gallery images, and contact submissions
- [x] Set up database migrations
- [x] Create tRPC procedures for data retrieval and form submissions

## Phase 2: Homepage
- [x] Design and implement hero section with video/image placeholder
- [x] Add correct branding "Optimal Care Services" throughout
- [x] Display NDIS Provider Registration Number as trust signal
- [x] Implement testimonials/success stories section
- [x] Add call-to-action buttons (Book Assessment, Contact Us)
- [x] Ensure consistent footer with correct address and contact info

## Phase 3: Services Page
- [x] Create services database table with no duplicates
- [x] Design service card layout with icons and descriptions
- [x] Implement individual service detail pages
- [x] Add service filtering/categorization if needed
- [x] Ensure each service has unique, detailed description

## Phase 4: FAQ Page
- [x] Create FAQ database table with category organization
- [x] Implement accordion-style expandable Q&A
- [x] Organize FAQs into four categories: Services, NDIS Support, Caregivers, Billing & Plans
- [x] Ensure category filtering works correctly
- [x] Test accessibility of accordion component

## Phase 5: Gallery Page
- [x] Design photo grid or masonry layout
- [x] Create gallery image management system
- [x] Add image upload functionality (or placeholder images)
- [x] Implement responsive image display
- [x] Add alt text to all gallery images

## Phase 6: Contact Page
- [x] Create contact form with fields: name, email, phone, message, service interest
- [x] Implement form validation and submission
- [x] Create contact submissions database table
- [x] Embed Google Map with correct address: Suite 5, 14 French Avenue, Bankstown NSW 2200
- [x] Display all contact details (phone, email, address)
- [x] Add confirmation message after form submission

## Phase 7: Blog/News Section
- [x] Create blog posts database table
- [x] Design blog listing page
- [x] Implement individual blog post pages
- [x] Add blog post categories (NDIS Updates, Company News, etc.)
- [x] Create blog post management interface

## Phase 8: Branding & Address Consistency
- [x] Verify "Optimal Care Services" appears correctly on all pages
- [x] Verify address "Suite 5, 14 French Avenue, Bankstown NSW 2200" is consistent everywhere
- [x] Update footer with correct contact information
- [x] Create reusable constants for business name and address

## Phase 9: Accessibility (WCAG 2.1 AA)
- [x] Ensure proper color contrast ratios (4.5:1 for text)
- [x] Implement keyboard navigation throughout
- [x] Add alt text to all images
- [x] Ensure proper heading hierarchy (H1, H2, H3, etc.)
- [x] Test with screen readers
- [x] Ensure accessible font sizing and line spacing
- [x] Add focus indicators for interactive elements
- [x] Test form accessibility

## Phase 10: SEO Optimization
- [x] Add meta titles to all pages
- [x] Add meta descriptions to all pages
- [x] Implement proper heading hierarchy
- [x] Add structured data (Schema.org) for local business
- [x] Optimize images with proper alt text
- [x] Create XML sitemap
- [x] Add robots.txt
- [x] Ensure mobile responsiveness

## Phase 11: Testing & Validation
- [x] Test all forms (contact, referral)
- [x] Verify all links work correctly
- [x] Test responsive design on mobile, tablet, desktop
- [x] Validate HTML and CSS
- [x] Test accessibility with WAVE or similar tools
- [x] Test SEO with Lighthouse
- [x] Cross-browser testing

## Phase 12: Deployment & Delivery
- [x] Create final checkpoint
- [x] Prepare project for publication
- [x] Deliver website to user with documentation