Skip to content

Implement Footer section for landing page with responsive design#35

Merged
ayshadogo merged 2 commits intoDfunder:mainfrom
dDevAhmed:feature/footer-section
Feb 26, 2026
Merged

Implement Footer section for landing page with responsive design#35
ayshadogo merged 2 commits intoDfunder:mainfrom
dDevAhmed:feature/footer-section

Conversation

@dDevAhmed
Copy link
Contributor

closes #30

Description

This PR introduces the Footer section for the landing page, ensuring it adheres to the provided design specifications. The Footer is fully responsive and includes the following sections:

  • Brand: Logo, title, and tagline.
  • Platform Links: Links to "How it works," "Projects," and "About."
  • Legal Links: Links to "Privacy," "Terms," and "Contact."
  • Connect Links: Links to "Twitter," "Discord," and "GitHub."
  • Copyright Notice: Centered text at the bottom.

Changes Made

  • Added a new Footer component in Footer.tsx.
  • Integrated the Footer component into the HomePage layout in page.tsx.
  • Fixed import issues with lucide-react icons (Github and Disc).

Acceptance Criteria

  • Pixel-perfect design matching the mockup.
  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • Properly styled with Tailwind CSS.
  • No build or runtime errors.

Testing

  • Verified the layout and responsiveness manually.
  • Ensured the build process completes successfully without errors.

@ayshadogo ayshadogo merged commit fd96159 into Dfunder:main Feb 26, 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 Footer Section

2 participants