Implement Project Page – Hero Section Component

[0xdevcollins]

Issue: Project Page – Hero Section Component

Component:

ProjectPageHero.tsx

Goal

Build the Hero Section for the Project page. This section sits directly below the already existing Header component.

Figma Links :

Hero Figma component

Background asset

Requirements

1. Responsiveness

• Component must be fully responsive across desktop, tablet, and mobile.
• Text and buttons should adapt gracefully to smaller screens.

2. Integration Notes

• Do not rebuild the header — it already exists.
• This hero section should be a standalone component for reusability.

3. Contribution Notes

• Please review our Contribution Guidelines
  before getting started.
  Join our Telegram Channel @boundlessfi

Acceptance Criteria

• Hero section matches the design visually.
• Component is fully responsive.
• Code is clean, modular, and reusable.

[0xdevcollins]

Hello @0xdevcollins Can I work on this issue?

Recommended by OnlyDust for outstanding experience and quality contributions.

[Umorenism]

Hello! I’m a frontend developer eager to contribute to projects on OnlyDust. I have hands-on experience with TypeScript, JavaScript, React, and modern frontend frameworks, and have contributed to multiple projects on the platform. Currently, I’m working on a responsive hero section as part of my contribution. I’m passionate about building user-friendly, responsive web applications, and I’m excited to bring my skills to tackle challenging problems and deliver high-quality contributions.

[Shadow-MMN]

Hi! I’d love to take on building the Project Page – Hero Section Component.

I’ll implement ProjectHeroSection.tsx to visually represent Boundless’ key milestones with an engaging timeline interface, strictly following the Figma design and component structure. I’ll ensure responsiveness, accessibility, and consistency with the rest of the page, and coordinate on any shared components if needed.

Happy to get started right away—let me know!

[sommachi1]

i am a skilled frontend dev i can handle the task

[truthixify]

Hello @0xdevcollins

I’d like to work on this.

[Benjtalkshow]

@truthixify
This issue is yours. ETA: 48hrs

[davedumto]

Hi, my name is David, and I am a female frontend developer skilled in React, Next.js, TypeScript, and Tailwind CSS. For this task, I will:

• Implement the ProjectPageHero.tsx component for the Project page, ensuring it sits directly below the existing Header component.
• Match the Figma Hero design visually, incorporating the background asset, typography, spacing, and button styles.
• Ensure the component is fully responsive across desktop, tablet, and mobile, with content adapting gracefully to all screen sizes.
• Build the Hero section as a standalone, reusable component without modifying the existing Header.
• Follow accessibility best practices and ensure consistency with the project’s design system.
• Write clean, modular, and maintainable code for easy future updates.

ETA: 1 day

~ OnlyDust Stellar Fellow

Recommended by OnlyDust for high-quality and dependable contributions.