Add typical webpages as examples: product info, blog, event, recipe & contact page

app/Http/Middleware/NoIndexHeader.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Symfony\Component\HttpFoundation\Response;
+
+class NoIndexHeader
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        $response = $next($request);
+        $response->headers->set('X-Robots-Tag', 'noindex, nofollow');
+
+        return $response;
+    }
+}

resources/css/app.css

@@ -129,3 +129,129 @@
 .route-description {
     @apply text-xs text-gray-500 dark:text-gray-400;
 }
+
+/* Article/Prose Typography */
+.prose {
+    @apply text-gray-700 dark:text-gray-300;
+    line-height: 1.75;
+}
+
+.prose > * + * {
+    margin-top: 1.5em;
+}
+
+.prose p {
+    margin-bottom: 1.25em;
+}
+
+.prose .lead {
+    @apply text-xl text-gray-600 dark:text-gray-400 leading-relaxed;
+    margin-bottom: 2em;
+}
+
+.prose h2 {
+    @apply text-2xl font-semibold text-gray-900 dark:text-white;
+    margin-top: 2.5em;
+    margin-bottom: 1em;
+    line-height: 1.3;
+}
+
+.prose h3 {
+    @apply text-xl font-semibold text-gray-900 dark:text-white;
+    margin-top: 2em;
+    margin-bottom: 0.75em;
+    line-height: 1.4;
+}
+
+.prose h4 {
+    @apply text-lg font-semibold text-gray-900 dark:text-white;
+    margin-top: 1.5em;
+    margin-bottom: 0.5em;
+}
+
+.prose a {
+    @apply text-primary font-medium;
+    text-decoration: underline;
+    text-underline-offset: 2px;
+    transition: color 0.15s ease;
+}
+
+.prose a:hover {
+    @apply text-primary-light;
+}
+
+.prose strong {
+    @apply font-semibold text-gray-900 dark:text-white;
+}
+
+.prose ul {
+    @apply pl-0 my-6;
+    list-style: none;
+}
+
+.prose ul li {
+    @apply relative pl-6 mb-3;
+}
+
+.prose ul li::before {
+    content: '';
+    @apply absolute left-0 top-[0.6em] w-1.5 h-1.5 bg-primary rounded-full;
+}
+
+.prose ol {
+    @apply pl-0 my-6;
+    list-style: none;
+    counter-reset: list-counter;
+}
+
+.prose ol li {
+    @apply relative pl-8 mb-3;
+    counter-increment: list-counter;
+}
+
+.prose ol li::before {
+    content: counter(list-counter) ".";
+    @apply absolute left-0 font-semibold text-primary;
+}
+
+.prose blockquote {
+    @apply border-l-4 border-primary/30 pl-6 my-8 italic text-gray-600 dark:text-gray-400;
+}
+
+.prose code {
+    @apply text-sm font-mono bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-primary;
+}
+
+.prose pre {
+    @apply bg-gray-900 dark:bg-gray-950 rounded-xl p-6 my-8 overflow-x-auto;
+}
+
+.prose pre code {
+    @apply bg-transparent p-0 text-gray-100;
+}
+
+.prose hr {
+    @apply border-t border-gray-200 dark:border-gray-800 my-12;
+}
+
+.prose img {
+    @apply rounded-xl my-8;
+}
+
+.prose figure {
+    @apply my-8;
+}
+
+.prose figcaption {
+    @apply text-sm text-gray-500 dark:text-gray-400 text-center mt-3;
+}
+
+/* Larger prose variant */
+.prose-lg {
+    @apply text-lg;
+    line-height: 1.8;
+}
+
+.prose-lg .lead {
+    @apply text-xl;
+}