import Link from "next/link"; import SiteHeader from "@/components/layout/SiteHeader"; import { LANDING_ACTION_PATHS, type LandingCMS } from "@/lib/cms/landing"; import type { PublicEvent } from "@/lib/events/public"; import { homeContent, type PublicCopy } from "@/content/home"; import { InlineText } from "@/components/cms/LandingInlineEditor"; import LandingSectionCanvas from "@/components/cms/LandingSectionCanvas"; import type { LandingPageSection } from "@/lib/cms/landing-section-schema"; const trackDetails = { key: { number: "01", icon: "📖", tone: "learn", }, event: { number: "02", icon: "☕", tone: "connect", }, volunteer: { number: "03", icon: "🤝", tone: "contribute", }, } as const; const trackLabelFields: Record<"key" | "event" | "volunteer", keyof PublicCopy> = { key: "keyTrackLabel", event: "eventTrackLabel", volunteer: "volunteerTrackLabel", }; function formatDate(value: string | null) { if (!value) return "Jadwal menyusul"; return new Intl.DateTimeFormat("id-ID", { day: "numeric", month: "long", year: "numeric", timeZone: "UTC", }).format(new Date(`${value.slice(0, 10)}T00:00:00Z`)); } function eventMode(mode: PublicEvent["mode"]) { if (mode === "online") return "Online"; if (mode === "hybrid") return "Hybrid"; return "Offline"; } export default function CommunityHome({ landing, events, sections, }: { landing: LandingCMS; events: PublicEvent[]; sections: LandingPageSection[]; }) { const actions = homeContent.actions .map((fallback) => { const action = landing.actions.find( (item) => item.actionKey === fallback.id, ); return { ...fallback, title: action?.title || fallback.title, description: action?.description || fallback.description, cta: action?.cta || fallback.cta, href: action?.href || LANDING_ACTION_PATHS[fallback.id], mediaUrl: action?.mediaUrl ?? null, active: action?.active ?? true, }; }) .filter((action) => action.active); return (

{actions.map((action) => { const track = trackDetails[action.id]; const trackLabelField = trackLabelFields[action.id]; const cmsAction = landing.actions.find((item) => item.actionKey === action.id); return (
{track.number} / 03
{action.mediaUrl && ( {cmsAction ? ( ) : action.cta}
); })}

{events.length > 0 ? (
{events.map((event) => (
{event.type || }

{event.title}

{event.description?.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim().slice(0, 130) || } {event.description && event.description.length > 130 ? "…" : ""}

{formatDate(event.date)} {eventMode(event.mode)} {event.location && {event.location}}
))}
) : (

)}

); }