Bodyshape Landing Page

A sleek, responsive fitness-themed landing page built to showcase subscription plans, trainer highlights, gym benefits, and a branded footer. Designed with clarity, accessibility, and pixel-perfect UI in mind, this project aims to deliver a modern user experience for fitness enthusiasts and potential clients.

🚀 Technologies Used

• HTML5 – Semantic structure and layout
• Tailwind CSS – Utility-first styling with responsive design
• Git – Code control and commit tracking
• Font Awesome – Used 3 social media icons

🧠 Challenges Faced

• Responsive Visibility Logic: Ensuring mobile-first breakpoints behaved consistently across sections, especially with custom layouts like the trainer grid and tag system.
• Custom Styling with Tailwind: Implementing 2-color gradients and styled list markers required creative workarounds using Tailwind’s configuration and utility classes.
• Semantic Structure vs. Visual Design: Balancing clean markup with visually rich components like grid section and footer popular tag grids while maintaining accessibility and scalability.