File Manager Lite

Dir: /home/codewavebd/public_html/resources/views/frontend/blog

index.blade.php (3.17 KB)

Edit: index.blade.php

@extends('layouts.frontend')

@section('seo_title', 'CodeWave BD | Technology Blog, Insights & Monolith Laravel')
@section('seo_description', 'Read technical articles regarding database architecture, POS offline syncing, and Laravel monolith speed optimization.')
@section('seo_keywords', 'codewave blog, software architecture bangladesh, programming insights')

@section('content')

<section class="case-study-hero">
    <div class="container">
        <span class="badge bg-secondary border border-info rounded-pill px-3 py-2 text-info uppercase tracking-wider mb-3 small">
            Ecosystem Insights
        </span>
        <h1 class="display-4 font-heading fw-bold text-white mb-3">The CodeWave Journal</h1>
        <p class="fs-5 text-secondary">Operational wisdom, Laravel benchmarks, database architecture, and retail software guides.</p>
    </div>
</section>

<section class="py-5">
    <div class="container py-3">
        <div class="row g-4">
            @forelse($posts as $post)
                <div class="col-md-6 col-lg-4">
                    <div class="glass-card overflow-hidden h-100 d-flex flex-column justify-content-between">
                        <div>
                            @if($post->image)
                                <img src="{{ asset('uploads/' . $post->image) }}" class="img-fluid w-100" style="height: 200px; object-fit: cover;" alt="{{ $post->title }}" loading="lazy">
                            @else
                                <div class="bg-secondary d-flex align-items-center justify-content-center text-muted" style="height: 200px;">Journal Cover Image</div>
                            @endif
                            <div class="p-4">
                                <span class="text-info small fw-semibold d-block mb-2"><i class="bi bi-calendar-event me-2"></i>{{ $post->published_at ? $post->published_at->format('M d, Y') : $post->created_at->format('M d, Y') }}</span>
                                <h5 class="font-heading text-white mb-3">{{ $post->title }}</h5>
                                <p class="text-muted small mb-0">{{ Str::limit($post->short_description, 140) }}</p>
                            </div>
                        </div>
                        <div class="p-4 border-top border-secondary bg-transparent d-flex justify-content-between align-items-center">
                            <span class="text-secondary small">By {{ $post->author_name }}</span>
                            <a href="{{ route('blog.show', $post->slug) }}" class="text-info text-decoration-none small fw-semibold">
                                Read Article <i class="bi bi-arrow-right ms-1"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @empty
                <div class="col-12 text-center py-5">
                    <h5 class="text-muted font-heading">No articles published yet. Stay tuned!</h5>
                </div>
            @endforelse
        </div>

<div class="d-flex justify-content-center mt-5">
            {{ $posts->links() }}
        </div>
    </div>
</section>

@endsection