frontend: Event details cover

[robertram]

Feel free to join our telegram to get the latest updates:

Important:
Check the storybook list of existing components to see if there is an existing component you need to use in your issue. If there is one for example a button, use the component instead of creating the component from scratch.

Description:

Event details cover component will show the image, title, date and location of the event.

Mock the data in the component.

Ignore the right side of the desktop page, that is a separate component. For now add a div with the size of the right component to make it look like the design.

Add a prop to the component called hideCoverImage: boolean

If the hideCoverImage is true then dont show the image.

Acceptance Criteria

The result should follow the figma design.

Testing

Add the respective story using storybook for this issue

Design

Desktop

Mobile

[feranmiba]

May I take this issue on?

[davedumto]

Hi,
I am skilled in React.js, Next.js, JavaScript, TypeScript, Tailwind CSS, and Shadcn. I will create the EventDetailsCover component to display the event's image, title, date, and location according to the Figma design.

The component will include a hideCoverImage boolean prop to conditionally hide the image. I’ll also add a placeholder div for the right-side section to maintain layout consistency. A Storybook story will be included for testing and documentation.
ETA: 1 day.

[Elite-tch]

Can I work on this, please?

[olisaagbafor]

Is it okay if I tackle this?

[chiscookeke11]

Would love to tackle this!

[Verifieddanny]

I'd love to work on this!

[Kingsuite]

I'd like to take this issue.

[KinmatTech]

Would love to tackle this!

[BoltUltra]

Can I handle this task? I can deliver in record time and a pixel perfect implementation.

[Villarley]

I’m Santiago Villarreal Arley, a proactive and communicative developer with a strong background in both front-end and back-end Web3 development. As a proud Diamond Contributor and member of Dojo Coding, I have collaborated on various impactful projects built on StarkNet and Stellar, focusing on creating scalable and efficient blockchain-based solutions.

Notably, I won the Buildathon Web3 Hackathon for my work on BuildMyEvent, an open-source blockchain project designed to solve real-world challenges by integrating innovative and user-centric features.

I am committed to adding my expertise in front-end and back-end development to deliver high-quality results. My development process emphasizes verified commits, ensuring traceability and maintaining best practices in secure and transparent code contributions.ETA: 24-48 h