Feature: Improved and modernized UI for the Event Homepage

[Sipioteo]

Summary:

The structural shift moves the UI from a traditional centered layout to a more contemporary split-layout with an adaptive, dynamic background.

Key Features & Explorations included in this draft:

• Styling Engine Upgrade: Integrated Tailwind CSS using the new Vite plugin configuration for faster and more scalable styling.
• Retained & Upgraded Customization: The organizer's ability to customize the event's theme has been fully preserved but upgraded. The selected 'Background Color' no longer applies a flat background; instead, it acts as a base seed to dynamically generate a rich, multi-tonal gradient effect. This allows events to maintain their unique branding while automatically benefiting from a significantly more polished aesthetic.
• Dynamic Theming & Contrast: Implemented dynamic theming based on event/organizer settings. UI element colors now dynamically adjust based on background and accent color luminance to ensure accessible contrast (including the light/dark mode switch and readability warnings).
• Glass-morphism UI: Refactored card background styling to use consistent glass-morphism effects, dropping legacy dependencies.
• Component Enhancements:
  • Maps: Embedded Google Maps directly into the event location section and removed the fixed aspect ratio from the cover image.
  • Tickets & Donations: Introduced a custom donation amount modal for tiered products (replacing the inline input).
  • Controls: Enhanced StatusToggle and NumberSelector with new styling props for the updated UI context.

Feedback on the new visual direction is highly welcome as I continue to refine these experiments!

Checklist

• I have read the contributing guidelines.
• My code is of good quality and follows the coding standards of the project.
• I have tested my changes, and they work as expected.

Videos

Before

Registrazione.schermo.2026-02-24.alle.09.18.24.mov

After

Registrazione.schermo.2026-02-25.alle.17.48.21.mov

Editing tools

Registrazione.schermo.2026-02-25.alle.17.49.46.mov

[Sipioteo]

Hi @daveearley ! 👋 Just a quick update regarding my recent submissions.

To give you some context, I had to go ahead and implement these specific features because my non-profit organization needs them for our internal management.

I have already successfully merged the last three PRs I published on my end, and everything is fully functional together. You can review the working code with all those changes combined right here:
https://github.com/Sipioteo/Hi.Events/tree/main/mensa

If it makes things easier for you, I’d be happy to open a single, global PR that includes all three updates so you can merge everything in one go.

Just let me know what works best for your workflow!