"use client" // third-party import { motion, type Variants } from "framer-motion" interface StatItem { value: string label: string } const stats: StatItem[] = [ { value: "500+", label: "Global Routes", }, { value: "12,000+", label: "Flights Monthly", }, { value: "99.4%", label: "On-Time Arrivals", }, { value: "2.5M+", label: "Happy Travelers", }, ] // ------------------------------ | ANIMATION VARIANTS | ------------------------------ // const containerVariants: Variants = { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.1, delayChildren: 0.1, }, }, } const itemVariants: Variants = { hidden: { opacity: 0, y: 18 }, visible: { opacity: 1, y: 0, transition: { duration: 0.55, ease: [0.22, 1, 0.36, 1], }, }, } // ------------------------------ | SMALL HERO 5 | ------------------------------ // export default function SmallHero5() { return (

Discover The World,
Fly With Confidence

{stats.map((stat) => (

{stat.value} {stat.label}

))}

) }

Discover The World, Fly With Confidence

Discover The World,
Fly With Confidence