Code By Mussadiq

True Horizon

role / Services

Design & Development

Location

UK, London

STACK

NEXT.JS ✦ TYPESCRIPT ✦ FRAMER MOTION ✦ GSAP

True Horizon is an AI automation agency site built with GSAP and Framer Motion to render interactive, working dashboard and voice-agent mock-ups instead of static screenshots. Engineered scroll-performant animation sequences with server-side rendering to keep first-contentful-paint fast on load-heavy interactive sections.

AI consulting agencies typically rely on generic, text-heavy sites making abstract promises. Client needed a site proving what their automations, dashboards, and voice agents actually do in action, building trust with skeptical business owners while explaining a technical service simply, converting visitors into booked calls.

Turn an abstract service into something visitors can see working through interactive dashboard, chatbot, and scheduling mock-ups, driving qualified leads to book a discovery call rather than bounce off a static, text-heavy services page.

nextjstypescriptframer motionGSAPtailwindcssSwiperMUIcal.com
True Horizonthumbnail image
True Horizonlogo
Laptop

Key Features

01

Interactive Dashboard Previews

02

Live AI Voice Demo

03

Workflow Automation Showcase

04

Case Study Metrics

05

Tiered Pricing Section

06

Call Booking Integration

07

GSAP Scroll Interactions

08

SSR Fast FCP

09

Technical SEO

10

97/100 Lighthouse Score

Phone Frame
Mobile 1
Phone Frame