feat: improve card UI in light mode with better shadows and spacing

[nazneen-p1]

Summary

This PR improves the Light Mode UI of the landing page by enhancing card visuals, spacing, and overall user experience. The changes focus on making the interface cleaner and more visually balanced while maintaining the existing design and functionality.

Closes #78

---

Type of Change

• Bug fix
• New feature
• Refactor (no functional change)
• UI / Design change
• Tests only
• Documentation
• Infrastructure / DevOps
• Security

---

What Changed

• Improved .feature-card styling in +page.svelte for better visual appearance
• Added smooth and more visible hover shadow for better depth
• Improved spacing between text elements for better readability
• Slightly adjusted card layout to make content more balanced and clear
• Enhanced overall Light Mode UI without affecting existing functionality

---

How to Test

1. Run the project locally using pnpm dev:web
2. Open the landing page in the browser
3. Verify the updated card UI, spacing, and hover shadow effects in Light Mode

---

Checklist

• My code follows the project's coding style (pnpm -r run lint passes).
• TypeScript compiles without errors (pnpm -r run typecheck).
• I have added or updated tests for the changes I made.
• All tests pass locally (pnpm -r run test).
• I have updated documentation where necessary.
• No new console.log or debug statements left in the code.
• Breaking changes are documented in this PR description.

---

Screenshots / Recordings

Before:
black

white Mode

(attach screenshot here)

After:
(attach screenshot here)
white Mode

black

Additional Context

This PR focuses on improving the Light Mode UI of the landing page, specifically the feature cards. The changes are minimal and targeted to enhance visual clarity and user experience without modifying the overall layout.

[ShantKhatri]

@nazneen-p1 Please add ss of the feature. Thanks!

[nazneen-p1]

Before:

• Text spacing was tight and slightly crowded
• Card appearance felt flat with less visual separation
• Shadow effect was minimal and not clearly noticeable

After:

• Improved spacing between text elements for better readability
• Slightly adjusted card sizing to enhance visual balance
• Added smooth and more visible shadow on hover for better depth
• Overall UI looks cleaner and more structured while maintaining the original design

[nazneen-p1]

Hi @ShantKhatri,

I’ve added the screenshots showcasing the UI improvements.

Please let me know if any further changes are needed.

Thanks!