Skip to content

🚀 Mobile-first Home Page & Navigation Overhaul #201

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 92 commits into
base: main
Choose a base branch
from

Conversation

HassanZahirnia
Copy link
Collaborator

@HassanZahirnia HassanZahirnia commented Aug 24, 2025

What’s New

  • 🔀 /mobile now redirects to /pricing — the old Mobile landing page is now used as Pricing under the new mobile menu.
  • 🧭 Brand-new navigation bar with separate Mobile and Desktop dropdown menus.
  • 🎨 Improved theme selector with a third option — users can now choose between Light, Dark, and System (auto).
  • 🏠 Fresh new home page.
  • ➕ Added links to footer
  • ✨ New /brand page (Accessible via right-click on NativePHP logo, or via the link in the footer)
  • ⚡ Added Laravel Boost.

🧹 Cleanup

  • Restructured directories to contain the new home page assets and components.
  • Tidied up the /components directory for easier long-term maintenance.

✅ Notes for Reviewers

  • The links in the navigation bar, mobile menu, footer, and home page still need your edits.
    (I used the closest matches I could find as placeholders.)
  • The Nexcalia partner title and description requires your attention, I just used a generated description based on their website.

🖼️ Screenshots

nativephp app test_ nativephp app test_ (1) nativephp app test_brand (1) nativephp app test_brand (2)

…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.
…hance explainer section with step-by-step guide for better user engagement
… pills and improve SVG icons for better visual appeal
…e existing icons to use currentColor for better theming support
… visual consistency; adjust padding, text sizes, and flex properties
…port; adjust fill properties for better visual consistency
…security with rel attributes across multiple components
@HassanZahirnia HassanZahirnia changed the title 🖌️ New mobile focused home page and nav bar 🚀 Mobile-first Home Page & Navigation Overhaul Aug 24, 2025
…xperience; adjust spacing and remove redundant classes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant