@extends('layouts.app')

@push('header')
    <!-- Carousel Start -->
    <div class="header-carousel owl-carousel">
        <div class="header-carousel-item position-relative">
            <img src="{{ asset('asset/img/Image_header.webp') }}" class="img-fluid" alt="Image_header">
            <div class="carousel-caption d-flex align-items-center justify-content-center text-center p-0">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-16 col-lg-20 col-md-24">
                            <div class="text-center">
                                <div class="row">
                                    <div class="col-md-4 text-center">
                                       
                                    </div>
                                    <div class="col-md-4 text-center">
                                        <h3 class="text-white mb-4">Empowering Your Business with Innovative Solutions</h3>
                                    </div>
                                    <div class="col-md-4 text-center">
                                       
                                    </div>
                                </div>
                                <div class="d-flex justify-content-center">
                                    <a class="btn btn-light rounded-pill py-3 px-4 px-md-5 me-3" href="/contact">Contact Us</a>
                                </div>
                                @if ($infosite->facebook_status || $infosite->twitter_status || $infosite->instagram_status || $infosite->linkedin_status || $infosite->youtube_status || $infosite->whatsapp_status)
                                    <p class="text-center mt-4">Check Us Out:</p>
                                @endif
                                <div class="d-flex justify-content-center mt-4">
                                    <div class="d-flex">
                                        @if ($infosite->facebook_status)
                                            <a class="btn btn-md-square btn-light rounded-circle me-2"
                                                href="{{ $infosite->facebook_url }}"><i
                                                    class="fab fa-facebook-f"></i></a>
                                        @endif
                                        @if ($infosite->twitter_status)
                                            <a class="btn btn-md-square btn-light rounded-circle me-2"
                                                href="{{ $infosite->twitter_url }}"><i
                                                    class="fab fa-twitter"></i></a>
                                        @endif
                                        @if ($infosite->instagram_status)
                                            <a class="btn btn-md-square btn-light rounded-circle me-2"
                                                href="{{ $infosite->instagram_url }}"><i
                                                    class="fab fa-instagram "></i></a>
                                        @endif

                                        @if ($infosite->linkedin_status)
                                            <a class="btn btn-md-square btn-light rounded-circle me-2"
                                                href="{{ $infosite->linkedin_url }}"><i
                                                    class="fab fa-linkedin-in"></i></a>
                                        @endif

                                        @if ($infosite->youtube_status)
                                            <a class="btn btn-md-square btn-light rounded-circle me-2"
                                                href="{{ $infosite->youtube_url }}" target="_blank"><i
                                                    class="fab fa-youtube"></i></a>
                                        @endif

                                        @if ($infosite->whatsapp_status)
                                            <a class="btn btn-md-square btn-light rounded-circle me-2"
                                                href="https://wa.me/{{ $infosite->whatsapp_url }}"><i
                                                    class="fab fa-whatsapp"></i></a>
                                        @endif
                                    </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.approach')
    <!-- Features End -->

    <!-- Blog/news Start -->
    @include('home.sections.news')
    <!-- Blognews 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