A three-slide hero section for Framer. Background images transition left to right with smooth easing, while text swaps using a GSAP-style reveal: a solid overlay sweeps across the text container and pulls back to uncover the next line. The button hover follows the same animation language for consistency. Left and right arrow indicators let users navigate manually, with a circular progress stroke that fills to show time remaining on the current slide. Pagination dots update to reflect the active slide. Fully keyboard accessible using left and right arrow keys. Includes a live date and time display. A solid option for showcasing services, products, or your brand story.
A three-slide hero section for Framer. Background images transition left to right with smooth easing, while text swaps using a GSAP-style reveal: a solid overlay sweeps across the text container and pulls back to uncover the next line. The button hover follows the same animation language for consistency. Left and right arrow indicators let users navigate manually, with a circular progress stroke that fills to show time remaining on the current slide. Pagination dots update to reflect the active slide. Fully keyboard accessible using left and right arrow keys. Includes a live date and time display. A solid option for showcasing services, products, or your brand story.
