@extends('frontend.layouts.app')
@section('title-suffix')
    {{ __('about.title') }}
@endsection
@section('main-content')
    <section class="breadcrumb breadcrumb_bg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="breadcrumb_iner">
                        <div class="breadcrumb_iner_item">
                            <h2>{{ __('about.title') }}</h2>
                            <p>{{ __('about.breadcrumb-1') }}<span>></span>{{ __('about.breadcrumb-2') }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="whole-wrap">
            <div class="container box_1170 mb-4">
                <div class="section-top-border">
                    <h3 class="mb-30">{{ __('about.body-title') }}</h3>
                    <div class="row">
                        <div class="col-md-3 mt-3">
                            <img src="{{ asset('assets/images/frontend/beauty-care.jpg') }}" alt="Qui Sommes Nous"
                                class="img-fluid shadow"
                                style="border-radius: 5%;">
                        </div>
                        <div class="col-md-9 mt-sm-20">
                            <p>
                                {{ __('about.body-txt-1') }}
                                <br />
                                {{ __('about.body-txt-2') }}
                                <br />
                                {{ __('about.body-txt-3') }}
                                <br />
                                {{ __('about.body-txt-4') }}
                            </p>

                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <a href="{{ route('contact') }}" class="genric-btn primary circle arrow">{{ __('about.contact-btn') }}<span
                            class="lnr lnr-arrow-right"></span></a>
                </div>
            </div>
        </div>
    </section>
@endsection