SkyOne Travels

Live

Visit Live Site Start Similar Project

Timeline

Not documented in repository

Industry

Travel / Visa & Immigration

Role

Frontend UI and marketing experience build

Services

Marketing frontend (App Router, single-page home experience)
Hero with progressive carousel and splash screen
World map, animated routes, and stat counters
Bottom navigation with section scroll (IntersectionObserver)
Placeholder About and Contact surfaces
Remote and local imagery (e.g. Unsplash, Lottie assets)

01 — Challenge

Messaging targets complex global mobility and documentation needs—trusted processing, speed, and support—without a separate written client brief in the repository.

02 — Solution

Built a Next.js App Router marketing landing with splash screen, progressive hero carousel, DotLottie animation, world map with animated routes, stat counters, floating cards, bottom navigation, and Framer Motion polish. /about and /contact exist as lighter placeholders; no backend, CMS, auth, or wired form or CTA handlers in code.

Key Outcomes

01
Delivered a cohesive single-page marketing experience with strong visual and motion craft.
02
Surfaced on-page marketing stats (e.g. years of excellence, destinations, success rate) as UI copy—not verified performance metrics in the repo.
03
Prepared CTAs (Apply Now, Get Free Consultation, Contact Support) for future wiring; contact placeholders are demo-style until client confirms production details.

Project Gallery

Services / Our Expertise — grid of visa, mobility, manpower, spiritual travel, and related service lines.

Contact — consultation and support CTAs (buttons not wired to mailto or APIs in the repository).

Implementation Highlights

1
Progressive carousel with a static first slide for faster first paint, then full slider after requestAnimationFrame.
2
Splash screen with minimum display time before dismiss.
3
DotLottie hero animation for the plane motif.
4
World map with great-circle-style routes (e.g. Dhaka-area hub to global cities).
5
Bottom navigation using IntersectionObserver for active section and smooth in-page scrolling.
6
Sliding number and count-up animations for headline statistics on desktop.

Tech Stack

Next.js 16
React 19
TypeScript
Tailwind CSS v4
Framer Motion
Radix UI
DotLottie
dotted-map
Lucide React

Performance Metrics

Shipped a premium-style landing with strong motion and layout polish.
On-page figures (e.g. years, destinations, success rate) are marketing copy in the UI, not verified analytics.
CTAs and contact details are display-only; production wiring requires client endpoints and verified contact info.

Perfect

Let's talk

30 min intro call

Available for projects

Planning a similar product?

We help teams move from idea to launch with clear strategy, premium execution, and measurable outcomes.

info@adranco.com