@extends('layouts.app')
@section('title', 'Projects & Clients — Paytell Company Limited')

@section('content')
<section style="background:var(--blue-900);padding:56px 0 48px;border-bottom:1px solid rgba(255,255,255,0.12);"><div class="wrap"><p style="font-size:12.5px;color:rgba(255,255,255,0.55);margin-bottom:14px;">Home › Projects</p><h1 style="font-family:'Barlow Semi Condensed';font-weight:700;font-size:38px;color:#fff;line-height:1.1;max-width:680px;margin-bottom:14px;">Projects &amp; clients.</h1><p style="font-size:15.5px;color:rgba(255,255,255,0.75);max-width:580px;">A selection of the work Paytell has delivered across heavy machinery, construction, aggregate supply and real estate.</p></div></section>
<section class="section">
  <div class="wrap">
    <div class="sec-head"><div class="eyebrow">Trusted by</div><h2>Our clients.</h2></div>
    <div class="dist-logos" style="display:flex;flex-wrap:wrap;gap:14px;margin-bottom:64px;"><div class="dist-logo"><span style="font-family:'Barlow Semi Condensed';font-weight:700;font-size:14px;color:var(--blue-700);text-align:center;line-height:1.3;">McDan</span></div><div class="dist-logo"><span style="font-family:'Barlow Semi Condensed';font-weight:700;font-size:14px;color:var(--blue-700);text-align:center;line-height:1.3;">KPS</span></div><div class="dist-logo"><span style="font-family:'Barlow Semi Condensed';font-weight:700;font-size:14px;color:var(--blue-700);text-align:center;line-height:1.3;">Asabea Engineering &amp; Construction</span></div><div class="dist-logo"><span style="font-family:'Barlow Semi Condensed';font-weight:700;font-size:14px;color:var(--blue-700);text-align:center;line-height:1.3;">Rolider</span></div><div class="dist-logo"><span style="font-family:'Barlow Semi Condensed';font-weight:700;font-size:14px;color:var(--blue-700);text-align:center;line-height:1.3;">Ascot Prime Limited</span></div></div>
    <div class="sec-head"><div class="eyebrow">Selected projects</div><h2>Work we're proud of.</h2></div>
    
<div style="padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:24px;">
  <div>
    <span style="font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--steel);">Project 01</span>
    <h4 style="font-size:16px;margin:6px 0 4px;color:var(--blue-900);">Heavy machinery fleet supply</h4>
    <span style="font-size:12.5px;color:var(--crimson-600);font-weight:600;">Accra, Ghana</span>
  </div>
  <p style="font-size:14.5px;color:var(--steel);padding-top:4px;">Supply of LiuGong wheel loaders and FAW tractor heads to a major Accra-based construction firm for a multi-phase infrastructure project.</p>
</div>
<div style="padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:24px;">
  <div>
    <span style="font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--steel);">Project 02</span>
    <h4 style="font-size:16px;margin:6px 0 4px;color:var(--blue-900);">Road construction — estate access road</h4>
    <span style="font-size:12.5px;color:var(--crimson-600);font-weight:600;">East Legon, Accra</span>
  </div>
  <p style="font-size:14.5px;color:var(--steel);padding-top:4px;">Design and construction of 1.2 km access road serving a residential estate, including drainage and kerbing.</p>
</div>
<div style="padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:24px;">
  <div>
    <span style="font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--steel);">Project 03</span>
    <h4 style="font-size:16px;margin:6px 0 4px;color:var(--blue-900);">Aggregate supply — housing project</h4>
    <span style="font-size:12.5px;color:var(--crimson-600);font-weight:600;">Tema, Greater Accra</span>
  </div>
  <p style="font-size:14.5px;color:var(--steel);padding-top:4px;">Bulk granite aggregate supply over 18 months for a large residential development.</p>
</div>
<div style="padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:24px;">
  <div>
    <span style="font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--steel);">Project 04</span>
    <h4 style="font-size:16px;margin:6px 0 4px;color:var(--blue-900);">Land acquisition &amp; plot servicing</h4>
    <span style="font-size:12.5px;color:var(--crimson-600);font-weight:600;">Kwabenya, Accra</span>
  </div>
  <p style="font-size:14.5px;color:var(--steel);padding-top:4px;">Acquisition and servicing of 40 residential plots, including road networks, drainage and perimeter wall.</p>
</div>
<div style="padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:24px;">
  <div>
    <span style="font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--steel);">Project 05</span>
    <h4 style="font-size:16px;margin:6px 0 4px;color:var(--blue-900);">Excavator hire — mining support</h4>
    <span style="font-size:12.5px;color:var(--crimson-600);font-weight:600;">Ashanti Region</span>
  </div>
  <p style="font-size:14.5px;color:var(--steel);padding-top:4px;">Six-month hire of Ensign excavators to a gold mine operator for overburden removal.</p>
</div>
  </div>
</section><section class="cta-band"><div class="wrap"><h2>Want Paytell on your next project?</h2><p>Contact us with your scope and we'll put together a proposal.</p><div class="btn-row" style="justify-content:center;display:flex;gap:14px;"><a href="{{ route('contact') }}" class="cta-btn" style="background:#fff;color:var(--crimson-600);">Get in touch</a></div></div></section>

@endsection