updated home page to have a image carousel

[Meliboy]

Refactored the Hero section to replace the static placeholder with an interactive, auto-scrolling image carousel. This implementation leverages existing design patterns from our ProfileCard component while introducing landing-page-specific UX enhancements.

Technical Changes:

• State Management: Implemented useState to manage image transitions and useCallback to memoize navigation handlers.
• Auto-Scroll Logic: Integrated a useEffect hook with a 10s setInterval. Added photoIndex to the dependency array to ensure the timer resets on manual user interaction, preventing "double-swaps."
• Animated Visual Cues: Utilized framer-motion to create "story-style" progress bars. The bars provide a linear visual countdown synced with the 10s transition interval.
• Responsive Layout: Updated the Hero section to a centered vertical stack, optimizing visual impact across all viewport sizes.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
sp-26-web-project	Ready	Preview, Comment	Apr 22, 2026 5:53am