Skip to content

implemented the hero section#51

Merged
ayshadogo merged 1 commit intoDfunder:mainfrom
Nabeelahh:feat/Implement-the-hero-section
Mar 5, 2026
Merged

implemented the hero section#51
ayshadogo merged 1 commit intoDfunder:mainfrom
Nabeelahh:feat/Implement-the-hero-section

Conversation

@Nabeelahh
Copy link
Contributor

closes #48

Description
This PR implements a pixel‑accurate hero section component that matches the provided screenshot design. The hero section has been integrated into the Landing page directly under the Header component.

Changes Made

  • Created new HeroSection component with pixel-perfect implementation

  • Integrated hero section into Landing page layout

  • Added all design elements including icons, background shapes, and visual effects as shown in the screenshot

  • Implemented responsive design with proper breakpoints:

    • Desktop view (full design)
    • Tablet breakpoint (optimized layout)
    • Mobile view (stacked content)

    Technical Implementation

  • Followed existing project structure and coding conventions

  • Used Tailwind CSS for styling and responsive design

  • Maintained component reusability and separation of concerns

  • Optimized assets and SVGs for performance

@ayshadogo ayshadogo merged commit bb7b121 into Dfunder:main Mar 5, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

implement the hero section

2 participants