@extends('front.layout.app')
@section('content')
    @php $settingArr = settingArr(); @endphp
    @php echo cms_edit_page('cms',$about->id); @endphp

     <div class="pagetitle">
            <div class="container">
                <h1>About Us</h1>
            </div>
        </div>

        <main id="main">

            <!-- Company Overview -->
            <section class="about-overview py-5">
                <div class="container">
                    <div class="row align-items-center">
                       
         @php echo adjustUrl($about->content) @endphp

                    </div>
                </div>
            </section>

            <!-- Capabilities -->
            <section class="about-capabilities py-5 position-relative">
                <div class="container">
                    <div class="row mb-3">
                        <div class="col-12 text-center">
                            <h2 class="display-6 fw-bold about-section-heading">Our Facility and Capabilities</h2>
                        </div>
                    </div>
                    <div class="row g-4">

						 @foreach ($get_all_facilities as $facilities)
                        <div class="col-md-6 col-lg-3">
                            <div
                                class="capability-card bg-white p-4 rounded shadow-sm h-100 text-center transition-transform border-bottom border-4">
                                <i class="{{$facilities->additional_field_1}} fs-1 mb-3"></i>
                                <h5 class="fw-bold text-dark">{{$facilities->heading}}</h5>
                            </div>
                        </div>
                     @endforeach   
                      
                    </div>
                </div>
            </section>

            <!-- Products and Services -->
            <section class="about-products py-5 bg-white">
                <div class="container py-5">
                    <div class="row text-center mb-5">
                        <div class="col-12">
                            <h2 class="display-6 fw-bold text-dark about-overview-heading mb-3">Products &
                                <span>Services</span>
                            </h2>
                            <p class="text-muted mx-auto" style="max-width: 700px;">We offer a wide range of specialized
                                services tailored to meet the highest standards of architectural millwork.</p>
                        </div>
                    </div>
                    <div class="row g-4 justify-content-center">
                       @foreach ($get_all_product as $product)
                        <div class="col-md-6 col-lg-4">
                            <div
                                class="product-item-card d-flex align-items-center p-4 rounded shadow-sm bg-white transition-transform border-start border-4">
                                <i class="{{$product->additional_field_1}} fs-3 me-3 product-item-icon"></i>
                                <h6 class="fw-bold text-dark mb-0">{{$product->heading}}</h6>
                            </div>
                        </div>
                     @endforeach  
                      
                    </div>
                </div>
            </section>

        </main>
@endsection