Service overview
The complete homepage viewport introduces tyre services, roadside assistance and branch access without cropping.
The right branch, service and assistance, within reach.
A tyre-services website with service and branch detail pages, an emergency-first breakdown journey and an editable media gallery.
Tech stack
Next.js
React
TypeScript
Tailwind CSS
Appwrite
Next.jsReactTypeScriptTailwind CSSAppwrite
The design direction.
Racing yellow, near-black surfaces and checkered details carry the tyre brand through practical, high-contrast navigation.
Inside the project.
Every screen below comes from the finished product and shows the feature as it was actually built.
Specialist services
The actual service catalogue brings passenger, truck, mining and specialist tyre work into one browsable system.
Product range
The actual product screen organises tyres, shocks, brakes, rims and related fitment products.
Branch details
The actual branch page combines location-specific services, contact details, hours and directions.
24/7 breakdown assistance
The actual emergency page prioritises nationwide breakdown numbers and branch-specific support routes.
How it’s built.
Solid foundations, chosen for the work this product needs to do.
Next.js static export delivers the public website as ordinary static files.
Structured branch, product and service data feeds shared page templates.
Appwrite provides authentication, database and storage for the gallery manager, with a static gallery fallback.
More Projects
View all our projects
MFPSSPAEK
Kind words from our clients