/* eslint-disable */ /* NISE — Sections C: Masjid, Portfolio, Team, Support, Vision, CTA, Footer */ /* ------------------------------------------------------------------ */ /* MASJID — Smart Mosque Ecosystem */ /* ------------------------------------------------------------------ */ function Masjid() { const { t } = useLang(); const m = t.masjid; return (
{m.chip}

{m.h2.line1}
{m.h2.accent}{m.h2.tail}

{m.lead}
{m.stats.map((stat, i) => { const I = Icon[stat.icon]; return (
{stat.num}
{stat.lbl}
 ); })}
{m.cards.map((card, i) => { const I = Icon[card.icon]; return (

{card.h}

    {card.items.map((it, j) => (
  • {it}
    • ))}
); })}
"{m.quote}"
); } /* ------------------------------------------------------------------ */ /* PORTFOLIO */ /* ------------------------------------------------------------------ */ const PORTFOLIO_META = { cetak: { url: 'designcetak.com', live: 'https://designcetak.com', modules: ['Next.js 14', 'TypeScript', 'Tailwind CSS', 'Firebase'], status: 'live', screenshot: 'assets/portfolio/designcetak.png' }, masjid: { url: 'masjidalitisam.vercel.app', live: 'https://masjidalitisam.vercel.app', modules: ['Next.js 16', 'TypeScript', 'Tailwind CSS', 'Firebase'], status: 'live', screenshot: 'assets/portfolio/masjidalitisam.png' }, salon: { url: 'salon-nabella.vercel.app', live: 'https://salon-nabella.vercel.app', modules: ['React 18', 'Vite', 'Firebase Firestore', 'Tailwind CSS'], status: 'live', screenshot: 'assets/portfolio/salonnabela.png' }, balikpulau: { url: 'balikpulauinn.vercel.app', live: 'https://balikpulauinn.vercel.app', modules: ['HTML', 'CSS', 'JavaScript'], status: 'live', screenshot: 'assets/portfolio/balikpulauinn.png' }, sewana: { url: 'sewana-3517.vercel.app', live: 'https://sewana-3517.vercel.app', modules: ['Next.js', 'TypeScript', 'Tailwind CSS', 'Firebase'], status: 'in-progress', screenshot: 'assets/portfolio/sewana.png' }, }; function Portfolio() { const { t } = useLang(); const pf = t.portfolio; const [active, setActive] = React.useState(0); const projects = pf.projects.map((p) => ({ ...p, ...PORTFOLIO_META[p.key] })); const p = projects[active]; return (
{pf.eyebrow}

{pf.h2}
{p.title}
{p.url}
{p.tag} {p.status === 'in-progress' && ( {pf.inProgress} )}

{p.title}

{p.desc}

{p.modules.map((m, i) => ( {m} ))}
{projects.map((proj, i) => ( ))}
); } /* ------------------------------------------------------------------ */ /* TEAM */ /* ------------------------------------------------------------------ */ const TEAM_META = [ { name: 'Danny', photo: 'assets/team/danny.jpg', tint: 'a' }, { name: 'Syazwan', photo: 'assets/team/syazwan.png', tint: 'b' }, ]; function Team() { const { t } = useLang(); const tm = t.team; const members = tm.members.map((m, i) => ({ ...m, ...TEAM_META[i] })); return (
{tm.eyebrow}

{tm.h2}

{tm.lead}
{members.map((m, i) => (
{m.name}

{m.name}

{m.role}

{m.bio}

))}
); } /* ------------------------------------------------------------------ */ /* SUPPORT */ /* ------------------------------------------------------------------ */ function Support() { const { t } = useLang(); const sp = t.support; return (
{sp.eyebrow}

{sp.h2}

{sp.lead}
{sp.items.map((it, i) => { const I = Icon[it.icon]; return (

{it.title}

{it.desc}

); })}
); } /* ------------------------------------------------------------------ */ /* VISION */ /* ------------------------------------------------------------------ */ function Vision() { const { t } = useLang(); const v = t.vision; const [h2Ref, h2Seen] = useReveal(); return (
{v.eyebrow}

{v.h2.lines[0]} {v.h2.lines[1]} {v.h2.accent}

"{v.quote}"

 {v.points.map((pt, i) => (
{String(i + 1).padStart(2, '0')}

{pt.title}

{pt.desc}

))}
); } /* ------------------------------------------------------------------ */ /* CTA + FOOTER */ /* ------------------------------------------------------------------ */ function CTA() { const { t } = useLang(); const c = t.cta; return (
{c.chip}

{c.h2.pre}
{c.h2.accent}{c.h2.post}

{c.lead}

{c.tickets[0]} {c.tickets[1]} {c.tickets[2]}
); } function Footer() { const { t } = useLang(); const f = t.footer; return ( ); } Object.assign(window, { Masjid, Portfolio, Team, Support, Vision, CTA, Footer });