feat:community-banner

[zleypner]

Community Banner Component Implementation

Description

Creating a new Community Banner component that will display community information in a standardized format.

Component Requirements

• Community icon/shape display
• Community name text display
• "More info" interactive button
• Member count display

Design Specifications

Color Palette

• Primary Background: #4ECCA3
• Secondary Background: #387478
• Dark Text/Icon: #232931
• Accent: #E36C59
• Base Background: #EEEEEE

Tasks

• Create basic component structure
• Implement responsive layout
• Add icon/shape placeholder
• Style component according to color palette
• Add hover/interactive states for "More info" button
• Add proper typings
• Write component tests
• Add documentation
• Add accessibility features

Testing Checklist

• Component renders with all required props
• Button click handler works as expected
• Responsive behavior works on different screen sizes

Screenshots

Pending

Related Issue: #15

Thank for reviewing my PR!

[zleypner]

🚧 Work in Progress: I am working on this issue and will update with implementation progress ASAP ⚡

[zleypner]

🚧 Work in Progress: Just updated the initial implementation!

🎨 Still working on improving the design and polishing the UI

🔄 Will continue to update with more progress soon ⚡

[zleypner]

Hello there!
I just uploaded an update. I would appretiate some feedback.

Would you like to move the sidebar under the banner?

[zleypner]

This is the current view for the banner:
I added a shadow for the members at the right hand.
Would you like to keep it or remove it?

Would you like to change the color for the Hover?

[evgongora]

Hello there! I just uploaded an update. I would appretiate some feedback.

Would you like to move the sidebar under the banner?

Right now we just need the component to be created, no need to be added in the layout, so you can go ahead and remove it for now. Thank you!

[evgongora]

After that we can go ahead and merge it.

[zleypner]

Thank you @evgongora , I will!
I will proceed with the updates asap!