Admin Panel — Navas & Ramseena Invitation

Every change below updates the live preview instantly and saves to this browser automatically. When you're happy with it, use Export config.js and Export theme.css (top right) to download the final files — replace js/config.js and css/theme.css in your site folder with them before re-uploading to your host.

Theme Colors

Olive, ivory, gold — the entire site's palette

▶

Couple

Names & hero photo

▶

Groom Full Name

Groom Short Name

Bride Full Name

Bride Short Name

Hero Circle Photo

Groom Showcase Photo

Bride Showcase Photo

Parents & Family

Both sides — names, address, contact

▶

Groom's Parents

Father

Mother

Address (one line each)

Bride's Parents

Father

Mother

Address (one line each)

Contact Mobile

Invitation Message

Arabic opening & the wording of the invite

▶

Bismillah (Arabic)

Bismillah Translation

Invitation Intro

"With" Connector Text

Closing Message

Date, Time & Countdown

Gregorian, Hijri, Nikah time

▶

Wedding Date (display text)

Hijri Date (display text)

Nikah Time (display text)

Countdown Target (ISO datetime with offset) Format: YYYY-MM-DDTHH:MM:SS±HH:MM — drives the live countdown timer.

Venue

Location & Google Maps link

▶

Venue Name

Venue Sub-name

Place / Full Address

Google Maps Link

Love Story Timeline

Add, remove, or reorder milestones

▶

Photo Gallery

Add or remove gallery photos

▶

Tap a photo's ✕ to remove it. Use the dashed tile to add a new one.

Contact & RSVP

WhatsApp number, prefilled messages, button text

▶

WhatsApp Number (digits only, country code first)

Floating Button Prefilled Message

RSVP Submit Button Text

RSVP Success Message

Background Music

Nasheed / instrumental track

▶

Upload Audio File (mp3)

...or Audio URL

Large uploaded files are stored in this browser only until exported — keep under ~3MB for smooth saving.

Section Labels

Every small heading, eyebrow & button on the page

▶

Gate Button

Hero Eyebrow

Scroll Hint

Scratch Eyebrow

Scratch Title

Scratch Hint (before)

Scratch Hint (after reveal)

Countdown Eyebrow

Countdown Title

Showcase Eyebrow

Showcase Title

Story Eyebrow

Story Title

Gallery Eyebrow

Gallery Title

Venue Eyebrow

Maps Button

Calendar Button

RSVP Eyebrow

RSVP Title

SEO & Share Preview

What guests see when you share the link on WhatsApp

▶

Page Title

Description

Website URL (once hosted)

Share Preview Image (1200×630)

Admin Access

Optional passcode to hide this panel from guests

▶

Admin Passcode (leave blank to disable)

This is a simple client-side lock, not real security — anyone with the passcode (or dev tools) can bypass it. Don't use it to protect sensitive information.