Hire me

05 · Agency website

Infinitix IT SolutionsAnimated Agency Website

A one-page React site where the infinity mark from the logo drives the hero, the sections and the motion.

Role
Designer & front-end developer – concept, motion system, build, deploy
Type
Agency website
Stack
React · TypeScript · GSAP
Infinitix website hero with the headline Design. Engineer. Evolve. and an infinity curve

01

Problem

An IT agency needed a site that felt as engineered as its work.

02

What I built

I designed and built a one-page React + TypeScript site where the infinity mark from the logo is the structural device. One parametric curve draws the hero, becomes the thread between sections, drives the 6-stage process loop and orbits the tech stack.

It uses GSAP ScrollTrigger and Lenis smooth scroll, canvas trails, reduced-motion support, self-hosted fonts, JSON-LD SEO and CI auto-deploy to Hostinger.

It scored a perfect 100 in Google Lighthouse on desktop for performance, accessibility, best practices and SEO.

03

Stack

  • React
  • TypeScript
  • GSAP
  • Tailwind CSS
  • Web Design
Visit infinitixitsolutions.com

04

Screenshots

  1. Infinitix capabilities section with an interface study illustration
    02 · Capabilities with interface study
  2. Infinitix work showcase presenting a project with challenge and approach columns
    03 · Work showcase
  3. Infinitix process section with six stages placed along an infinity loop
    04 · Infinity process loop
  4. Infinitix technology section with stack names placed along the infinity curve
    05 · Tech stack orbiting the curve