THE ROGER Collection

High performance. Timeless style. Unmistakably Federer. This is our tennis-inspired collection.

Competition-grade tennis shoes

Feel the momentum shift under your feet with our high-performance tennis shoes. Co-created with Roger Federer, these second-generation kicks pack significant performance upgrades. From clay play to hard court, get ready to move like lightning.

// TODO: Convert buttons to use the button snippet // - I was adding some buttons manually. // - Convert these buttons to use the button snippet. // TODO: Enhance button snippet to accept custom props // - Currently, the snippets only take data from "object". // - Modify the snippets to work like the button and heading snippet with custom props. // TODO: Check the atmospheric player // - It was working fine and the design was done. // - I changed some CSS and it might have broken. // - Investigate and fix any issues. // TODO: Check the non-atmospheric player // - Check the live site for reference. // - Ensure when the button in the section is clicked, it runs the video. // - Find a way to make this easily implementable for other sections. // - Consider using a class or attribute for the button which will trigger the video. // TODO: Add image block option // - Add an option to include image blocks. // TODO: Add responsive image snippet // - Create a responsive image snippet for the project. // TODO: Check the user story in the task // - Review the user story for any discrepancies. // - Ensure there are options for both desktop and mobile. // TODO: Check the Figma designs // - Review the Figma designs for any new updates or changes. // TODO: Style buttons and heading // - Buttons and heading are added. // - Style them with proper positioning, grid layout, and other necessary CSS.

Off-court shoes

Crisp, clean aesthetics – and the performance to match. A winning combination of comfort and style, these are the sneakers to sport when you want to make a statement.