@extends('layouts.app')
@section('title','Conference Rentals in Zambia | Professional Conference & Event Technology')
@section('description','Professional conference equipment, audio visual, interpretation, video conferencing, live events and event technology solutions in Zambia.')
@section('content')
<section class="hero"><div class="wrap">
  <div style="max-width:900px">
    <div style="font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b9d4ff">Conference · AV · Interpretation · Events</div>
    <h1>Make your event <span style="color:#6ee7a3">sound, look & connect</span> professionally.</h1>
    <p>Professional conference equipment, audio visual, interpretation, video conferencing, live events and event technology solutions for organisations across Zambia.</p>
    <a class="btn btn-red" href="{{ route('quote') }}">Request a Quote</a>
    <a class="btn btn-white" target="_blank" href="https://wa.me/{{ config('business.whatsapp') }}">WhatsApp Us</a>
  </div>
</div></section>

<section id="services" class="light"><div class="wrap">
  <div class="head"><h2>Conference & event technology under one roof.</h2><p>From boardroom meetings to major conferences, galas, exhibitions and live events.</p></div>
  <div class="grid">
    @forelse($services as $service)
      <article class="card"><img src="{{ $service->image ? asset('storage/'.$service->image) : asset('assets/all-in-one.jpg') }}" alt="{{ $service->title }}"><div class="body"><h3>{{ $service->title }}</h3><p>{{ $service->short_description }}</p><a style="color:var(--red);font-weight:900" href="{{ route('quote') }}">Enquire →</a></div></article>
    @empty
      @foreach([
        ['Conference Equipment','Professional microphones, conference systems, projectors, displays and AV solutions.','all-in-one.jpg'],
        ['Video Conferencing','Meeting-room and event solutions for remote speakers, participants and hybrid meetings.','video-conference.jpg'],
        ['Interpretation','Interpretation equipment and technical support for multilingual conferences and international events.','interpretation.jpg'],
        ['Live Event Production','PA systems, microphones, audio, presentation and technical support for live events.','live-events.jpg'],
        ['Corporate Events','Technical solutions for corporate events, launches, fundraisers, dinners and private functions.','event-management.jpg'],
        ['Exhibitions & Branding','Conference booths, exhibition support, branding, publications and promotional materials.','all-in-one.jpg']
      ] as $s)
        <article class="card"><img src="{{ asset('assets/'.$s[2]) }}" alt="{{ $s[0] }}"><div class="body"><h3>{{ $s[0] }}</h3><p>{{ $s[1] }}</p><a style="color:var(--red);font-weight:900" href="{{ route('quote') }}">Enquire →</a></div></article>
      @endforeach
    @endforelse
  </div>
</div></section>

<section><div class="wrap"><div class="head"><h2>You plan the event. We handle the technology.</h2><p>Our service goes beyond supplying equipment. We help you select, prepare and support the right solution for your event.</p></div><div class="grid">
  <div class="card"><div class="body"><h3>Professional Setup</h3><p>Equipment is prepared and tested before the event begins.</p></div></div>
  <div class="card"><div class="body"><h3>Technical Support</h3><p>Practical support for presentations, audio, video and connectivity.</p></div></div>
  <div class="card"><div class="body"><h3>Complete Solutions</h3><p>Conference, AV, interpretation, hybrid and live-event technology in one place.</p></div></div>
</div></div></section>

<section class="light"><div class="wrap"><div class="head"><h2>Latest News & Insights</h2><p>Helpful information, company news and event stories.</p></div><div class="grid">
@forelse($posts as $post)
<article class="card"><img src="{{ $post->featured_image ? asset('storage/'.$post->featured_image) : asset('assets/live-events.jpg') }}" alt="{{ $post->title }}"><div class="body"><small>{{ optional($post->published_at)->format('d M Y') }}</small><h3>{{ $post->title }}</h3><p>{{ $post->excerpt }}</p><a style="color:var(--red);font-weight:900" href="{{ route('blog.show',$post) }}">Read Article →</a></div></article>
@empty
<article class="card"><div class="body"><h3>Blog coming soon</h3><p>The CMS is ready for your team to publish company news, event stories and industry articles.</p></div></article>
@endforelse
</div></div></section>

<section><div class="wrap" style="background:#061f5e;color:#fff;border-radius:20px;padding:45px;text-align:center"><h2 style="font-size:40px;margin:0 0 10px">Planning your next event?</h2><p style="color:#d5e1f8">Tell us your event date, venue and requirements.</p><a class="btn btn-red" href="{{ route('quote') }}">Request a Quote</a></div></section>
@endsection