@extends('layout.index')
@section('title', $about->title)
@section('content')
    <section class="pt-20 pb-24 lg:px-0 px-8">
        <div class="max-w-7xl mx-auto">
            <div class="text-center lg:mb-16 mb-8">
                <h3 class="mb-5 lg:text-4xl text-3xl font-semibold">{{ $about->title }}</h3>
                <p class="lg:text-lg text-base max-w-[768px] mx-auto text-gray-500">{{ $about->content }}</p>
            </div>
            <img src="{{ upload('about', $about->image) }}" alt="" class="lg:rounded-3xl rounded-md w-full">
        </div>
    </section>
@endsection