Fix QR panel rendering

CHANGELOG.md

@@ -27,6 +27,7 @@ All notable changes to the New Optic website will be documented in this file.
 - Optimized mobile rendering by disabling heavy blur, fixed backgrounds, ambient animations, and WebGL glass below desktop widths.
 - Changed mobile CSS to reference only the compressed mobile background by default, keeping the full PNG desktop-only.
 - Added mobile `content-visibility` containment so offscreen sections do less rendering work on low-end devices.
+- Removed the WebGL liquid glass layer from the contact QR panel so the QR code renders immediately and remains scannable.
 - Reworked collection cards from abstract placeholders to image-led product cards.
 - Improved dark-section heading contrast.
 - Corrected French typography and accents.

components/ContactSection.tsx

@@ -33,7 +33,7 @@ export default function ContactSection({ t, whatsappUrl }: { t: Messages; whatsa
           </div>
         </div>
 
-        <div className="glass liquidGL-pane flex flex-col justify-between rounded-[3rem] p-7">
+        <div className="glass flex flex-col justify-between rounded-[3rem] p-7">
           <div className="relative z-[3] aspect-square overflow-hidden rounded-[2.2rem] bg-white p-8 shadow-sm">
             <span className="floating-sheen" />
             <Image src={business.assets.mapQr} alt={t.contact.qr} fill sizes="(min-width: 1024px) 38vw, 90vw" className="object-contain p-10" />