Undefined Variable problem on Laravel 9.x

I'm trying to get a my title variable from my control page and display it on the about page. I don't think I have a typo but it might me I'm not sure.

Here is my control page code;

class PagesController extends Controller{ public function index(){ $title = 'Welcome to laravel'; return view ('pages.index')->with('title', $title); } public function about(){ $title = 'About us'; return view ('pages.about')->with('title', $title); } public function services(){ $title = 'The services'; return view ('pages.services')->with('title', $title); }}

In this page index and services functions works fine but I can't get the about page.

Here is my display pages;

This is Index [email protected]('layouts.app')@section('content') <h1>{{$title}}</h1> <p>This is the Laravel Application</p> @endsection

This is about [email protected]('layouts.app')@section('content')<h1>{{$title}}</h1><p>This is the About page</p>@endsection

The error I have is:

Please let me know if my question is not clear.