🚀 Mobile-first Home Page & Navigation Overhaul #201
Conversation
…ctionality - Implemented a desktop dropdown menu with GitHub and Sponsor links. - Created a mobile menu with navigation links and theme toggle. - Added theme toggle functionality with animations for light, dark, and system preferences. - Introduced a chevron-down icon for dropdown indicators. - Enhanced mobile menu with GSAP animations for smoother transitions.
…ity and functionality
…sibility and consistency
…e theme toggle in navigation bar
…yling adjustments
…nization and maintainability
…es for improved layout and structure
…onally load analytics script in production
…lwind CSS classes for dark mode support
…r improved performance and layout
…ce accessibility and improve text structure
…layout and accessibility
…button styling for improved user experience
… on scroll into view
There was a problem hiding this comment.
This is in great shape @HassanZahirnia 🙏🏼
Only one thing I've spotted is to do with the new menu buttons on mobile. On my iPhone 16 Pro, the "Desktop" menu goes off the edge of the screen
It would be great if the box could position appropriately in the viewport
|
One other comment, that's not directly related to this PR as it was visible before: when opening the mobile menu (the 3 dashes on the top-right), there's quite a bit of jank esp. on mobile devices. I think there may be too much animation happening as that flyover appears and the browser has some trouble keeping up |
|
Thank you @simonhamp ! 🙌🌸 ✅ I've fixed the dropdown alignment on mobile. |
What’s New
/mobilenow redirects to/pricing— the old Mobile landing page is now used as Pricing under the new mobile menu./brandpage (Accessible via right-click on NativePHP logo, or via the link in the footer)🧹 Cleanup
/componentsdirectory for easier long-term maintenance.✅ Notes for Reviewers
(I used the closest matches I could find as placeholders.)
🖼️ Screenshots