/home/kueuepay/public_html/resources/views/frontend/pages/about.blade.php
@extends('frontend.layouts.master')
@php
    $app_local  = get_default_language_code();
    $default    = App\Constants\LanguageConst::NOT_REMOVABLE;
    $slug       = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::ABOUT_US_SECTION);
    $about      = App\Models\Admin\SiteSections::getData($slug)->first();
    $faq_slug   = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::FAQ_SECTION);
    $faq        = App\Models\Admin\SiteSections::getData($faq_slug)->first();
@endphp

@section('content')
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Start About
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="about-section pt-80">
    <div class="container">
        <div class="section-tag">
            <span class="d-flex align-items-center">
                <p>{{ $about->value->language->$app_local->title ?? $about->value->language->$default->title ?? '' }}</p> <i class="las la-cog"></i>
            </span>
            <div class="section-element">
                <img src="{{ asset('public/frontend') }}/images/element/section-element.webp">
            </div>
        </div>
        <div class="row mb-20-none">
            <div class="col-lg-6 col-md-12 mb-20">
                <div class="about-content">
                    <h2 class="title">{{ $about->value->language->$app_local->heading ?? $about->value->language->$default->heading ?? '' }}</h2>
                    <p>{{ $about->value->language->$app_local->sub_heading ?? $about->value->language->$default->sub_heading ?? '' }}</p>
                    <div class="about-website">
                        <ul class="about-list">
                            @foreach ($about->value->items ?? [] as $item)
                            <li>
                                <i class="las la-arrow-right"></i> <span>{{ $item->language->$app_local->title ?? $item->language->$default->title ?? '' }}</span>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 mb-20">
                <div class="about-viedo">
                    <video width="100%" loop autoplay muted controls id="vid">
                        <source src="{{ get_image($about->value->video ?? '','site-section') }}" type="video/mp4">
                    </video>
                </div>
            </div>
        </div>
    </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    End About
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->


<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    FAQ Section
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="faq-section ptb-80">
    <div class="container">
        <div class="section-tag">
            <span class="d-flex align-items-center">
                <p>{{ $faq->value->language->$app_local->title ?? $faq->value->language->$default->title ?? '' }}</p> <i class="las la-cog"></i>
            </span>
            <div class="section-element">
                <img src="{{ asset('public/frontend') }}/images/element/section-element.webp">
            </div>
        </div>
        <div class="faq-section-wrapper">
            <div class="row mb-40">
                <div class="col-xl-8 col-lg-10">
                    <h2 class="title">{{ $faq->value->language->$app_local->heading ?? $faq->value->language->$default->heading ?? '' }}</h2>
                    <p>{{ $faq->value->language->$app_local->sub_heading ?? $faq->value->language->$default->sub_heading ?? '' }}</p>
                </div>
            </div>
            <div class="row mb-30-none">
                <div class="col-lg-6 mb-30">
                   <div class="faq-img">
                      <img src="{{ get_image($faq->value->image ?? '','site-section') }}" alt="faq-img">
                   </div>
                </div>
                <div class="col-lg-6 mb-30">
                    <div class="faq-wrapper">
                        @foreach ($faq->value->items ?? [] as $item)
                            @if ($item->status == true)
                                <div class="faq-item">
                                    <h3 class="faq-title"><span class="title">{{ $item->language->$app_local->question ?? $item->language->$default->question ?? '' }}</span><span
                                            class="right-icon"></span></h3>
                                    <div class="faq-content">
                                        <p>{{ $item->language->$app_local->answer ?? $item->language->$default->answer ?? '' }}</p>
                                    </div>
                                </div>  
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    End Faq
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
@endsection
Best Practice
Developer
Support
Back to Home page
Best Practices

To ensure a smooth integration process and optimal performance, follow these best practices:
Use secure HTTPS connections for all API requests.
Implement robust error handling to handle potential issues gracefully.
Regularly update your integration to stay current with any API changes or enhancements.