Implement About Us Page – Hero Section Component

[Benjtalkshow]

Issue: About Us Page – Hero Section Component

Component:

AboutUsHero.tsx

Goal

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

Figma Links :

Hero Figma component

Background asset

Requirements

1. Background Asset Extraction & Animation

• Extract the green radial background grid from the design as a standalone SVG/asset.
• Animate it using GSAP.

Animation ideas:

• Subtle rotation or movement of grid lines.
• Smooth pulsating glow or gradient shift.
• Keep animations modern, fluid, and performance-friendly.

2. Responsiveness

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

3. Integration Notes

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

4. Contribution Notes

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

Acceptance Criteria

• Background grid is extracted and animated using GSAP.
• Animations are smooth, modern, and non-intrusive.
• Hero section matches the design visually.
• Component is fully responsive.
• Code is clean, modular, and reusable.

[Sendi0011]

Gm @Benjtalkshow . I’m a frontend developer, I’ve made relevant and meaningful contributions to open sources. I will like to work on this.

ETA: 12 hours

[0xdevcollins]

Hello, My name is Collins. I am a frontend developer and can handle this issue. Can I be assigned please?

Recommended by OnlyDust for outstanding experience and quality contributions.

[0xdevcollins]

Can I work on this issue?

Recommended by OnlyDust for outstanding experience and quality contributions.

[chigozzdevv]

I’d love to work on this task.