Blue Sky Buses
Marketing site for an Abu Dhabi bus charter company
- Next.js 16
- Framer Motion
- TypeScript
- Leaflet
- Tailwind CSS 4
- React Leaflet
- Lucide React
- React 19
- ESLint
- PostCSS
The Challenge
Blue Sky Buses had an existing WordPress site with broken navigation, thin content across service pages, and no structured data for search visibility. The site didn't reflect the scale of a company operating 50+ vehicles across Abu Dhabi.
The Approach
Rebuilt the site from scratch using Next.js 16 with the App Router, Tailwind CSS, and Framer Motion. Each of the eight service lines got a dedicated section with real copy. Added JSON-LD LocalBusiness markup, a dynamic sitemap, Open Graph images, and an interactive Leaflet map for the company's Musaffah location.
The Result
Delivered a fast, SEO-ready site that replaced the legacy WordPress build entirely, giving the business a credible online presence aligned with its actual service offering.
Key Results
Replaced a broken WordPress site end-to-end
JSON-LD structured data + sitemap + OG images for SEO
8 service pages with animated UI and interactive map