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 = ({ posts }) => { const { url } = usePage(); const renderPagination = () => { if (!posts.links || posts.links.length <= 3) return null; return (
{posts.links.map((link, index) => ( ))}
); }; return ( {/* Hero Section */}

Unser Blog

Tipps, Tricks und Inspiration für perfekte Event-Fotos.

Zum Blog
{/* Posts Section */}

Neueste Beiträge

{posts.data.length > 0 ? ( <>
{posts.data.map((post) => (
{post.featured_image && ( {post.title} )}

{post.title}

{post.excerpt}

Veröffentlicht am {post.published_at}

Weiterlesen
))}
{renderPagination()} ) : (

Keine Beiträge verfügbar.

)}
); }; export default Blog;