Hazzly - Landing page

Hazzly is a visually attractive landing page created to capture users' attention and provide a seamless user experience. Built using React and styled with Tailwind CSS, Hazzly combines modern design with responsive functionality.

Hazzly Image

Developed by Gabriel Maestre. Design inspiration by Ronas IT | UI/UX Team

Fun Aspect of Development:

The most enjoyable part of developing Hazzly was implementing the animations. Using a combination of Framer Motion and GSAP, I was able to bring the page to life with smooth transitions and engaging interactive elements.

Lennis library was an amazing ally to get this smooth scroll effect, and combined with the ScrollTrigger plugin from GSAP, I could finally give to this project a nice and smooth feeling.

Challenges Faced:

The most challenging aspect was optimizing the animations for performance across different devices and browsers. Ensuring that the animations and ScrollTrigger were smooth and did not screw up and break the page required meticulous attention to detail and extensive testing.