Revamped the Recipes Page Hero Section

I redesigned the top section of the recipes page to give it a more modern and visually appealing look. Instead of a flat green background, I added layered blurred circles with different colors and opacities to create depth and softness behind the heading and description.

Added Chef Hat Icon for Visual Flair

I introduced a chef hat icon from the lucide-react icon set next to the page title. This small detail helps reinforce the culinary theme and adds a friendly touch to the header.

Improved Typography and Layout

The heading and paragraph text now have adjusted sizes and spacing for better readability and balance on both mobile and desktop screens. The content is also centered more effectively within the container.

Other improvements

• Cleaned up some redundant styles and simplified the component structure for easier maintenance.
• Enhanced accessibility by ensuring decorative elements are marked as aria-hidden.