MAITHILY BEAUTY PARLOUR — UPDATE PATCH
=======================================

HOW TO APPLY
------------
Copy the "public" folder from this patch over the "public" folder of your
existing website. Say YES to overwriting. Nothing else needs to change.
Your .env, database, and src/ server code are NOT touched.

After copying, do a hard refresh in the browser (Ctrl+F5 / Cmd+Shift+R).


WHAT CHANGED
------------

1) REAL LOGO ADDED
   New files: public/images/brand/logo-mark.png   (round nav badge)
              public/images/brand/logo-full.png   (full logo, dark bg)
              public/images/brand/favicon.png     (browser tab icon)

   The old placeholder diamond SVG was replaced with your real logo in:
     - top navigation bar  (all pages, via js/app.js)
     - footer              (all pages, via js/app.js)
     - admin panel sidebar (admin.html)

   Favicon added to all 12 pages.


2) HERO HEADING TYPOGRAPHY  (homepage only)
   The wording and the two-line structure were ALREADY correct and were
   NOT changed. It remains exactly:

        LUXURY BEAUTY • BRIDAL • HAIR • SKIN

        Maithily Beauty
        Parlour

   Only the styling was polished:
     - "Maithily"  -> Playfair Display serif, prominent
     - "Beauty"    -> italic serif with rose-gold gradient, same first line
     - "Parlour"   -> same serif family, second line, large
     - eyebrow     -> 0.35em letter spacing, subtle rose-gold
     - line break locked so mobile never wraps into 3 lines

   Verified at 1440px / 768px / 390px — always exactly 2 lines, no overflow.


3) SALON INTERIOR IMAGE — BLUR FIXED + BRIGHTENED
   File: public/images/salon-interior.jpg

   The blur was NOT caused by the image. Three real bugs:

   a) index.html declared  height="1000"  but the image was 1000x771.
      That attribute overrode the CSS aspect-ratio, so the browser
      STRETCHED the photo vertically. -> fixed to height="1388".

   b) CSS used aspect-ratio 3/4 on a landscape photo, which forced the
      browser to render the image 2.62x LARGER than its real pixels on
      retina screens. That upscaling is what looked soft/blurry.
      -> changed to 4/5 and image re-exported at 1800x1388.
         Upscale factor is now 0.91x (at or below native = sharp).

   c) The photo itself was dim (brightness 77/255).
      -> gamma lift 0.74 (raises shadows/midtones but protects the mirror
         bulbs from blowing out — only 0.12% of pixels clip),
         gentle S-curve contrast, +10% saturation for the flowers,
         LANCZOS upscale + unsharp mask.

   Result:  brightness 77 -> 95      contrast 65 -> 71
            resolution 1000x771 -> 1800x1388
            upscale 2.62x (blurry) -> 0.91x (sharp)
            file size 200KB -> 601KB


NOT CHANGED
-----------
Hero layout, hero buttons, navigation links, booking system, database,
server code (src/), API routes, and all other functionality are untouched.


NOTE ON THE HERO FADE-IN
------------------------
The homepage uses a GSAP entry animation on the image card
(index.html, near the bottom: gsap.from('.hero-card', ...)).
This was already in your site and was not modified. It fades the image in
on page load. If you ever want the image visible instantly with no fade,
delete that one line.
