@if ($page->children->count() > 0)
    @php
        $about = $page->children[0];
        // dd($about);
    @endphp
  <!--About One Start -->
  <section class="about-one section-pd section-bg">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-xl-6">
          <div class="about-one__left wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
            <div class="row">
              <div class="col-xl-6 col-lg-6 col-md-6">
                <div class="about-one__img-box">
                  @foreach($about->images as $photo)
                    <div class="about-one__img-{{ $loop->iteration }}"> <img src="{{ $photo }}" alt=""> </div>
                  @endforeach
                </div>
              </div>
              <div class="col-xl-6 col-lg-6 col-md-6">
                <div class="about-one__img-box-two">
                  <div class="about-one__img-3"> <img src="{{ $about->image }}" alt=""> </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-6">
          <div class="about-one__right">
            <div class="section-title text-left">
              <div class="section-title__tagline-box"> <span class="section-title__tagline">{{ $about->title }}</span>
              </div>
              <h2 class="section-title__title">{{ $about->short_description }}</h2>
            </div>
            <P class="about-one__text mb-4">{!! $about->description !!}</P>
            <div class="about-one__btn-and-client-info">
              <div class="about-one__btn-box pt-4"> <a href="{{ $about->button_url }}" class="about-one__btn thm-btn"><span class="icon-right-arrow"></span>{{ $about->button_text }}</a> </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--About One End -->
@endif