Add mood-based food recommendation system

[pracheyyy]

Related Issue

Closes #137

Description

This PR introduces a new Mood-Based Food Recommendation System to enhance food discovery and improve user engagement.

A dedicated recommendation section has been added to the Menu page, allowing users to access a personalized recommendation experience based on their mood, cravings, and hunger level.

Features Added

• Added a new Mood-Based Food Recommender section on the Menu page.

• Added a call-to-action button that redirects users to a dedicated recommendation page.

• Created a new smart-recommendation.html page.

• Added personalized recommendation generation based on:

  • Mood
  • Craving type
  • Hunger level

• Implemented dynamic recommendation cards with:

  • Match scores
  • Recommendation reasons

• Designed a responsive and user-friendly interface matching the ChaatBazaar theme.

• Improved food discovery experience through personalized suggestions.

UI Improvements

• Clean and modern recommendation page design.
• Compact and responsive layout.
• Consistent styling with existing ChaatBazaar branding.
• Improved visual hierarchy and user experience.

Testing

• Verified navigation from Menu page to recommendation page.
• Tested recommendation generation for different user selections.
• Checked responsiveness across various screen sizes.
• Ensured existing menu functionality remains unaffected.

Screenshots

Checklist

• Code follows project structure and style.
• Feature tested locally.
• No existing functionality broken.
• Responsive UI implemented.

[pracheyyy]

@PatelHarsh2006
I implemented the feature.
PR submitted for review. please review and merge the PR

[pracheyyy]

@PatelHarsh2006
/please review the PR.

[pracheyyy]

@PatelHarsh2006
/please review the PR.