import { Button } from "@/components/ui/button"; import { PlayCircle, GraduationCap, Users, Calendar, Newspaper, ImageIcon, ArrowRight, Trophy, Mic2, Award, FileText, Activity, Terminal } from "lucide-react"; import Link from "next/link"; import { prisma } from "@/lib/prisma"; import { getKabinetAktif } from "@/lib/data"; import { format } from "date-fns"; import { id } from "date-fns/locale"; import KomentarSection from "@/components/public/komentar-section"; import FeedbackSection from "@/components/public/feedback-section"; import { getKomentarPublik } from "@/lib/komentar-actions"; import KabarFeedSection from "@/components/public/kabar-feed-section"; export const revalidate = 60; export default async function HomePage() { let recentArticles: any[] = []; try { const [beritas, prestasis, rangers, laporans] = await Promise.all([ prisma.beritaHMF.findMany({ orderBy: { createdAt: 'desc' }, take: 10 }).catch(() => []), prisma.prestasi.findMany({ orderBy: { createdAt: 'desc' }, take: 10 }).catch(() => []), prisma.rangersTalk.findMany({ orderBy: { createdAt: 'desc' }, take: 10 }).catch(() => []), prisma.laporanKeuangan.findMany({ orderBy: { createdAt: 'desc' }, take: 10 }).catch(() => []), ]); const combinedMedia: any[] = [ ...beritas.map(b => ({ ...b, type: 'berita' as const, tipeDisplay: 'Berita HMF' })), ...prestasis.map(p => ({ ...p, type: 'prestasi' as const, tipeDisplay: 'Prestasi' })), ...rangers.map(r => ({ ...r, type: 'rangers-talk' as const, tipeDisplay: 'Rangers Talk' })), ...laporans.map(l => ({ ...l, type: 'laporan-keuangan' as const, tipeDisplay: 'Laporan Keuangan', narasi: l.narasi || `Periode: ${l.periode}` })), ].sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()); recentArticles = combinedMedia.slice(0, 4); } catch (err) { console.error("Gagal load media untuk homepage:", err); } // 1. Dapatkan Kabinet Aktif const kabinet = await getKabinetAktif(); const namaKabinet = kabinet?.namaKabinet || "Niskala Cakra Murni"; const periode = kabinet?.periode || "2026-2027"; const logoUrl = kabinet?.logoUrl || "/niskala.png"; const visi = kabinet?.visi || "Mewujudkan HMF FPMIPA UPI sebagai tempat pengembangan yang unggul, inovatif, strategis, dan efisien."; const misiRaw = kabinet?.misi || ""; const misiList = misiRaw ? misiRaw.split('\n').map((m: string) => m.trim()).filter((m: string) => m.length > 0) : ["Mendorong Prestasi Mahasiswa di Bidang Akademik dan Non-Akademik.", "Mengembangkan kapasitas mahasiswa fisika yang adaptif and profesional.", "Mengembangkan SDM yang Kompeten, Adaptif, dan Berkarakter.", "Meningkatkan eksistensi HMF FPMIPA UPI di internal maupun di eksternal kampus.", "Mempererat Kekeluargaan dan kenyamanan di organisasi."]; const formatDriveLink = (url?: string | null) => { if (!url) return url; const matchFile = url.match(/\/file\/d\/([a-zA-Z0-9_-]+)/); if (matchFile && matchFile[1]) return `https://lh3.googleusercontent.com/d/${matchFile[1]}`; const matchUc = url.match(/id=([a-zA-Z0-9_-]+)/); if (matchUc && matchUc[1] && url.includes('drive.google.com/uc')) return `https://lh3.googleusercontent.com/d/${matchUc[1]}`; return url; }; // Foto Default Jika Kosong const kabinetAny = kabinet as any; const h1 = formatDriveLink(kabinetAny?.heroPhoto1) || "https://images.unsplash.com/photo-1523240795612-9a054b0db644?q=80&w=2000"; const h2 = formatDriveLink(kabinetAny?.heroPhoto2) || "https://images.unsplash.com/photo-1517048676732-d65bc937f952?q=80&w=2000"; const h3 = formatDriveLink(kabinetAny?.heroPhoto3) || "https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=2000"; const h4 = formatDriveLink(kabinetAny?.heroPhoto4) || "https://images.unsplash.com/photo-1521737604893-d14cc237f11d?q=80&w=2000"; // Fetch data for new sections const [semuaPengurus, komentarPublik] = await Promise.all([ prisma.pengurus.findMany({ select: { id: true, nama: true, jabatan: true, fotoUrl: true } }).catch(() => []), getKomentarPublik(), ]); // Temukan Penanggung Jawab Web jika diset di Kabinet const penanggungJawabWebId = kabinetAny?.penanggungJawabWebId; const webManager = penanggungJawabWebId ? semuaPengurus.find(p => p.id === penanggungJawabWebId) : null; // Duplicate array for infinite marquee effect const marqueePengurus = [...semuaPengurus, ...semuaPengurus, ...semuaPengurus]; return (
{/* 1. Hero Section — Dark Minimal Style */}
{/* Background: bg-hero.png + dark overlay */}
{/* eslint-disable-next-line @next/next/no-img-element */} {/* Dark overlay — sangat gelap agar teks tetap terbaca */}
{/* Subtle grid */}
{/* Headline 3 baris — sedikit lebih compact */}

Himpunan Mahasiswa Fisika FPMIPA UPI

{/* Subtext */}

Wadah pengembangan diri mahasiswa fisika yang inovatif, strategis, dan kolaboratif. Bersama membangun ilmu dan karakter.

{/* CTA Buttons */}
{/* 2. Profil Kabinet Section — Full Glassmorphism & Centered Layout */}
{/* Background Gradients & Textures for Glassmorphism Context */}
{/* Dot Grid Pattern */}
{/* Colorful Ambient Blobs */}
{/* KIRI (3/12): Logo & Title */}
{/* eslint-disable-next-line @next/next/no-img-element */} Logo Kabinet

{namaKabinet}

Kabinet {periode}

{/* TENGAH (5/12): Visi & Misi Glass Card */}
{/* Visi */}

Visi

{visi}

{/* Misi */}

Misi

    {misiList.map((m: string, idx: number) => (
  • • {m}
    • ))}
{/* KANAN (4/12): 2 Landscape Photos */}
{/* eslint-disable-next-line @next/next/no-img-element */} Hero 1
{/* eslint-disable-next-line @next/next/no-img-element */} Hero 2
{/* Mobile/Tablet Only Button */}
{/* Bagian Fitur & Navigasi telah dihapus */} {/* 4. Artikel Section (Kabar HMF Redesigned) */} {/* ===== SECTION MARQUEE PENGURUS HARIAN ===== */}
{/* Background Style: Light Glassmorph */}

Pengurus Harian HMF

{marqueePengurus.map((p, idx) => (
{/* Image Only (No Text Overlay) */} {p.fotoUrl ? ( // eslint-disable-next-line @next/next/no-img-element {p.nama} ) : (
)}
))}
{/* Marquee Animations */}