Marketing Agency

Skalr Marketing

A 22-page Next.js website with full Meta Pixel, Conversions API, and SEO infrastructure — built from zero to production.

Next.js 16TypeScriptMeta CAPIhCaptchaSchema Markup
Skalr Marketing

22 pages

live at launch

150+

search queries within 6 weeks

100%

CAPI deduplication verified

Day 1

paid campaigns live with server-side data

01

Overview

SKALR Marketing is a UK Meta Ads agency founded in early 2026. They needed a website that could do three things at once: convert cold traffic from live Meta Ads campaigns, rank organically for competitive agency keywords, and represent the brand with enough credibility to close high-value B2B leads. There was no existing website, no brand assets, and no prior web presence.

02

The Challenge

The site had to be production-ready at launch — not MVP quality. It would be receiving paid traffic from day one, which meant conversion tracking, performance, and creative quality all had to work properly from the moment it went live. A broken tracking setup at launch means bad data flowing into Meta from the start, which corrupts campaign optimisation.

03

The Solution

We built a 22-page site on Next.js 16 with TypeScript, deployed on Vercel with static generation across all public pages. The most technically involved part was the Meta tracking implementation — browser Pixel and server-side CAPI events running together with proper deduplication, so Meta counts each conversion once.

What We Built

Key features and highlights of this project

Meta Pixel + Conversions API with Deduplication

The client-side form generates a unique event ID at submission, fires the browser Pixel event with that ID, then sends it to a server-side API route. The server verifies the submission, sends the confirmation email via Resend, and fires the CAPI event using the same ID. Meta deduplicates the two events into one. All PII is SHA256-hashed before leaving the server.

22 Pages, SEO-First Architecture

Five service pages targeting high-intent agency search terms. Six sector pages covering dental, aesthetics, home improvement, gyms, e-commerce and restaurants. Three research and comparison pages targeting informational queries. Schema JSON-LD server-rendered in the root layout. Dynamically generated sitemap covering all 22 URLs.

Conversion-First Design

Dedicated landing page at /start optimised for paid traffic. Animated stats counter, testimonial carousel with swipe support, sticky bottom CTA bar that appears on scroll, and a mid-page CTA strip. Typography in Playfair Display, Plus Jakarta Sans and DM Mono. Dark-first with sage green accent.

Spam Protection

hCaptcha on the contact form with server-side token verification before any submission is processed. Form submissions that fail verification are rejected before the email or CAPI event fires.

Project Screenshots

A closer look at the finished product

Homepage Hero

Homepage Hero

Services Section

Services Section

Sector Landing Page

Sector Landing Page

Contact / Lead Form

Contact / Lead Form

Tech Stack

Next.js 16TypeScriptReactTailwind CSSVercelMeta CAPIResendhCaptcha

Ready to build something like this?

Every project we take on is built with the same care and attention to detail. Let's talk about what we can build for you.

skalrmarketing.co.uk