@extends('layouts.app', [
    'title' => 'SEO Case Studies and Research in Kenya',
    'description' => 'Explore our portfolio of successful SEO and digital marketing case studies. Learn how we help businesses achieve their online marketing goals through strategic implementation.',
    'keywords' => 'seo case studies, digital marketing case studies, seo success stories, kenya seo agency, digital marketing portfolio, seo results, marketing case studies',
    'canonical' => url('/case-studies')
])

@section('content')
    <section class="sk-case-index-hero">
        <div class="container">
            <h1 class="sk-case-index-hero__title">SEO Case Studies and Research in Kenya</h1>
            <p class="sk-case-index-hero__lead mb-0">
                Real results from SEO and digital marketing projects — see how we help Kenyan businesses grow organic traffic,
                leads, and revenue.
            </p>
        </div>
    </section>

    <section class="sk-case-index">
        <div class="container">
            @if($caseStudies->count() > 0)
                <div class="row g-4">
                    @foreach($caseStudies as $caseStudy)
                        @php
                            $thumb = $caseStudy->featured_image
                                ? asset('assets/case-studies/' . $caseStudy->featured_image)
                                : asset(config('specialist.brand.logo'));
                            $typeSlug = Str::slug($caseStudy->type ?? 'client');
                        @endphp
                        <div class="col-md-6 col-lg-4">
                            <article class="sk-case-index-card">
                                <a href="{{ route('guest.case-studies.show', $caseStudy->slug) }}"
                                   class="sk-case-index-card__image-link"
                                   aria-label="Read case study: {{ $caseStudy->title }}">
                                    <img src="{{ $thumb }}"
                                         class="sk-case-index-card__image"
                                         alt="{{ $caseStudy->title }}"
                                         width="400"
                                         height="220"
                                         loading="lazy">
                                </a>
                                <div class="sk-case-index-card__body">
                                    <p class="sk-case-index-card__meta mb-0">
                                        <span class="sk-case-index-card__type sk-case-index-card__type--{{ $typeSlug }}">
                                            {{ ucfirst($caseStudy->type) }}
                                        </span>
                                        @if($caseStudy->industry)
                                            <span class="sk-case-index-card__industry">{{ $caseStudy->industry }}</span>
                                        @endif
                                    </p>
                                    <h2 class="sk-case-index-card__title">
                                        <a href="{{ route('guest.case-studies.show', $caseStudy->slug) }}">{{ $caseStudy->title }}</a>
                                    </h2>
                                    @if($caseStudy->overview)
                                        <p class="sk-case-index-card__excerpt mb-0">
                                            {{ Str::limit(strip_tags($caseStudy->overview), 120) }}
                                        </p>
                                    @endif
                                    <div class="sk-case-index-card__footer">
                                        <span class="sk-case-index-card__client">
                                            @if($caseStudy->company_name)
                                                <i class="fas fa-building" aria-hidden="true"></i>
                                                {{ $caseStudy->company_name }}
                                            @endif
                                            @if($caseStudy->duration)
                                                <span class="sk-case-index-card__duration">
                                                    <i class="fas fa-clock" aria-hidden="true"></i>
                                                    {{ $caseStudy->duration }}
                                                </span>
                                            @endif
                                        </span>
                                        <a href="{{ route('guest.case-studies.show', $caseStudy->slug) }}"
                                           class="btn btn-outline-primary btn-sm">
                                            Read Study
                                        </a>
                                    </div>
                                </div>
                            </article>
                        </div>
                    @endforeach
                </div>

                <div class="sk-case-index-cta">
                    <h2 class="sk-case-index-cta__title">Want results like these for your business?</h2>
                    <p class="sk-case-index-cta__text mb-0">
                        Book a consultation and we'll review your site, competitors, and the fastest path to measurable SEO growth.
                    </p>
                    <a href="{{ url('/book-consultation') }}" class="btn btn-primary btn-lg px-4 mt-3">
                        Book Free Consultation
                    </a>
                </div>

                @if($caseStudies->hasPages())
                    <nav class="sk-case-index-pagination" aria-label="Case studies pagination">
                        {{ $caseStudies->links() }}
                    </nav>
                @endif
            @else
                <div class="sk-case-index-empty text-center">
                    <h2 class="sk-case-index-empty__title">Case Studies Coming Soon</h2>
                    <p class="sk-case-index-empty__text">
                        We're preparing new SEO success stories and research from Kenyan projects.
                        Check back soon or talk to our team about your goals.
                    </p>
                    <a href="{{ url('/book-consultation') }}" class="btn btn-primary btn-lg px-4">
                        Book Consultation
                    </a>
                </div>
            @endif
        </div>
    </section>

    <section class="sk-case-index-prose" aria-labelledby="case-index-prose-heading">
        <div class="container">
            <div class="row">
                <div class="col-12 sk-case-index-prose__inner">
                    <h2 class="sk-case-index-prose__title" id="case-index-prose-heading">Why SEO Case Studies Matter in Kenya</h2>
                    <p>
                        Case studies show how search strategy translates into real business outcomes — not vanity metrics alone.
                        For Kenyan companies competing online, documented results help you evaluate agencies, justify investment,
                        and understand what works in local and regional search.
                    </p>

                    <h3>What Our Case Studies Cover</h3>
                    <ul>
                        <li>Starting position, technical constraints, and competitive landscape</li>
                        <li>Strategy, implementation approach, and tools used</li>
                        <li>Traffic, rankings, leads, revenue, or other measurable outcomes</li>
                        <li>Lessons learned and replicable tactics for similar businesses</li>
                    </ul>

                    <h3>Industries We Document</h3>
                    <div class="table-responsive">
                        <table class="sk-case-index-prose__table mb-0">
                            <thead>
                                <tr>
                                    <th scope="col">Sector</th>
                                    <th scope="col">Typical SEO Focus</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>E-commerce &amp; retail</td>
                                    <td>Category pages, product SEO, site speed, and crawl efficiency</td>
                                </tr>
                                <tr>
                                    <td>Professional services</td>
                                    <td>Local SEO, authority building, and conversion-focused landing pages</td>
                                </tr>
                                <tr>
                                    <td>SaaS &amp; technology</td>
                                    <td>Technical SEO, content clusters, and programmatic page strategy</td>
                                </tr>
                                <tr>
                                    <td>Education &amp; NGOs</td>
                                    <td>Informational content, trust signals, and regional visibility</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <p class="mb-0">
                        Explore the studies above or
                        <a href="{{ url('/book-consultation') }}">book a consultation</a>
                        to discuss a project tailored to your market.
                    </p>
                </div>
            </div>
        </div>
    </section>
@endsection