@extends('layouts.app')
@section('title','Contact Conference Rentals Zambia')
@section('content')
<section><div class="wrap"><div class="head"><h2>Visit or contact us</h2><p>We want it to be easy for clients to find our office and reach our team.</p></div>
<div class="contact-grid">
<div class="info">
<div class="info-card"><strong>Office Address</strong>{{ config('business.address') }}</div>
<div class="info-card"><strong>Phone</strong><a href="tel:{{ config('business.phone') }}">{{ config('business.phone') }}</a></div>
<div class="info-card"><strong>Email</strong><a href="mailto:{{ config('business.email') }}">{{ config('business.email') }}</a></div>
<div class="info-card"><strong>Office Hours</strong>{{ config('business.hours') }}</div>
<div class="info-card"><strong>Directions</strong><a style="color:var(--red);font-weight:900" target="_blank" href="{{ config('business.maps_directions_url') ?: '#' }}">Get Directions →</a></div>
</div>
<div>
@if(config('business.maps_embed_url'))
<iframe class="map" loading="lazy" allowfullscreen src="{{ config('business.maps_embed_url') }}"></iframe>
@else
<div class="card" style="padding:30px"><h3>Google Map</h3><p>The CMS will allow the administrator to configure the official Google Maps embed URL and directions link.</p></div>
@endif
</div></div></div></section>
<section class="light"><div class="wrap"><div class="head"><h2>Send us a message</h2></div>@include('contact.form',['type'=>'contact'])</div></section>
@endsection