breakign changes

2026-07-24 15:16:10 +01:00
parent 157450cf44
commit 4988cb85bd
15 changed files with 457 additions and 76 deletions
@@ -1 +1,27 @@
-<x-layouts.app :title="__('Blog')"><div class="mx-auto max-w-5xl"><h1 class="mb-8 text-4xl font-bold">Blog</h1><div class="grid gap-6 md:grid-cols-2">@foreach($records as $record)<article class="rounded-xl border p-6"><h2 class="text-xl font-semibold"><a href="{{ route('blog.public.show',$record->slug) }}">{{ $record->title }}</a></h2><p class="mt-2 text-zinc-600">{{ $record->excerpt }}</p></article>@endforeach</div><div class="mt-8">{{ $records->links() }}</div></div></x-layouts.app>
+<x-stylist-theme-saasland::layouts.app
+    title="Blog"
+    description="Ideas, guides and updates from our team."
+    eyebrow="Insights"
+    :breadcrumbs="['Blog' => null]"
+>
+    <section class="content-section">
+        <div class="wrap">
+            <div class="content-grid">
+                @forelse($records as $record)
+                    <article class="post-card">
+                        <div class="post-card-accent"></div>
+                        <div class="post-card-body">
+                            <span class="post-meta">{{ optional($record->published_at)->format('j F Y') ?: 'Latest article' }}</span>
+                            <h2><a href="{{ route('blog.public.show', $record->slug) }}">{{ $record->title }}</a></h2>
+                            @if($record->excerpt)<p>{{ $record->excerpt }}</p>@endif
+                            <a class="read-more" href="{{ route('blog.public.show', $record->slug) }}">Read article →</a>
+                        </div>
+                    </article>
+                @empty
+                    <div class="empty-state">No blog posts have been published yet.</div>
+                @endforelse
+            </div>
+            <div class="theme-pagination">{{ $records->links() }}</div>
+        </div>
+    </section>
+</x-stylist-theme-saasland::layouts.app>
@@ -1 +1,19 @@
-<x-layouts.app :title="$record->title"><article class="mx-auto max-w-3xl"><h1 class="text-4xl font-bold">{{ $record->title }}</h1><p class="mt-3 text-zinc-500">{{ optional($record->published_at)->format('j F Y') }}</p><div class="prose mt-8 max-w-none">{!! nl2br(e($record->content)) !!}</div></article></x-layouts.app>
+<x-stylist-theme-saasland::layouts.app
+    :title="$record->title"
+    :description="$record->excerpt"
+    eyebrow="Blog"
+    :breadcrumbs="['Blog' => route('blog.public.index'), $record->title => null]"
+>
+    <section class="content-section">
+        <div class="wrap content-layout">
+            <article class="content-card prose-content">
+                <div class="article-meta">
+                    @if($record->author)<span>{{ $record->author->name }}</span>@endif
+                    @if($record->published_at)<time datetime="{{ $record->published_at->toDateString() }}">{{ $record->published_at->format('j F Y') }}</time>@endif
+                </div>
+                @if($record->excerpt)<p class="content-lead">{{ $record->excerpt }}</p>@endif
+                <div class="cms-content">{!! nl2br(e($record->content)) !!}</div>
+            </article>
+        </div>
+    </section>
+</x-stylist-theme-saasland::layouts.app>