@extends('layouts.site')
@section('title','Blog — Zuma Super App')
@section('description','Insights, founder notes, and deep-dives from East Africa\'s leading super app.')
@push('styles')
<style>
.blog-hero{background:linear-gradient(135deg,#0d1117 0%,#1a2744 100%);padding:72px 0 56px;text-align:center;color:#fff}
.blog-hero h1{font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:12px}
.blog-hero p{color:rgba(255,255,255,.7);font-size:1.05rem}
.blog-cats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.blog-cat{padding:7px 18px;border-radius:999px;font-size:.8rem;font-weight:700;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .2s}
.blog-cat:hover,.blog-cat.active{background:#fff;color:var(--ink)}
.blog-main{padding:72px 0}
.blog-grid{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.blog-card{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transition:all .3s;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.bc-img{height:220px;background-size:cover;background-position:center;position:relative}
.bc-cat{position:absolute;bottom:14px;left:14px;background:var(--primary);color:#fff;padding:4px 12px;border-radius:7px;font-size:.7rem;font-weight:700}
.bc-body{padding:24px;flex:1;display:flex;flex-direction:column}
.bc-meta{font-size:.75rem;color:var(--ink-3);margin-bottom:10px;display:flex;align-items:center;gap:12px}
.bc-meta span{display:flex;align-items:center;gap:5px}
.bc-body h3{font-size:1.05rem;margin-bottom:10px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;line-height:1.4}
.bc-body p{font-size:.83rem;color:var(--ink-3);line-height:1.6;flex:1}
.bc-read{margin-top:16px;font-size:.8rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:6px}
</style>
@endpush
@section('content')
<div class="blog-hero">
    <div class="wrap">
        <span class="section-label" style="background:rgba(255,255,255,.1);color:#fff">From the team</span>
        <h1>The Zuma Blog</h1>
        <p>Insights, founder notes, and deep-dives on East Africa's digital economy.</p>
        <div class="blog-cats">
            <span class="blog-cat active">All</span>
            <span class="blog-cat">Ride Hailing</span>
            <span class="blog-cat">Healthcare</span>
            <span class="blog-cat">Fintech</span>
            <span class="blog-cat">E-Commerce</span>
            <span class="blog-cat">Real Estate</span>
            <span class="blog-cat">Founder Notes</span>
        </div>
    </div>
</div>
<section class="blog-main">
    <div class="wrap">
        <div class="blog-grid">
            @php
            $posts = [
                ['slug'=>'why-east-africa-needs-super-app','title'=>'Why East Africa Needs Its Own Super App — And Why Zuma Is Building It','cat'=>'Company','img'=>'https://images.unsplash.com/photo-1611348586804-61bf6c080437?w=600&q=80','excerpt'=>'The average Nairobi resident has seven apps just to manage daily life. Zuma is building the infrastructure to replace them all.','date'=>'June 2025','read'=>8,'views'=>'5.2K'],
                ['slug'=>'ride-hailing-east-africa','title'=>'Zuma Rides: How AI Surge Pricing Works — And Why It\'s Fairer Than You Think','cat'=>'Ride Hailing','img'=>'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&q=80','excerpt'=>'Surge pricing gets a bad reputation. Here\'s how Zuma uses AI to compute fair fares in real time.','date'=>'June 2025','read'=>7,'views'=>'3.8K'],
                ['slug'=>'zuma-health-pharmacy','title'=>'Zuma Health: Bringing Digital Pharmacy to East Africa','cat'=>'Healthcare','img'=>'https://images.unsplash.com/photo-1576091160550-2173dba999ef?w=600&q=80','excerpt'=>'Prescription drugs at your door, doctor consultations by video, lab tests in one tap.','date'=>'June 2025','read'=>9,'views'=>'4.1K'],
                ['slug'=>'zuma-wallet-mobile-money','title'=>'One Wallet for KES, UGX and TZS: The Zuma Finance Story','cat'=>'Fintech','img'=>'https://images.unsplash.com/photo-1611348586804-61bf6c080437?w=600&q=80','excerpt'=>'Why we built a multi-currency wallet that connects M-Pesa, MTN MoMo and Stripe into one flow.','date'=>'May 2025','read'=>10,'views'=>'6.7K'],
                ['slug'=>'zuma-real-estate-east-africa','title'=>'Zuma Real Estate: How We\'re Fixing East Africa\'s Broken Property Market','cat'=>'Real Estate','img'=>'https://images.unsplash.com/photo-1560518883-ce09059eeffa?w=600&q=80','excerpt'=>'Fake listings, agent fraud, and cash payments with no paper trail. Here\'s how Zuma is changing property.','date'=>'May 2025','read'=>8,'views'=>'3.2K'],
                ['slug'=>'zuma-jobs-freelance-east-africa','title'=>'Zuma Jobs & Freelance: The East African Talent Economy','cat'=>'Jobs & Freelance','img'=>'https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=600&q=80','excerpt'=>'How Zuma is connecting employers with talent and protecting freelancers from non-payment.','date'=>'May 2025','read'=>7,'views'=>'2.9K'],
                ['slug'=>'zuma-courier-logistics','title'=>'Zuma Courier: Cross-Border Logistics Made Simple','cat'=>'Courier','img'=>'https://images.unsplash.com/photo-1566576912321-d58ddd7a6088?w=600&q=80','excerpt'=>'Same-day delivery in Nairobi, overnight to Kampala, express to Dar es Salaam.','date'=>'April 2025','read'=>6,'views'=>'1.8K'],
                ['slug'=>'zuma-travel-hotels-east-africa','title'=>'Safari on Zuma: Booking Travel and Hotels Across East Africa','cat'=>'Travel & Hotels','img'=>'https://images.unsplash.com/photo-1516426122078-c23e76319801?w=600&q=80','excerpt'=>'From a business hotel in Nairobi to a Maasai Mara safari — why local booking beats international OTAs.','date'=>'April 2025','read'=>7,'views'=>'2.4K'],
                ['slug'=>'zuma-affiliate-programme','title'=>'Zuma Affiliate Programme: Earn Money on Every Service You Recommend','cat'=>'Affiliate','img'=>'https://images.unsplash.com/photo-1553729459-efe14ef6055d?w=600&q=80','excerpt'=>'How to earn commissions on rides, food orders, pharmacy purchases, and every other Zuma service.','date'=>'April 2025','read'=>6,'views'=>'4.5K'],
                ['slug'=>'zuma-credit-score-loans','title'=>'The Zuma Credit Score: How We Lend to People Banks Won\'t Touch','cat'=>'Fintech','img'=>'https://images.unsplash.com/photo-1579621970563-ebec7560ff3e?w=600&q=80','excerpt'=>'Over 70% of East Africans are unbanked. Zuma uses transaction history to unlock credit for them.','date'=>'March 2025','read'=>9,'views'=>'5.8K'],
                ['slug'=>'zuma-social-hub-scheduling','title'=>'Zuma Social Hub: Schedule All Your Business Social Media in One Click','cat'=>'Social Hub','img'=>'https://images.unsplash.com/photo-1611162617474-5b21e879e113?w=600&q=80','excerpt'=>'Manage Facebook, Instagram, X, TikTok and LinkedIn from one Zuma dashboard.','date'=>'March 2025','read'=>5,'views'=>'1.6K'],
                ['slug'=>'zuma-ai-engine-explained','title'=>'How Zuma\'s AI Engine Works Across All 15 Services','cat'=>'East Africa Tech','img'=>'https://images.unsplash.com/photo-1555255707-c07966088b7b?w=600&q=80','excerpt'=>'One AI engine powers surge pricing, fraud detection, credit scoring, and recommendations.','date'=>'March 2025','read'=>10,'views'=>'7.2K'],
                ['slug'=>'zuma-finance-hub-entrepreneurs','title'=>'Zuma Finance Hub: The Business Dashboard Built for African Entrepreneurs','cat'=>'Fintech','img'=>'https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?w=600&q=80','excerpt'=>'Track income, manage expenses, send invoices, and understand your cash flow.','date'=>'February 2025','read'=>6,'views'=>'2.1K'],
                ['slug'=>'building-cross-country-platform-east-africa','title'=>'From Nairobi to Dar: Building a Platform That Works Across Three Countries','cat'=>'Founder Notes','img'=>'https://images.unsplash.com/photo-1598977054012-b2e3f53407e9?w=600&q=80','excerpt'=>'A Founder Note on the challenges of building a multi-country super app — and why it\'s worth it.','date'=>'January 2025','read'=>11,'views'=>'8.9K'],
                ['slug'=>'zuma-food-delivery-how-it-works','title'=>'Zuma Food: How We Get Your Order There in 30 Minutes','cat'=>'Food Delivery','img'=>'https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=600&q=80','excerpt'=>'From the moment you tap "Order" to the knock on your door — how Zuma Food delivery works.','date'=>'June 2025','read'=>6,'views'=>'3.3K'],
            ];
            @endphp
            @foreach($posts as $i => $post)
            <a href="/blog/{{ $post['slug'] }}" class="blog-card reveal" style="transition-delay:{{ ($i % 3) * 0.08 }}s">
                <div class="bc-img" style="background-image:url('{{ $post['img'] }}')">
                    <span class="bc-cat">{{ $post['cat'] }}</span>
                </div>
                <div class="bc-body">
                    <div class="bc-meta">
                        <span><i class="far fa-calendar"></i> {{ $post['date'] }}</span>
                        <span><i class="far fa-clock"></i> {{ $post['read'] }} min</span>
                        <span><i class="far fa-eye"></i> {{ $post['views'] }}</span>
                    </div>
                    <h3>{{ $post['title'] }}</h3>
                    <p>{{ $post['excerpt'] }}</p>
                    <span class="bc-read">Read article <i class="fas fa-arrow-right"></i></span>
                </div>
            </a>
            @endforeach
        </div>
    </div>
</section>
@endsection