refactor: Changed the text in the hero section of the web application

[poswalsameer]

User description

Description

This PR changes the text that can be seen in the hero section of the web application.

Dependencies

No dependencies

Future Improvements

Mentions

Mention and tag the people

Screenshots of relevant screens

Developer's checklist

• My PR follows the style guidelines of this project
• I have performed a self-check on my work

If changes are made in the code:

• I have followed the coding guidelines
• My changes in code generate no new warnings
• My changes are breaking another fix/feature of the project
• I have added test cases to show that my feature works
• I have added relevant screenshots in my PR
• There are no UI/UX issues

Documentation Update

• This PR requires an update to the documentation at docs.keyshade.xyz
• I have made the necessary updates to the documentation, or no documentation changes are required.

---

PR Type

enhancement

---

Description

• Refactored the hero section of the web application to update the text content.
• Improved the text layout using flexbox for better alignment and readability.
• Enhanced the messaging to clearly convey the purpose of the application as a .env file replacement.

---

Changes walkthrough 📝

	Relevant files
Enhancement	index.tsx Refactor hero section text and layout                                        apps/web/src/components/hero/index.tsx Updated text content in the hero section. Changed text layout to use flexbox for better alignment. Improved readability by splitting text into paragraphs. +3/-3

---

💡 PR-Agent usage: Comment /help "your question" on any pull request to receive relevant information

[codiumai-pr-agent-free]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Accessibility The text content is split into paragraphs but uses tags inside a . Consider using more semantic HTML structure with proper heading levels and paragraph elements.

[codiumai-pr-agent-free]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Score
General	Use semantic HTML elements to improve accessibility and document structure Add semantic HTML by using or instead of for text content blocks, as spans are meant for inline elements, not block-level content with paragraphs. apps/web/src/components/hero/index.tsx [91-94] -<span className="text-brandBlue/80 flex flex-col justify-center w-[20rem] text-center text-sm md:w-[35rem] md:text-xl md:leading-[3rem]"> +<section className="text-brandBlue/80 flex flex-col justify-center w-[20rem] text-center text-sm md:w-[35rem] md:text-xl md:leading-[3rem]"> <p>The better .env file replacement</p> <p>Built for developers, by developers</p> -</span> +</section> Apply this suggestion Suggestion importance[1-10]: 7 Why: Using instead of for block-level content with paragraphs is semantically correct and improves accessibility. This change follows HTML best practices and makes the document structure more meaningful.	7

💡 Need additional feedback ? start a PR chat