Enhance Website Layout with Improved Spacing for Visual Clarity!

[Kevindua26]

Issues Identification

• Closes: Website Layout Improvement - Spacing & Visual Clarity #865

Description

Summary

This pull request addresses the issue of the cluttered website layout by adding proper spacing and gaps between the sections. The goal is to enhance the visual clarity and improve the overall user experience, making the layout cleaner and more organized.

Details

• Introduced sufficient margins and padding between the website sections.
• Reduced the overcrowded appearance of various elements, making the interface more user-friendly.
• Improved readability by ensuring that content blocks are separated and visually distinct.
• Ensured consistent spacing throughout the website to align with modern UI/UX standards.

Types of Changes

Please check the boxes that apply

• Bugfix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update (Documentation content changed)
• Other (please describe):

Checklist

Please check the boxes that apply

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• My changes do not break the current system and pass all existing test cases
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

Screenshots

Additional Information

• Responsiveness
• UI Consistency
• User Experience
• Accessibility
• Performance

[netlify]

✅ Deploy Preview for pathsphere ready!

Name	Link
🔨 Latest commit	9abe264
🔍 Latest deploy log	https://app.netlify.com/sites/pathsphere/deploys/6716a1842e37270008cca54c
😎 Deploy Preview	https://deploy-preview-934--pathsphere.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Thank you, Kevindua26, for creating this pull request and contributing to Pathsphere! 💗

The maintainers will review this Pull Request and provide feedback as soon as possible! 😇
We appreciate your patience and contribution, Keep up the great work! 😀

[Kevindua26]

I would also like the add some text animations in the website. Should I procced to register a new issue for the same? 🤔🤔