Fix auth form errors and redirects: Add React keys/useEffects for error rendering and scroll, Inertia::location in controllers for SPA navigation, extend RegistrationTest and add E2E. Update docs (changes/2025-10-02-registration-fixes.md, prp/13-backend-authentication.md). Add new UI components (accordion, carousel, progress, table, tabs), marketing/legal pages (Blog, Kontakt, Datenschutz, etc.), fonts, user migration (remove_name), views/css/package updates, seeders/factories.

2025-10-02 11:40:48 +02:00
parent 1945f664c6
commit 7475210893
101 changed files with 3406 additions and 376 deletions
--- a/resources/js/pages/marketing/Blog.tsx
+++ b/resources/js/pages/marketing/Blog.tsx
@@ -0,0 +1,98 @@
+import React from 'react';
+import { Head, Link, usePage } from '@inertiajs/react';
+import MarketingLayout from '@/layouts/marketing/MarketingLayout';
+
+interface Props {
+  posts: {
+    data: any[];
+    links: any[];
+    current_page: number;
+    last_page: number;
+  };
+}
+
+const Blog: React.FC<Props> = ({ posts }) => {
+  const { url } = usePage();
+
+  const renderPagination = () => {
+    if (!posts.links || posts.links.length <= 3) return null;
+    return (
+      <div className="mt-12 text-center">
+        <div className="flex justify-center space-x-2">
+          {posts.links.map((link, index) => (
+            <Link
+              key={index}
+              href={link.url || '#'}
+              className={`px-3 py-2 rounded ${
+                link.active
+                  ? 'bg-[#FFB6C1] text-white'
+                  : 'bg-gray-200 text-gray-700 hover:bg-gray-300'
+              }`}
+              dangerouslySetInnerHTML={{ __html: link.label }}
+            />
+          ))}
+        </div>
+      </div>
+    );
+  };
+
+  return (
+    <MarketingLayout title="Blog - Fotospiel">
+      <Head title="Blog - Fotospiel" />
+      {/* Hero Section */}
+      <section className="bg-aurora-enhanced text-white py-20 px-4">
+        <div className="container mx-auto text-center">
+          <h1 className="text-4xl md:text-6xl font-bold mb-4 font-display">Unser Blog</h1>
+          <p className="text-xl md:text-2xl mb-8 max-w-3xl mx-auto font-sans-marketing">Tipps, Tricks und Inspiration für perfekte Event-Fotos.</p>
+          <Link href="#posts" className="bg-white text-[#FFB6C1] px-8 py-4 rounded-full font-semibold text-lg font-sans-marketing hover:bg-gray-100 transition">
+            Zum Blog
+          </Link>
+        </div>
+      </section>
+
+      {/* Posts Section */}
+      <section id="posts" className="py-20 px-4 bg-white">
+        <div className="container mx-auto max-w-4xl">
+          <h2 className="text-3xl font-bold text-center mb-12 font-display">Neueste Beiträge</h2>
+          {posts.data.length > 0 ? (
+            <>
+              <div className="grid md:grid-cols-2 gap-8">
+                {posts.data.map((post) => (
+                  <div key={post.id} className="bg-gray-50 p-6 rounded-lg">
+                    {post.featured_image && (
+                      <img
+                        src={post.featured_image}
+                        alt={post.title}
+                        className="w-full h-48 object-cover rounded mb-4"
+                      />
+                    )}
+                    <h3 className="text-xl font-semibold mb-2 font-sans-marketing">
+                      <Link href={`/blog/${post.slug}`} className="hover:text-[#FFB6C1]">
+                        {post.title}
+                      </Link>
+                    </h3>
+                    <p className="mb-4 text-gray-700 font-serif-custom">{post.excerpt}</p>
+                    <p className="text-sm text-gray-500 mb-4 font-sans-marketing">
+                      Veröffentlicht am {post.published_at}
+                    </p>
+                    <Link
+                      href={`/blog/${post.slug}`}
+                      className="text-[#FFB6C1] font-semibold font-sans-marketing hover:underline"
+                    >
+                      Weiterlesen
+                    </Link>
+                  </div>
+                ))}
+              </div>
+              {renderPagination()}
+            </>
+          ) : (
+            <p className="text-center text-gray-600 font-serif-custom">Keine Beiträge verfügbar.</p>
+          )}
+        </div>
+      </section>
+    </MarketingLayout>
+  );
+};
+
+export default Blog;