@extends('layouts.front-layout')
@section('title') {{ $pageData['Supply']['top_banner_title'] ?? '' }}@endsection
@section('content')
    <section class="inner-banner">
    <div class="container">
        <h2>{{ $pageData['Supply']['top_banner_title'] ?? '' }}</h2>
    </div>
</section>

<section class="about-main">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6" data-aos="fade-right">
                <figure>
                    <img src="{{ pagesSingleImage('Supply', 'supply_second_image') }}" class="img-fluid" alt="img">
                </figure>
            </div>
            <div class="col-md-6">
                <div class="about-content" data-aos="fade-left">
                    <img src="{{ pagesSingleImage('Supply', 'supply_first_image') }}" class="img-fluid" alt="img">
                    <h2>{{ $pageData['Supply']['heading'] ?? '' }}</h2>
                    <h3>{{ $pageData['Supply']['sub_heading'] ?? '' }}</h3>
                    {!!$pageData['Supply']['first_description'] ?? '' !!}
                    <a href="{{ route('about') }}" class="themeBtn">Read More</a>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection