Skip to content

[feat] Add a Close Button on the Promotional Banner #4534

@amandollar

Description

@amandollar

Description

Currently, the promotional banner for tech conferences is persistent across all pages — including the homepage, blogs, and other sections.
This feels a bit controlling from a user’s perspective since they have no option to dismiss it. The banner remains fixed at the top throughout navigation.

Proposed Solution

Add a close ("×") button on the promotional banner to improve user control and experience.

Implementation details:

  • Use React’s useState to handle banner visibility in the UI.
  • Store the user’s choice in localStorage, so if a user closes the banner once, it remains hidden even after a page reload.
  • Ensure that the banner reappears only after a set period (optional) or until a new banner is introduced.

Expected Behavior

  • The user should be able to close the banner.
  • Once closed, it should not reappear on page reload or navigation unless cleared from localStorage.

Before vs After

Image Image

Benefits

  • Improves user autonomy and overall user experience.
  • Reduces distraction, especially for returning visitors.
  • Creates a cleaner and more flexible interface across the site.

Have you checked for similar open issues?

  • I checked and didn’t find a similar issue

Have you read the Contributing Guidelines?

  • I have read the Contributing Guidelines

Are you willing to work on this issue?

  • Yes, I am willing to submit a PR!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions