Vancouver Movers You Can Trust - Prestige Moving

Vancouver Movers You Can Trust - Prestige Moving

Project Overview

A premium, full-stack moving company website for Prestige Moving Vancouver featuring advanced CRM integration, AI-powered content generation, and comprehensive admin management.


Frontend Technologies

  • Framework:

    React 18 with TypeScript

  • Styling:

    Tailwind CSS with custom design system (Navy #1A2332 / Gold #C5A572)

  • UI Components:

    Shadcn/UI (Radix primitives)

  • State Management:

    TanStack Query (React Query) for server state

  • Routing:

    Wouter (lightweight React router)

  • Forms:

    React Hook Form with Zod validation

  • Animations:

    Framer Motion

  • Icons:

    Lucide React, React Icons

Frontend Features

  • Hero Video Slider

    with auto-rotation and admin-controlled video management

  • 12 SEO-optimized service pages

    with JSON-LD schema markup

  • Multi-step booking wizard

    (5 steps with real-time price estimation)

  • Room-by-room inventory calculator

    for accurate move estimates

  • Google Reviews carousel

    (337+ reviews integration)

  • Responsive design

    with mobile-first approach

  • Dark/light theme support

  • Blog system

    with category filtering and SEO optimization


Backend Technologies

  • Runtime:

    Node.js with Express

  • Language:

    TypeScript

  • Database:

    PostgreSQL (Neon serverless)

  • ORM:

    Drizzle ORM with Zod validation

  • AI Integration:

    OpenAI GPT-4o for content generation

  • Scheduling:

    Node-cron for automated tasks

Backend Features

  • SmartMoving CRM Integration

    - Real-time lead sync via REST API

  • Webhook System

    - Receives SmartMoving status updates

  • AI Blog Generator

    - Automated daily content creation (2 posts/day at 8 AM Pacific)

  • AI Image Generation

    - Featured images for blog posts

  • Session-based Admin Authentication

  • RESTful API

    with 40+ endpoints

  • Hero Video Management

    - Database-driven video configurations per page


Admin Dashboard

  • Booking management with status tracking

  • Package pricing editor (Premium/Deluxe/Diamond tiers)

  • Blog CMS with AI content generation

  • Hero video configuration per page

  • SmartMoving sync status and controls

  • Customer data from CRM


SEO & Performance

  • XML sitemap with 15+ indexed pages

  • Robots.txt for crawler guidance

  • Open Graph meta tags for social sharing

  • JSON-LD schema markup on all service pages

  • Cache control headers for fresh content delivery

  • Google Search Console verification ready


Key Integrations

  • SmartMoving CRM

    - Lead management and booking sync

  • OpenAI API

    - GPT-4o for blog content, DALL-E for images

  • Google Reviews

    - 337 reviews carousel display


Deployment