ICH apply design and update next.js framework

[hyunoosung]

Project Type

• [x] ICH
• [ ] Admin
• [ ] SaaS Client
• [ ] Android
• [ ] Others (please describe)

Is your proposal related to a problem?

ICH website is getting page renewal

Update to next.js 13 for better and stable SEO

Describe the solution you'd like

🌟 All new updates related will be merged and tested on branch feature/new-design-system before being deployed to int

Redesign ICH website based on design change

• iCloudHospital/roadmap/issues/10

To-list for first deployment

• [x] Tailwind configuration update that follows the new design system (being worked on feature/tailwind-config

  • [x] color configuration
  • [x] darkmode configuration

• [x] https://github.com/iCloudHospital/cloudhospital.nextjs/issues/518

• [ ] New design implementation

  • [x] https://github.com/iCloudHospital/cloudhospital.nextjs/issues/517

  • prioritized as requested by CEO

  • [x] footer was worked on this branch

  • [x] common components

  • [x] https://github.com/iCloudHospital/cloudhospital.nextjs/issues/510

    • [x] header
    • [x] buttons
    • [x] toggle

  • [x] https://github.com/iCloudHospital/cloudhospital.nextjs/issues/520

  • [ ] final testing to see any broken UI on all pages after design update

• [ ] Update to next.js 13

  • iCloudHospital/cloudhospital.nextjs/issues/409

Additional context

Process next.js framework update first(including replacing statment managment), then implement design as soon as design implementation is done.

[henrynoowah]

Design system related to colors will be configured on tailwindCSS before starting the component development

• [x] https://github.com/iCloudHospital/cloudhospital.nextjs/issues/481

[henrynoowah]

2023-01-11

• [x] https://github.com/iCloudHospital/cloudhospital.nextjs/issues/512

[henrynoowah]

2023-01-12

• [x] https://github.com/iCloudHospital/cloudhospital.nextjs/issues/518

[henrynoowah]

• [x] Homepage Design Link
• [x] On-Page Search Functionality + Header Search Functionality Design Link
• [ ] Chat Functionality Flow Design Link
• [x] Head Menu Dropdowns & Navigations Design Link
• [ ] Location & Language Selection Design Link
• [ ] Sitemap Design Link
• [x] View All Pages
  • [x] Hospitals Design Link
  • [x] Doctors Design Link
  • [x] Deals Design Link
  • [x] Specialties Design Link
  • [x] Services Design Link
  • [ ] Articles Design Link
  • [ ] Countries Design Link
• [x] Search Results Page
  • [x] Hospitals Design Link
  • [x] Doctors Design Link
  • [x] Deals Design Link
  • [x] Specialties Design Link
  • [x] Services Design Link
  • [x] Articles Design Link
• [ ] Consultation_ & Deal Booking Generic Flow - Design Link
• [x] Dark Theme for ICH website - (12th Dec 2022 to 20th Dec 2022) - Design Link
• [x] Arabic Version of ICH website - (21th Dec 2022 to 23rd Dec 2022) - Design Link
• [ ] Hospital Detailed Page - Design Link
• [ ] Doctor Detailed Page - Design Link
• [ ] Deal Detailed Page - Design Link
• [ ] Specialty Detailed Page - Design Link
• [ ] Service Detailed Page - Design Link
• [ ] Article Detailed Page Design Link
• [ ] Country Detailed Page - (6th Feb 2023 to 10th Feb 2023)
• [ ] About Us Page - (13th Feb 2023 to 17th Feb 2023)
• [ ] T&C & PP - (20th Feb 2023 to 22th Feb 2023)
• [ ] FAQs - (23th Feb 2023 to 28th Feb 2023)
• [ ] Patient Portal (Profile, Bookings, Payments, etc) - To Be Decided