Save workspace changes

.deploy/artwork-evolution-release/resources/views/web/blog/index.blade.php

@@ -0,0 +1,54 @@
+{{--
+    Blog index — uses ContentLayout.
+--}}
+@extends('layouts.nova.content-layout')
+
+@php
+    $hero_title = 'Blog';
+    $hero_description = 'News, tutorials and community stories from the Skinbase team.';
+@endphp
+
+@section('page-content')
+
+@if($posts->isNotEmpty())
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        @foreach($posts as $post)
+            <a href="{{ $post->url }}"
+               class="group block rounded-xl border border-white/[0.06] bg-white/[0.02] overflow-hidden hover:bg-white/[0.05] transition-colors">
+                @if($post->featured_image)
+                    <div class="aspect-video bg-nova-800 overflow-hidden">
+                        <img src="{{ $post->featured_image }}" alt="{{ $post->title }}" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
+                    </div>
+                @else
+                    <div class="aspect-video bg-gradient-to-br from-sky-900/30 to-purple-900/30 flex items-center justify-center">
+                        <i class="fa-solid fa-newspaper text-3xl text-white/20"></i>
+                    </div>
+                @endif
+                <div class="p-5">
+                    <h2 class="text-lg font-semibold text-white group-hover:text-sky-300 transition-colors line-clamp-2">
+                        {{ $post->title }}
+                    </h2>
+                    @if($post->excerpt)
+                        <p class="mt-2 text-sm text-white/50 line-clamp-3">{{ $post->excerpt }}</p>
+                    @endif
+                    @if($post->published_at)
+                        <time class="mt-3 block text-xs text-white/30" datetime="{{ $post->published_at->toIso8601String() }}">
+                            {{ $post->published_at->format('M j, Y') }}
+                        </time>
+                    @endif
+                </div>
+            </a>
+        @endforeach
+    </div>
+
+    <div class="mt-10 flex justify-center">
+        {{ $posts->withQueryString()->links() }}
+    </div>
+@else
+    <div class="rounded-xl border border-white/[0.06] bg-white/[0.02] px-8 py-12 text-center">
+        <i class="fa-solid fa-newspaper text-4xl text-white/20 mb-4"></i>
+        <p class="text-white/40 text-sm">No blog posts published yet. Check back soon!</p>
+    </div>
+@endif
+
+@endsection

.deploy/artwork-evolution-release/resources/views/web/blog/show.blade.php

@@ -0,0 +1,66 @@
+{{--
+    Blog post — uses ContentLayout.
+--}}
+@extends('layouts.nova.content-layout')
+
+@php
+    $hero_title = $post->title;
+    $seo = \App\Support\Seo\SeoDataBuilder::fromArray(
+        app(\App\Support\Seo\SeoFactory::class)->fromViewData(get_defined_vars())
+    )
+        ->og(
+            type: 'article',
+            title: $post->meta_title ?: $post->title,
+            description: $post->meta_description ?: $post->excerpt ?: '',
+            url: $post->url,
+            image: $post->featured_image,
+        )
+        ->addJsonLd([
+            '@context' => 'https://schema.org',
+            '@type' => 'Article',
+            'headline' => $post->title,
+            'datePublished' => $post->published_at?->toIso8601String(),
+            'dateModified' => $post->updated_at?->toIso8601String(),
+            'author' => [
+                '@type' => 'Organization',
+                'name' => 'Skinbase',
+            ],
+            'publisher' => [
+                '@type' => 'Organization',
+                'name' => 'Skinbase',
+            ],
+            'description' => $post->meta_description ?: $post->excerpt ?: '',
+            'mainEntityOfPage' => $post->url,
+            'image' => $post->featured_image,
+        ])
+        ->build();
+@endphp
+
+@section('page-content')
+
+<article class="max-w-3xl">
+    @if($post->featured_image)
+        <div class="rounded-xl overflow-hidden mb-8">
+            <img src="{{ $post->featured_image }}" alt="{{ $post->title }}" class="w-full" />
+        </div>
+    @endif
+
+    @if($post->published_at)
+        <time class="block text-sm text-white/40 mb-4" datetime="{{ $post->published_at->toIso8601String() }}">
+            {{ $post->published_at->format('F j, Y') }}
+        </time>
+    @endif
+
+    <div class="prose prose-invert prose-headings:text-white prose-a:text-sky-400 prose-p:text-white/70 max-w-none">
+        {!! $post->body !!}
+    </div>
+
+    <div class="mt-12 pt-8 border-t border-white/10">
+        <a href="/blog" class="inline-flex items-center gap-2 text-sm text-sky-400 hover:text-sky-300 transition-colors">
+            <i class="fa-solid fa-arrow-left text-xs"></i>
+            Back to Blog
+        </a>
+    </div>
+</article>
+
+@endsection