AlShubaily Grand Mall – personal invitation card

Static site in site/. Visitors pick the Arabic or English card, type their name, and download a PNG. Nothing is uploaded; it all runs in the browser.

Test locally

The page loads its images and fonts as separate files, so open it through a local server rather than double-clicking:

npx serve site          # then open http://localhost:3000
# or the VS Code "Live Server" extension on site/index.html

Deploy to Netlify

1. Log in at https://app.netlify.com
2. Go to https://app.netlify.com/drop
3. Drag the site folder (or invitation-site.zip) onto the page.
4. Optional: Site configuration → Change site name, e.g. shubaily-invitation → https://shubaily-invitation.netlify.app

Links: / (follows the phone's language), /ar (Arabic), /en (English).

Files

• site/index.html – the whole app
• site/assets/card-ar.jpg, card-en.jpg – card templates (their QR codes open the mall on Google Maps)
• site/assets/fonts/ – Cairo font (SIL OFL), so names look the same on every device
• site/assets/qrcode.js – generates the "open this page on your phone" QR from the live URL