@extends('index')

@section('seo_title', $item->seo_title)
@section('seo_keywords', $item->seo_keywords)
@section('seo_description', $item->seo_description)

@section('content')
    <section id="about" class="about section">

        <!-- Section Title -->
        <div class="container section-title pb-0" data-aos="fade-up">
            <h2>Learn about me</h2>
        </div><!-- End Section Title -->

        <div class="container" data-aos="fade-up" data-aos-delay="100">

            <div class="row gy-4 justify-content-center">
                <div class="col-lg-12 content">
                    <p class="fst-italic py-3">
                        {{ $item->summary }}
                    </p>

                </div>

                <div class="col-lg-12">
                    <img src="{{ asset('uploads/abouts/' . $item->main_image) }}" class="img-fluid" alt="{{ $item->main_image_alt }}">
                </div>

                <div class="col-lg-12">
                    {!! $item->detail !!}
                </div>


            </div>

        </div>

    </section>
@endsection
