Skip to content
Adil Farooq, home
Get a quote
Menu

Web Platform · Digital studio · 2026

The Social Studios

The website for The Social Studios, the studio I founded — service, SEO and audience pages generated from one typed data file, and a single “Send Your Task” quote form with WhatsApp as a fallback.

Role
Founder · design & development
Built with
Next.js 15 · React 19 · TypeScript · Tailwind CSS · Vercel Blob · Resend · Vercel Analytics
Visit live site(opens in a new tab)

Screens

4 screenshots · 1920 × 1080

Overview

The Social Studios is the studio I founded for marketing, design and web work, and for everyday digital tasks such as CVs, business documents, Excel and typing. Its website groups five service categories under “Grow your brand” and “Everyday Digital Help”, gives fifteen services their own pages, and takes enquiries through one “Send Your Task” form, WhatsApp or email.

Objective

Present 30 services across five categories without repeating copy between pages, and collect enquiries through one form that falls back to WhatsApp when an email can’t be sent.

The solution

A statically generated Next.js 15 site where one typed services file drives the navigation, service pages, sitemap and structured data, with a server-validated quote form that reports success only once the email is sent, and offers a pre-filled WhatsApp message if it fails.

What I built

  • Typed service catalogue

    Five categories and 30 services are defined once in a typed data file that generates the menus, the services hub, the category and service pages, the sitemap and the structured data. The build fails on duplicate slugs, broken cross-links or over-long titles.

  • Service and audience pages

    Fifteen services have their own page with a unique title, FAQs and a generated Open Graph image, alongside three pages written for businesses, students and job seekers.

  • One enquiry form

    “Send Your Task” leads to one short quote form, validated on the server, with a honeypot and a too-fast-submission trap. A request counts as sent only once the email goes out through Resend; if it fails, the visitor gets a WhatsApp message pre-filled with their details.

  • File uploads, built but switched off

    A route that issues upload tokens for a private Vercel Blob store and a daily cron that deletes files after 30 days are still in the code, but uploads are switched off and the quote form has no upload field, so visitors send files on WhatsApp.

  • Motion without an animation library

    Framer Motion was removed. The rotating headline uses CSS keyframes, counters and scroll reveals use IntersectionObserver, and the CSS animations, counters and headline honour the reduced-motion setting.

  • Analytics and click events

    Vercel Analytics loads once the page has settled, and one delegated click listener records WhatsApp, call and call-to-action clicks. A Meta Pixel is supported but is not switched on for the live site.

How it’s built

  • A dependency-free SEO check script, run by hand, reads the sitemap and checks each page for one H1, title and description length, an absolute canonical URL, Open Graph tags, image alt text, JSON-LD that parses, and banned phrases. All 36 live pages passed on 1 October 2026.
  • Organization and WebSite structured data on every page, plus OfferCatalog, Service, FAQPage and BreadcrumbList where they apply.
  • Permanent redirects send retired service URLs and old contact-form links to the closest current page.
  • Rebuilt from a static GSAP site in Next.js in September 2026, and rebranded to The Social Studios on 1 October 2026.