Canada Maintenance Inc. – Ottawa’s Trusted Commercial Cleaning & Janitorial Services

Canada Maintenance Inc. – Ottawa’s Trusted Commercial Cleaning & Janitorial Services

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.