fix(landing): make landing page fully responsive on mobile devices (#3)

[anilchouhan898]

Closes #3
/claim #3

📱 Summary of Changes:

I have completed a comprehensive mobile-responsiveness pass for the LandingPage.tsx component (optimized from 320px to 768px screens) while preserving the desktop layout unchanged:

1. Crystal Prism Visual Fix: Made the prism visual visible and properly scaled on mobile and tablet devices (previously hidden entirely or overflowing).
2. Hero & CTA Sections: Adjusted spacing, font scaling via clamp(), and updated CTA buttons to be full-width and vertically stacked on small viewports for better touch interaction.
3. Tools Grid & Typography: Configured single-column layout on mobile (grid-cols-1) to prevent card squishing, transitioning smoothly to 2 columns on tablet and 4 on desktop. Centered text alignments on mobile for improved readability.
4. Overflow Protection: Added global horizontal overflow protection (overflow-x-hidden) to guarantee zero horizontal scrolling or layout breaking on narrow screens (tested down to 320px).
5. Desktop Layout Preserved: All existing desktop breakpoints and styling remain 100% intact.

Ready for review and merge! Let me know if any adjustments are needed.

[anilchouhan898]

Hi @iii123iii, it looks like there is a minor merge conflict with the recent updates on main. Please let me know if you'd like me to resolve the conflict from my end, or if you can handle it during the rebase/merge! Thanks.

[anilchouhan898]

Hi @iii123iii, I just checked and confirmed that this PR (#18) has NO merge conflicts with the latest main branch. Everything can be cleanly merged! 🟢

Since I submitted this optimization earlier and it perfectly preserves the desktop layout while fixing all mobile viewport issues (320px+), it is 100% ready for your review and merge. Looking forward to your feedback! Thank you! 🙏