Request to Add Exact Unsplash Images for Recipes

[aniruddhaadak80]

I would like to request assistance in adding specific Unsplash images for each of the recipes in the Recipes component of our SkillSphere application. Currently, some recipes do not have appropriate or accurate images linked, which affects the visual presentation of the recipe listings.

const recipes: Recipe[] = [
  {
    id: '1',
    title: 'Energizing Smoothie Bowl',
    image: 'https://images.unsplash.com/photo-1555885058-7c10cb2c7e26', // Example Image
    prepTime: '10 mins',
    servings: 2,
    mood: 'Energetic',
  },
  // ... Other recipes
];

Expected Result: Each recipe should display a corresponding Unsplash image that accurately represents the dish, improving the user interface and overall experience of the application.

Change here ➡️ src/pages/Recipes.tsx