In this video we are going to learn about Show Service Categories on Homepage.
So let see how can we Show Service Categories on Homepage.
So switch to project and lets open the HomeComponent.php class file
And inside the render method lets fetch the service categories.

<?php

namespace App\\Http\\Livewire;

use App\\Models\\ServiceCategory;
use Livewire\\Component;

class HomeComponent extends Component
{
    public function render()
    {
        $scategories = ServiceCategory::inRandomOrder()->take(18)->get();
        return view('livewire.home-component',['scategories'=>$scategories])->layout('layouts.base');

    }
}

Now lets open the home-component.blade.php view file write the following code.

<div class=\"content_info content_resalt\">
	<div class=\"container\" style=\"margin-top: 40px;\">
		<div class=\"row\">
		</div>
	</div>
	<div class=\"container\">
		<div class=\"row\">
			<div class=\"col-md-12\">
				<ul id=\"sponsors\" class=\"tooltip-hover\">
					@foreach($scategories as $scategory)
						<li data-toggle=\"tooltip\" title=\"\" data-original-title=\"{{$scategory->name}}\"> 
							<a href=\"{{route('home.services_by_category',['category_slug'=>$scategory->slug])}}\">
								<img src=\"{{ asset('images/categories') }}/{{$scategory->image}}\" alt=\"{{$scategory->name}}\">
							</a>
						</li>
					@endforeach                            
				</ul>
			</div>
		</div>
	</div>
</div>

Now save this and lets check.
So switch to browser and refresh the page.
And here you can see the service category.
And if I refresh the page you can see random categories.
Every time when I refresh the page its showing different set service categories.
Now if click on any category you can see here all services of this category.
So in this way you can Show Service Categories on Homepage.