@extends('layouts.app')

@push('header')
    <!-- Carousel Start -->
    <div class="header-carousel owl-carousel">
        <div class="header-carousel-item">
            <img src="{{ asset('asset/img/img.jpg') }}" class="img-fluid w-100" alt="Image_header">
            <div class="carousel-caption">
                <div class="container">
                    <div class="row gy-0 gx-5">
                        <div class="col-xl-7 animated ">
                            <div class="text-sm-center">
                                <div style="text-align: -webkit-center;">
                                    <img src="{{ asset('asset/img/logo.png') }}" alt="logo"
                                        style="height: 85px !important;width: auto;">
                                </div>
                                <h1 class="display-4 text-uppercase text-white mb-4">PRESTIGE SOLUTION</h1>
                                <p class="mb-5 fs-5">Lorem Ipsum is simply dummy text of the printing and typesetting
                                    industry. Lorem Ipsum has been the industry's standard dummy...
                                </p>
                                {{-- <div class="d-flex justify-content-center justify-content-md-end flex-shrink-0 mb-4">
                                <a class="btn btn-light rounded-pill py-3 px-4 px-md-5 me-2" href="#"><i
                                        class="fas fa-play-circle me-2"></i> Watch Video</a>
                                <a class="btn btn-primary rounded-pill py-3 px-4 px-md-5 ms-2" href="#">Learn
                                    More</a>
                            </div> --}}
                                <div class="d-flex align-items-center justify-content-center justify-content-md-end">
                                    <h2 class="text-white me-2">Follow Us:</h2>
                                    <div class="d-flex justify-content-end ms-2">
                                        <a class="btn btn-md-square btn-light rounded-circle me-2" href=""><i
                                                class="fab fa-facebook-f"></i></a>
                                        <a class="btn btn-md-square btn-light rounded-circle mx-2" href=""><i
                                                class="fab fa-twitter"></i></a>
                                        <a class="btn btn-md-square btn-light rounded-circle mx-2" href=""><i
                                                class="fab fa-instagram"></i></a>
                                        <a class="btn btn-md-square btn-light rounded-circle ms-2" href=""><i
                                                class="fab fa-linkedin-in"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Carousel End -->
@endpush

@section('content')
    {{-- <section id="particles-js"> --}}

        <!-- Abvout Start -->
        @include('home.sections.about')
        <!-- About End -->

        <!-- Services Start -->
        @include('home.sections.service')
        <!-- Services End -->

        <!-- Features Start -->
        @include('home.sections.feature')
        <!-- Features End -->

        <!-- Blog Start -->
        @include('home.sections.blog')
        <!-- Blog End -->

        <!-- Team Start -->
        @include('home.sections.team')
        <!-- Team End -->

        <!-- Testimonial Start -->
        @include('home.sections.testimonial')
        <!-- Testimonial End -->

    {{-- </section> --}}
@endsection
@push('script')
    {{-- <script src="{{ asset('asset/js/particles.js') }}"></script>
    <script src="{{ asset('asset/js/particles-config.js') }}"></script> --}}
@endpush