
Canada Maintenance Inc. Website - Development Summary
Frontend (React + TypeScript)
Core Features Developed:
Bilingual Support
- Full English/French translation using i18next
Modern UI
- Tailwind CSS with shadcn/ui components, Framer Motion animations
Responsive Design
- Mobile-first approach with breakpoint-aware layouts
Video Hero Section
- Auto-playing background videos with admin-managed carousel
Service Pages
- 6 detailed service pages with SEO meta tags, FAQs, and process steps
Before/After Gallery
- Interactive image comparison sliders for cleaning results
Quote Request Forms
- Lead capture forms on homepage and contact page
Blog System
- Full blog with pagination, featured images, and individual post pages
Google Reviews Integration
- Live reviews pulled from Google Places API
AI Chatbot
- Floating chat widget with company knowledge for visitor questions
Trust Badges
- ISSA and Ottawa Board of Trade membership logos
Backend (Express.js + Node.js)
API & Features Developed:
Quote Management
- POST/GET endpoints for quote requests with email notifications via Resend
Blog CMS
- Full CRUD for blog posts with rich text editor support
AI Blog Generation
- OpenAI-powered blog content generation with 4 rotating authors
Image Uploads
- Multer-based media upload system for blog featured images
Hero Video Management
- Admin endpoints for video CRUD with drag-and-drop reordering
Admin Authentication
- Token-based admin login system
AI Chatbot API
- OpenAI endpoint with comprehensive company knowledge
Static Sitemap
- 169-URL sitemap for SEO with all pages and blog posts
Database (PostgreSQL + Drizzle ORM)
Tables:
quote_requests
- Customer quote submissions
blog_posts
- Blog content with title, content, slug, author, SEO fields
hero_videos
- Managed video carousel for homepage
users
- Admin authentication (scaffolded)
Integrations
Resend
- Email notifications for new quotes
OpenAI
- AI blog generation and chatbot
Google Places API
- Live customer reviews
This was the old website.. It was wordpress... and the website was slow and wouldn't work. We revamped it and now check out the SEO results with the new website. CUSTOM WEBDESIGN BY Ottawa SEO Inc.