Replicate Blog Hero Section Design for Desktop & Mobile

[0xdevcollins]

Overview

Replicate the design of the Blog Hero Section provided in the Figma designs for both desktop and mobile layouts. 🎨

Details

• Design Reference:
• File to design: components/landing-page/blog/BlogHero.tsx
  • Desktop: Figma Design
  • Mobile: Figma Design

News letter Modal components/overview/Newsletter.tsx

• Requirements:
  • Replicate the visual design from the provided Figma links.
  • Ensure responsive behavior for both desktop and mobile views.
  • Align the styling with the current theme and standards as described in the README.

Technical Considerations

• Maintain consistency with existing components and responsive breakpoints.
• Verify that the design remains accessible across different devices.

Tasks

1. Analyze the Figma designs and extract the styling details for desktop and mobile views.
2. Ensure full responsiveness by testing on various screen sizes.

Definition of Done

• The Blog Hero Section matches the provided Figma designs for both desktop and mobile.
• Responsive behavior is confirmed on various devices.
• The new section integrates seamlessly with the existing UI.
• Code is reviewed and merged following our standard PR process.
  ETA: 48hrs

[Umorenism]

Hello, I do love to work on this tasked

[Marvelousmicheal]

can i work on this

[tali-creator]

Hi GM, can I work on this task, ETA 24hrs

[0xDeon]

I would like to work on this
I have experience building highly scaleable UI and can get this done immediately

Recommended by OnlyDust for exceptional experience, quality, and reliability.

[0xdevcollins]

@Marvelousmicheal What's the update on this issue?