{{-- <div class="aboutUs">
    <div class="bg_aboutUs main_background_color">
        <div class="content_mainShop">
            <h1 class="title_mainShop">
                {{ __('website.crafting_extraordinary_spaces') }}
            </h1>
            <h5 class="subtitle_mainShop my-4">{{ __('website.discover_our_love_and_passion') }}</h5>

            <a href="{{ route('user.contactUs') }}" class="shop_now_port text-white py-2 rounded-pill">
                {{ __('website.get_in_touch_now') }}
                @if (session()->get('locale') == 'ar')
                    <span class="material-symbols-outlined me-2">
                        west
                    </span>
                @elseif(session()->get('locale') == 'en')
                    <span class="material-symbols-outlined ms-2">
                        east
                    </span>
                @else
                    <span class="material-symbols-outlined me-2">
                        west
                    </span>
                @endif
            </a>
        </div>

        <div class="scroll_arrows">
            <div class="scroll-arrow"></div>
            <div class="scroll-arrow"></div>
            <div class="scroll-arrow"></div>
        </div>
    </div>
    <div class="sectionTwoAboutUs main_background_color">
        <div class="bottom_texts bottom_texts_about">
            <p class="first">{{ __('website.where_quality') }}</p>
            <p class="last">{{ __('website.meets_perfection') }}</p>
        </div>
    </div>
</div> --}}
@if ($main_part_home->count() > 0)
    <div class="aboutUs">
        <div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-inner">


                
                @foreach ($main_part_home as $main_part_home_)
                    <div class="carousel-item @if ($innk == 0) active @endif">
                        {{-- $main_part_home_->image --}}
                         
                        @if($contains == 1)
                         <video autoplay muted loop class="w-100">
                            <source src="{{ URL::asset($main_part_home_->image) }}" type="video/mp4">
                            Your browser does not support HTML5 video.
                        </video>
                        @else
                        <img src="{{ URL::asset($main_part_home_->image) }}" class="main_about_bg d-block w-100"
                            alt="...">
                        @endif
                        {{-- <video autoplay muted loop class="w-100">
                            <source src="{{ URL::asset('../assets2/images/rain.mp4') }}" type="video/mp4">
                            Your browser does not support HTML5 video.
                        </video> --}}

                        <div class="carousel-caption d-md-block top-0">
                            <div class="content_mainShop">
                                <h1 class="title_mainShop">
                                    @if (session()->get('locale') == 'en')
                                        {{ $main_part_home_->title_en }}
                                    @else
                                        {{ $main_part_home_->title_ar }}
                                    @endif

                                </h1>
                                <h5 class="subtitle_mainShop my-4">
                                    @if (session()->get('locale') == 'en')
                                        {{ $main_part_home_->desc_en }}
                                    @else
                                        {{ $main_part_home_->desc_ar }}
                                    @endif
                                </h5>

                                <a href="{{ route('user.contactUs') }}"
                                    class="shop_now_port text-white py-2 rounded-pill">
                                    {{ __('website.get_in_touch_now') }}
                                    @if (session()->get('locale') == 'ar')
                                        <span class="material-symbols-outlined me-2">
                                            west
                                        </span>
                                    @elseif(session()->get('locale') == 'en')
                                        <span class="material-symbols-outlined ms-2">
                                            east
                                        </span>
                                    @else
                                        <span class="material-symbols-outlined me-2">
                                            west
                                        </span>
                                    @endif
                                </a>
                            </div>

                            <div class="scroll_arrows">
                                <div class="scroll-arrow"></div>
                                <div class="scroll-arrow"></div>
                                <div class="scroll-arrow"></div>
                            </div>
                        </div>
                    </div>
                                    @endforeach
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying"
                data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying"
                data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>

        <div class="sectionTwoAboutUs main_background_color">
            <div class="bottom_texts bottom_texts_about">
                <p class="first">{{ __('website.where_quality') }}</p>
                <p class="last">{{ __('website.meets_perfection') }}</p>
            </div>
        </div>

    </div>
@endif