@extends('layouts.app')
@section('title', 'Forex Bureau — 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 › Services › Forex bureau</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;">Forex bureau — currency exchange.</h1>
    <p style="font-size:15.5px;color:rgba(255,255,255,0.75);max-width:580px;">Competitive rates, fast service and a trustworthy team. Paytell's forex desk handles personal and commercial currency exchange.</p>
  </div>
</section>
<section class="section">
  <div class="wrap">
    <div style="display:grid;grid-template-columns:1.2fr 0.8fr;gap:64px;">
      <div>
        <div class="eyebrow">Our forex services</div>
        <h2 style="font-size:28px;margin-bottom:14px;">Exchange you can rely on.</h2>
        <p style="color:var(--steel);margin-bottom:28px;">Paytell's forex bureau is authorised to buy and sell major foreign currencies, providing fast, transparent exchange for individuals and corporate clients.</p>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);">
          <div style="background:#fff;padding:24px;"><h4 style="margin-bottom:8px;">USD / GHS</h4><p style="font-size:13.5px;color:var(--steel);">Buy and sell US Dollars at competitive rates.</p></div>
          <div style="background:#fff;padding:24px;"><h4 style="margin-bottom:8px;">GBP / GHS</h4><p style="font-size:13.5px;color:var(--steel);">British Pound exchange for travel and business.</p></div>
          <div style="background:#fff;padding:24px;"><h4 style="margin-bottom:8px;">EUR / GHS</h4><p style="font-size:13.5px;color:var(--steel);">Euro exchange for trade and personal use.</p></div>
          <div style="background:#fff;padding:24px;"><h4 style="margin-bottom:8px;">Other currencies</h4><p style="font-size:13.5px;color:var(--steel);">Contact us for rates on other major currencies.</p></div>
        </div>
      </div>
      <div>
        <div style="background:var(--blue-900);border-radius:4px;padding:30px;color:#fff;">
          <div class="eyebrow" style="color:#F0AAB4;">Visit our bureau</div>
          <h3 style="color:#fff;font-size:20px;margin-bottom:12px;">Tweneboah House,<br>East Legon, Accra</h3>
          <p style="color:rgba(255,255,255,0.72);font-size:14px;margin-bottom:20px;">Mon – Sat, 8am – 6pm</p>
          <p style="color:rgba(255,255,255,0.72);font-size:14px;">+233 244 271 418</p>
          <a href="{{ route('contact') }}" class="cta-btn" style="display:inline-block;margin-top:20px;text-decoration:none;">Enquire about rates</a>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="cta-band">
  <div class="wrap">
    <h2>Need forex services?</h2>
    <p>Visit our bureau in East Legon or call us for today's rates.</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);">Contact us</a>
      <a href="{{ route('services.index') }}" class="cta-ghost" style="border-color:#fff;color:#fff;">Back to services</a>
    </div>
  </div>
</section>

@endsection