Naposobulung HKBP Mustikajaya Website

Official website for Naposobulung HKBP Mustikajaya (NHKBP MJ), the youth community of HKBP Mustika Jaya.

Overview

This site presents the community profile, organization structure, activities, photo gallery, and contact information in a clean static web experience.

Features

• Responsive landing page with navigation, hero section, and call-to-action buttons
• Community profile, vision and mission, and ministry structure
• Activity cards with modal details
• Gallery with lightbox navigation and progressive loading
• Contact section for Instagram, WhatsApp, and email
• SEO metadata and structured data for search engine visibility

Tech Stack

• HTML
• CSS
• JavaScript
• Vercel Analytics

Local Development

Run a simple static server from the repository root and open the homepage:

python3 -m http.server 8080

Then open:

http://localhost:8080/src/index.html

Project Structure

• src/index.html - main page markup and metadata
• src/style.css - site styles and responsive layout
• src/script.js - interactions such as menus, modals, and gallery behavior
• src/img/ - site images and media assets

Deployment

The site is deployed on Vercel:

https://nhkbpmj.vercel.app