Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement the hero section of the landing page #9

Open
4 tasks
pawan-live opened this issue Dec 22, 2024 · 2 comments
Open
4 tasks

Implement the hero section of the landing page #9

pawan-live opened this issue Dec 22, 2024 · 2 comments
Assignees

Comments

@pawan-live
Copy link
Collaborator

pawan-live commented Dec 22, 2024

Task Summary

  • Implement the updated hero section of the landing page
  • Including the mobile responsive view as well
  • Use tailwind container for container width
  • The button will not lead anywhere for now, keep target link '/'

Acceptance Criteria

  • Should follow design styles as given
  • Should be mobile responsive
  • Should support sinhala/tamil languages when language support gets introduced
  • Content will be loaded from a JSON data store initially, later should be able to fetch from API (strapi) with internationalization support

Design files:


Additional Information

Desktop view
image

Mobile view
image

Multilingual example
image

@IT21182914
Copy link

I will take this

@pawan-live pawan-live linked a pull request Dec 23, 2024 that will close this issue
@IT22202468
Copy link
Collaborator

I see the horizontal margins are not even here as in the Figma design. Also the space between lines are closer.

Check this @IT21182914

Screenshot 2024-12-24 193634

@pawan-live pawan-live moved this from MERGED to RE-OPENED in project-rheumaconnect Dec 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: RE-OPENED
Development

Successfully merging a pull request may close this issue.

3 participants