@extends('layouts.lookatme')

@section('title', trans('message.about_us'))

@section('style')
    <style>
        .about-us {
            background-image: url('{{ asset($public_assets . 'assets/lookatme/images/about_us_bg.svg') }}');
        }
    </style>
@endsection

@section('content')
    <div class="tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-h-[20rem] tw-opacity-10 about-us">
    </div>

    <div class="tw-flex tw-justify-center tw-items-center tw-h-[13rem] tw-bg-white">
        <h2 class="tw-uppercase tw-mt-6">{{ trans('message.about_us') }}</h2>
    </div>

    <!-- about-us-area-start -->
    <div class="tw-container tw-px-6 tw-mt-4 md:tw-px-16 tw-mx-auto tw-text-dark/70">
        <div class="tw-text-justify">
            {!! @$about_us_info->description !!}
        </div>
    </div>
@endsection