Skip to content

Feature: Redesign Hero Sections & Cards #33

@SammyOina

Description

@SammyOina

Is your feature request related to a problem? Please describe.

The current hero sections and cards utilize standard Bootstrap layouts which look dated. The "Next Read" cards are boxy and lack depth. The hero section is plain text without visual engagement.

Describe the feature you are requesting, as well as the possible use case(s) for it.

  • Hero Redesign: Add subtle background gradients, mesh gradients, or abstract geometric shapes (inspired by Opaque.co) to the hero backgrounds.
  • Card Modernization: Update the "Next Read" and product cards to use a cleaner design:
    • Remove heavy borders.
    • Use soft, large spread shadows (box-shadow) for depth.
    • Add hover lift effects with smooth transitions.
  • Buttons: Replace standard Bootstrap buttons with slightly rounded, custom-styled buttons (e.g., pill shape or softly rounded corners with gradients).

Indicate the importance of this feature to you.

Must-have

Anything else?

Check style.css for .pricing-card and other utility classes to update.

Metadata

Metadata

Assignees

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