@extends('layouts.app')
@section('title', __('pages.about.title'))

@section('content')
    <div class="shell max-w-3xl py-stack-lg">
        <p class="u-label-sm text-secondary">{{ __('shop.brand') }}</p>
        <h1 class="mt-2 text-headline-lg-mobile md:text-display-lg">{{ __('pages.about.title') }}</h1>
        <p class="mt-stack-md text-body-lg text-on-surface-variant">{{ __('pages.about.intro') }}</p>

        <x-leaf-rule />

        <ul class="list-leaf text-body-lg text-on-surface-variant">
            @foreach (['halal', 'cut', 'chill', 'chef'] as $key)
                <li>{{ __("home.promise.{$key}") }}</li>
            @endforeach
        </ul>
    </div>
@endsection