@extends('frontend.layouts.app')
@section('title', 'About Us')
@section('content')
<section style="padding-top:40px;">
    <div class="container grid grid-2" style="align-items:center;">
        <img src="https://images.unsplash.com/photo-1466978913421-dad2ebd01d17?w=700" class="card" style="border-radius:24px;">
        <div>
            <div class="section-title" style="text-align:left;"><h2>About <span>{{ $siteSettings['restaurant_name'] }}</span></h2></div>
            <p style="opacity:0.75; line-height:1.9; font-size:1.02rem;">{{ \App\Models\Setting::get('about_text') }}</p>
            <div class="grid grid-2" style="margin-top:30px; gap:16px;">
                <div class="card" style="padding:20px;"><i class="fa-solid fa-clock" style="color:var(--primary); font-size:1.3rem;"></i><h4 style="margin-top:10px;">Opening Hours</h4><p style="opacity:0.65; font-size:0.85rem;">{{ $siteSettings['opening_hours'] }}</p></div>
                <div class="card" style="padding:20px;"><i class="fa-solid fa-location-dot" style="color:var(--primary); font-size:1.3rem;"></i><h4 style="margin-top:10px;">Location</h4><p style="opacity:0.65; font-size:0.85rem;">{{ $siteSettings['address'] }}</p></div>
            </div>
        </div>
    </div>
</section>
@endsection