import AltivateLayout from '@/Layouts/AltivateLayout'; import { Head, Link } from '@inertiajs/react'; import { ArrowUpRight, Calendar, User, Folder } from 'lucide-react'; interface Post { id: number; title: string; slug: string; excerpt: string | null; published_at: string; category?: { name: string, slug: string }; author?: { name: string }; media?: { url: string }; } interface Category { id: number; name: string; slug: string; } export default function Index({ posts, categories }: { posts: Post[], categories: Category[] }) { return (
{/* Header */}

Altivate Insights

Strategies for the modern system.

All Articles {categories.map((cat) => ( {cat.name} ))}
{/* Blog Grid */}
{posts.length > 0 ? (
{posts.map((post) => (
{post.media?.url ? ( {post.title} ) : (
)}
{post.category?.name || 'Insight'} {new Date(post.published_at).toLocaleDateString()}

{post.title}

{post.excerpt}

Read full story
))}
) : (

No articles found in this category. Check back soon.

)}
); }