docs: [#234] - Adding documentation on the home page

[pranusri1903]

🚀 Pull Request

Issue :[Adding documentation on the home page] fixes #234

Adding documentation over the image in the empty space

This PR addresses the previously empty area of the website by adding documentation text that enhances user experience and provides necessary information. The new text fills the void in the layout, ensuring a more visually appealing and informative design.

Key Features:

• Dynamic Content: The documentation text is designed to adapt seamlessly to both light and dark themes, maintaining readability and aesthetic appeal across different user settings.
• Improved User Engagement: By providing relevant information in previously unused space, users are more likely to engage with the content and better understand the website's features.

Implementation Details:

• The documentation text was added to the empty section of the image using CSS for styling and positioning.
• Media queries were implemented to ensure optimal display across various devices.
• The text color dynamically changes based on the current theme to maintain contrast and readability.

Screenshot of initial look

Screenshot of final output

@akbatra567 Please review and close the PR with the tags of hacktoberfest and gssoc and the level you think deserving.
Thank you
Looking forward to your favourable response.