search

ValscoTech / Jurident-Website

Initial iteration for Jurident website
https://jurident-website.vercel.app
0 stars 15 forks source link

Enhance about us section -Hitesh #32

Open pawan895 opened 9 months ago

pawan895 commented 9 months ago

add your style and send the result in the comment here.

TFM-HITESH commented 8 months ago

Pull Request : https://github.com/ValscoTech/Jurident-Website/pull/38

This pull request enhances the user experience on the About Us page with a series of improvements and additions, creating a more engaging and aesthetically pleasing interface. Here's a breakdown of the key changes:

  1. Improved Readability with New Fonts:

    • Implemented two new fonts to enhance readability on the About Us page, providing a visually appealing and comfortable reading experience. image

  2. Newspaper Aesthetic:

    • Introduced a newspaper-like aesthetic to the layout, breaking up lengthy paragraphs and adding visual interest. This design choice aims to improve content presentation and overall user engagement. image

  3. Elegant Hover Animations:

    • Incorporated elegant hover animations across the entire site, creating a dynamic and lively experience for users. This enhancement adds a layer of interactivity, making the website more engaging. image

  4. Color Fix for FAQ Icons:

    • Corrected the color of the FAQ icons, ensuring a consistent and visually cohesive design throughout the website. image

  5. Smooth Transition with Framer Motion:

    • Implemented the framer-motion library to introduce smooth transitions for the newspaper component. Inspired by the Apple website, this transition effect enhances the page entry experience, providing a polished and modern touch.

  6. Clean Hover Effects on Paragraphs:

    • Added clean hover effects to individual paragraphs, providing a visual break and improving the overall readability. This refinement contributes to a more user-friendly and aesthetically pleasing content presentation. image

  7. Divider for Content Distinction:

    • Introduced a small divider to distinguish between the top and FAQ content, improving the overall layout structure and aiding in better navigation. image

These improvements collectively contribute to a more polished, visually appealing, and user-friendly About Us page, enhancing the overall quality and user experience of the website.