Skip to content
All work

Case study 04 / 09

Client project · 2026

Prime Global

Corporate website for Prime Global Supplies & Services Corporation, a Canadian logistics and procurement company, with CMS-managed content and a contact form delivered through Zoho Mail.

Role
Sole developer
Stack
  • Next.js
  • React
  • JavaScript
  • Tailwind CSS
  • Sanity
  • Framer Motion
  • Zoho Mail API

Credit

The visual design was adapted from the free “Logistica” template by HTML Codex and rebuilt as Next.js components with Tailwind CSS.

Prime Global homepage: a dark hero over a truck photo reading “Modular Infrastructure & Construction Support”, with service cards and “Our Services” and “Request a Quote” buttons.
ScreenshotHomepage of the live site. Screenshot captured October 2026.

01

Overview

Prime Global Supplies & Services Corporation is an international logistics, supply and procurement company headquartered in Burlington, Ontario, serving governments, NGOs, UN programmes and private companies.

I built its website: service, supply, compliance and global-reach pages managed in Sanity, an insights blog, and a contact form that reaches the company’s inbox.

02

The brief

The company works across logistics, infrastructure, leasing, facility services and emergency supply. The site has to explain a broad offer clearly to institutional buyers and let the team update services, offices and articles themselves.

03

Role and scope

Role
Sole developer
Scope
Next.js build, Sanity content model and seed script, the Zoho Mail contact integration and technical SEO.

04

Main features

  • Eight content sections

    Home, about, services, supply, compliance, global reach, insights and contact, plus a custom 404 page.

  • Content in Sanity

    Nine content types, from hero slides and services to offices and blog posts, edited in an embedded Studio.

  • One-command seeding

    A seed script loads all of the site’s content into Sanity in one batch.

  • Contact by Zoho Mail

    The contact form posts to a Next.js API route that emails the company inbox through the Zoho Mail API, with the visitor set as reply-to.

  • Animated hero

    A custom carousel with autoplay, pause on hover, arrows, dots and a progress bar.

  • Technical SEO

    Per-page metadata, Open Graph cards, organization structured data and a sitemap that includes blog posts.

05

How it’s built

  • Zoho Mail over OAuth

    The contact route exchanges a refresh token for an access token and sends a branded HTML email through Zoho Mail’s REST API.

  • Works without the CMS

    Data fetching returns nothing when Sanity is not configured, and the hero falls back to built-in slides.

  • Template to components

    The template’s Bootstrap HTML was rebuilt as React components styled with Tailwind CSS.

Integrations

  • Sanity CMS
  • Zoho Mail API (OAuth)
  • Framer Motion

06

Screenshots

  • Prime Global services page headed “Our Services”, listing five integrated service areas as pill buttons on a dark background.
    ScreenshotServices page on the live site. Screenshot captured October 2026.
  • Prime Global homepage on a phone: logo, menu button and the hero headline over a truck photo.
    ScreenshotHomepage on a phone. Screenshot captured October 2026.

07

Challenges and decisions

  1. A broad offer in one structure

    Services, supply categories, compliance and offices each have their own content type, so the navigation follows how buyers look for a supplier.

08

What was delivered

  • A live corporate website at primeglobal-corp.com
  • Services, offices and a blog managed in Sanity
  • A contact form delivered to the company inbox
  • A technical SEO foundation

Next case study 05 / 09

Next case study: Glamify Wellness Spa

Client website · 2026

A responsive, animated marketing site for a ladies-only skincare and beauty spa, built with Next.js 16, Tailwind CSS and shadcn/ui.

Glamify Wellness Spa homepage: a dark hero with pink tulips and the serif headline “Where Beauty Meets Science”, with “Book a Consultation” and “Explore Services” buttons.

Have a project in mind? Let’s talk it through.

Tell me what you are building, what it needs to do and when you need it. I will reply with questions, an honest view of the options and the next steps.