Gland Documentation Structure Update

[bitsgenix]

Hey everyone,
The current docs for Gland have a pretty solid base—but we're still working on making them complete and fully responsive. Right now, we've just got a basic homepage, and there's plenty of room for improvement. Think along the lines of something like Better Auth in terms of design.

We kicked things off with a migration and refactor (see PR #9), which gave us a good starting point. Still, the overall UI/UX and layout need a big boost.

Here's what we're focusing on:

• UI/UX & Layout:

  • Roll out a dark mode theme with a modern, tile-like background.
  • Tweak the navigation bar for easy, intuitive access to all sections (Home, Guides, Packages, Examples, API Reference).
  • Give the header a makeover and add a clean footer—using our current placeholder logo from the gland repo until an official one is ready.

• Color Palette & Code Presentation:

  • Refine the color scheme to blend nicely with the dark theme while keeping everything readable.
  • Enhance the syntax highlighting and overall code styling to meet today’s standards, while keeping the copy-code feature intact.

• Responsive Design:

  • Our layout isn't fully responsive yet, so we need contributions to ensure a seamless experience across all devices.

My main focus has been on building Gland and its core packages (@glandjs/express, @glandjs/fastify, @glandjs/http), and I’m not as experienced in front-end design. That’s why I’d really appreciate it if anyone up for it could jump in and help shape up the docs. If you have any ideas, suggestions, or questions, feel free to drop me a message.

For more context and detailed requirements, take a look at the conversation in this issue.

Thanks, everyone!

---