[Feature]: Add "Back to Top" Button Across All Pages #353
Description
📝 Feature Description
Currently, the Back to Top button is only available on the front/landing/home page. I propose extending this feature to all pages of the website with consistent styling and functionality.
The button should:
-
Appear after scrolling down a certain amount on any page.
-
Smoothly scroll the user back to the top of the current page when clicked.
-
Maintain consistent design (same style, position, and animation) across all pages.
💡 Why is this feature needed?
-
Enhances user experience by providing an easy way to navigate back to the top without excessive scrolling.
-
Improves accessibility, especially on long content-heavy pages (e.g., Coach Plans, Workouts, Success Stories).
-
Ensures consistency across the website — users should not have to wonder why the button exists only on the home page.
-
Commonly expected in modern web apps, increasing overall usability.
📎 Additional Context
-
Example of expected behavior: Demo Scroll to Top
-
Suggested placement: bottom-right corner of the page, with responsive adjustments for mobile.
-
Suggested design: Minimal, circular button with arrow-up icon, matching site’s theme (light/dark mode support).
✅ Duplicate Check
- I have searched existing issues to ensure this feature hasn’t already been requested.
@Muneerali199 Could you please assign this to me so I can start working on it?