The SiteZeus homepage marked one of my earliest projects with a significant level of ownership. I took the initiative to convert the static vector wheel image into a Vue component, complete with clickable navigation for individual wheel sections and the animation of twinkling stars in the background.

Another aspect of the page I am particullarly proud of is the gradient hover effect for the logo carousel. To achieve this, I developed a Vue composable that seamlessly adds a linear gradient effect to SVG logos upon hover. This composable not only allows for customized gradient color stops but also offers functions for easy addition and removal of the gradient effect from the SVG logos. The gradient is generated in the user space and applied to the logos by modifying their fill attribute.