← Back to Portfolio | Live Production Site
Business Website

Surrey AI Automation
— Business Website

Full production website for a Power BI & data automation consultancy serving Metro Vancouver small businesses. Built from scratch — niche research, copywriting, conversion architecture, space-theme design, and Cloudflare edge deployment.

Vanilla HTML/CSS/JS Cloudflare Pages Power BI Data Automation Metro Vancouver Conversion Optimised Space Theme Zero Framework
3
Core Services
7
Nav Sections
10+
Years ERP/BI XP
0
Frameworks Used

Live Site Preview

surreyaiautomation.online
Live
ServicesProcessPricing WorkDemoAboutGet Free Audit
Stop Losing Deals to
Slow Data

Power BI dashboards & workflow automation for Surrey & Metro Vancouver businesses — built by someone who's lived inside your ERP for 10 years.

Get My Free Audit →

What Was Built

📊

Services Architecture

Three production-grade service pages: Power BI Dashboards, Process Automation, and System Integration — each with benefit-led copy targeting Surrey SMBs.

🎯

Conversion Copy

Wrote all headline copy and CTAs from scratch based on niche research — Power BI & data automation for 10–200 employee Metro Vancouver companies.

💰

Transparent Pricing

Three-tier pricing table (Starter / Growth / Enterprise) with clear deliverables and a "Get Free Audit" CTA on every tier. No hidden packages.

🌌

Space Theme UI

Black hole video background (bh-background.js) with calibrated brightness 0.32 and dark overlay gradient so text remains readable without losing brand identity.

📱

Full Responsive

Mobile-first layout with dedicated hamburger nav. Works flawlessly from 320px to 1440px without JS frameworks — pure CSS grid and flex.

Edge Deployment

Deployed on Cloudflare Pages for global CDN, automatic HTTPS, sub-100ms TTFB from Canada. Zero server maintenance required.

Pages & Sections

index.html

Hero, Services overview, Process, Pricing, Work samples, Demo, About, Contact

service-powerbi.html

Power BI Dashboards — benefits, deliverables, pricing, CTA

service-automation.html

Process Automation — workflow triggers, integration, ROI calculator

service-integration.html

System Integration — ERP connectors, data mesh, live sync

demo-restaurant.html

Live Power BI dashboard demo — restaurant KPIs, revenue tracking

demo-realestate.html

Real Estate dashboard — pipeline, deal velocity, agent performance

demo-trades.html

Trades / construction dashboard — job costing, crew utilisation

about.html

Founder story — 10+ years ERP/BI experience, Surrey-based, mission

Build Phases

Phase 1 — Cleanup

Remove non-core features, fix contact info, clean navigation

Archived and removed the Email Intelligence and Neural Intelligence sections that diluted the Power BI niche. Fixed phone number in JSON-LD and hero. Reduced nav from 9 items to 7 focused items.

Phase 2 — Readability

Background calibration and text-shadow system

Reduced video brightness from 0.55 → 0.32, max opacity from 1.0 → 0.38, added a 72% dark gradient overlay anchored to the hero section, and added text-shadow on all headlines for legibility against the space background.

Phase 3 — Content

Rewrite service pages for conversion

Coming — benefit-led rewrites of all three service pages, real social proof section, stronger About/Founder section with LinkedIn authority signals.

Phase 4 — Growth

Outreach scripts + LinkedIn content calendar

Coming — LinkedIn DM sequences for Surrey SMB owners, monthly content calendar, monitoring setup for uptime and form submissions.

Tech Stack

HTML5
CSS3
Vanilla JS
Cloudflare Pages
Wrangler CLI
JSON-LD SEO
CSS Custom Props
CSS Grid
Video BG
_headers CSP
Google Fonts
Responsive Nav