Enhance Book Recommendation Page with Improved Title, Header, and Footer Design

[SrijaVuppala295]

Related Issue

[Cite any related issue(s) this pull request addresses. If none, simply state “None”]

Fixes: #4934

Description

Overview:

This PR enhances the Book Recommendation page by improving its layout and design. The following changes have been made:

1. Updated Title: The title of the page has been updated for better clarity and user engagement.
2. Revamped Header: A more appealing and structured header has been implemented to improve the user experience.
3. Enhanced Footer: The footer section has been redesigned to include additional useful information and a cleaner look.
4. Responsive Layout: The layout adjustments ensure that the page looks good across various screen sizes and devices.
5. UI/UX Improvements: Various UI/UX tweaks were made to improve the overall design consistency and user navigation on the page.

These enhancements aim to provide a better, more user-friendly experience for visitors to the Book Recommendation page.

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

BEFORE:

AFTER:

Checklist:

• I have made this change from my own.
• I have taken help from some online resources.
• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers and screenshots after making the changes.

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 1 minute (more than 100, code: "api-deployments-free-per-day").

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for swapreadsconnect ready!

Name	Link
🔨 Latest commit	97e153e
🔍 Latest deploy log	https://app.netlify.com/sites/swapreadsconnect/deploys/67309052db48af0008b44369
😎 Deploy Preview	https://deploy-preview-4936--swapreadsconnect.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
swapreads	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 10, 2024 9:23am

[abhi03ruchi]

u have also changes diverse literary page here .

commit only those changes that align with issue u have raised .

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 3 hours (more than 100, code: "api-deployments-free-per-day").

[SrijaVuppala295]

@abhi03ruchi , i have made changes , please review it

[abhi03ruchi]

Screen.Recording.2024-11-10.at.3.19.38.PM.mov

fix it

[abhi03ruchi]

Screen.Recording.2024-11-10.at.3.20.51.PM.mov

fix the navbar

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 2 hours (more than 100, code: "api-deployments-free-per-day").

[SrijaVuppala295]

I have updated please review it !!

[abhi03ruchi]

cant see ur changes , its like before only . chk https://deploy-preview-4936--swapreadsconnect.netlify.app/assets/html/book_recommend.html.

[SrijaVuppala295]

@abhi03ruchi , i have changed the header, footer , title bar , but while minimizing the navbar , the navbar content is overflowing , eventhough I have changed it but still its showing same ,i checked from other pages , they are also in the same way ...