import { Head, Link } from "@inertiajs/react";
import { motion } from "framer-motion";
import { Nav } from "@/components/sections/Nav";
import { Footer } from "@/components/sections/Footer";
import { fadeUp, staggerContainer, staggerItem, viewportOptions } from "@/lib/animations";
interface Post {
id: number;
title: string;
slug: string;
excerpt: string | null;
image_url: string | null;
category: string;
published_at: string;
}
interface PaginatedPosts {
data: Post[];
links: { url: string | null; label: string; active: boolean }[];
}
function formatDate(d: string) {
return new Date(d).toLocaleDateString("en-GB", { day: "numeric", month: "long", year: "numeric" });
}
function PostCard({ post, accent = "text-amber" }: { post: Post; accent?: string }) {
return (
{post.image_url ? (
) : (
{post.category === "Success Story" ? "⭐" : post.category === "Opportunity" ? "💼" : "📰"}
)}
{post.category}
{post.title}
{post.excerpt && (
{post.excerpt}
)}
{formatDate(post.published_at)}
);
}
function StoryCard({ post }: { post: Post }) {
return (
{post.image_url ? (
) : (
⭐
)}
Success Story
{post.title}
{post.excerpt && (
{post.excerpt}
)}
{formatDate(post.published_at)}
);
}
function OpportunityCard({ post }: { post: Post }) {
return (
Opportunity
{post.title}
{post.excerpt && (
{post.excerpt}
)}
{formatDate(post.published_at)}
Read more →
);
}
export default function NewsletterPage({
news,
stories,
opportunities,
}: {
news: PaginatedPosts;
stories: Post[];
opportunities: Post[];
}) {
return (
<>