DeVoresyah/AppServiceProvider.php

## app.blade.php
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/png" sizes="16x16" href="img/adsafe.png">
        <meta name="theme-color" content="#ffffff">

        {{-- CSS --}}
        <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
        <link rel="stylesheet" href="{{ asset('assets/css/responsive.css') }}">
        <link href="https://unpkg.com/ionicons@4.1.2/dist/css/ionicons.min.css" rel="stylesheet">

        {{-- JS --}}
        <script src="js/fontawesome-all.min.js"></script>
        <script type="text/javascript" src="{{ asset('assets/js/jquery.js') }}"></script>
        <script type="text/javascript" src="{{ asset('assets/js/fontawesome-all.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('assets/js/bootstrap.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('assets/js/bootstrap-select.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('assets/js/jquery.validate.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('assets/js/owl.carousel.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('assets/js/isotope.js') }}"></script>
        <script type="text/javascript" src="{{ asset('assets/js/jquery.magnific-popup.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('assets/js/js/waypoints.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('assets/js/js/jquery.counterup.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('assets/js/wow.min.js') }}"></script>

        <title>@yield('title') - @yield('web_name')</title>
    </head>
    <body>
        @footer([
            'logo' => [
                'img' => 'img/logo.png',
                'alt' => 'Belajar Laravel'
            ],
            'menu' => [
                ['name' => 'Home', 'link' => '/']
            ],
            'social' => [
                'facebook' => 'https://facebook.com/DeVoresyah',
                'twitter' => 'https://twitter.com/DeVoresyah',
                'linkedin' => 'https://linkedin.com/in/devoresyah'
            ]
        ])
        @endfooter

        <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fas fa-arrow-up"></span></div>
    </body>
</html>

## AppServiceProvider.php
<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\Blade;

class AppServiceProvider extends ServiceProvider
{
    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        Blade::component('components.footer', 'footer');
    }

    /**
     * Register any application services.
     *
     * @return void
     */
    public function register()
    {
        //
    }
}

## footer.blade.php
<footer class="footer">
    <div class="footer-top">
        <div class="thm-container clearfix">
            <a href="/" class="footer-logo pull-left"><img src="{{ $object->logo->img }}" alt="{{ $object->logo->alt }}"/></a>
            <div class="footer-right pull-right">
                <div class="footer-menu">
                    <ul>
                        $foreach($object->menu as $item)
                            <li><a href="{{ $item->link }}">{{ $item->name }}</a></li>
                        $endforeach
                    </ul>
                </div>
                <div class="footer-social">
                    <a href="{{ $object->social->facebook }}" class="icofont icofont-social-facebook"></a>
                    <a href="{{ $object->social->twitter }}" class="icofont icofont-social-twitter"></a>
                    <a href="{{ $object->social->linkedin }}" class="icofont icofont-brand-linkedin"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="thm-container">
            <p>Made with <i class="icon ion-ios-heart text-danger"></i> in <b>Indonesia</b></p>
        </div>
    </div>
    {{ $slot }}
</footer>

## index.blade.php
@extends('layouts.app')

@section('title', 'Hello World!')
@section('web_name', 'Belajar Laravel')
	<html>
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" type="image/png" sizes="16x16" href="img/adsafe.png">
	<meta name="theme-color" content="#ffffff">

	{{-- CSS --}}
	<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
	<link rel="stylesheet" href="{{ asset('assets/css/responsive.css') }}">
	<link href="https://unpkg.com/ionicons@4.1.2/dist/css/ionicons.min.css" rel="stylesheet">

	{{-- JS --}}
	<script src="js/fontawesome-all.min.js"></script>
	<script type="text/javascript" src="{{ asset('assets/js/jquery.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/fontawesome-all.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/bootstrap.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/bootstrap-select.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/jquery.validate.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/owl.carousel.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/isotope.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/jquery.magnific-popup.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/js/waypoints.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/js/jquery.counterup.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/wow.min.js') }}"></script>

	<title>@yield('title') - @yield('web_name')</title>
	</head>
	<body>
	@footer([
	'logo' => [
	'img' => 'img/logo.png',
	'alt' => 'Belajar Laravel'
	],
	'menu' => [
	['name' => 'Home', 'link' => '/']
	],
	'social' => [
	'facebook' => 'https://facebook.com/DeVoresyah',
	'twitter' => 'https://twitter.com/DeVoresyah',
	'linkedin' => 'https://linkedin.com/in/devoresyah'
	]
	])
	@endfooter

	<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fas fa-arrow-up"></span></div>
	</body>
	</html>
	<?php

	namespace App\Providers;

	use Illuminate\Support\ServiceProvider;
	use Illuminate\Support\Facades\Blade;

	class AppServiceProvider extends ServiceProvider
	{
	/**
	* Bootstrap any application services.
	*
	* @return void
	*/
	public function boot()
	{
	Blade::component('components.footer', 'footer');
	}

	/**
	* Register any application services.
	*
	* @return void
	*/
	public function register()
	{
	//
	}
	}
	@extends('layouts.app')

	@section('title', 'Hello World!')
	@section('web_name', 'Belajar Laravel')