"use client" // third-party import { motion, Variants } from "framer-motion" const staggerContainer: Variants = { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.2 }, }, } const popIn: Variants = { hidden: { opacity: 0, scale: 0.8, y: 20 }, visible: { opacity: 1, scale: 1, y: 0, transition: { type: "spring", stiffness: 100, damping: 15 }, }, } export default function Feature24() { return (

Our Story

Milestones of Progress

{[ { year: "2023", title: "Housiq Founded", desc: "Started with a core team of three engineers aiming to rebuild payment reconciliation ledgers.", }, { year: "2024", title: "APIs & Checkout Launch", desc: "Launched optimized checkout components supporting 50+ localized payment methods.", }, { year: "2025", title: "Going Global", desc: "Expanded cross-border rails to support auto-conversions across 135+ major currencies.", }, { year: "2026", title: "$500M+ Monthly Scale", desc: "Successfully scaled infrastructure to handle half a billion monthly secure transactions.", }, ].map((mil, idx) => ( {/* Dot */}

{/* Left Content (or Mobile Content) */} {/* Right Content */} ))}

) }

Milestones of Progress

{mil.title}

{mil.title}