Updates

Applied secondary frosted-glass styling (backdrop-filter: blur(16px), background: rgba(255, 255, 255, 0.12), border: 1px solid rgba(255, 255, 255, 0.35)) across both hero CTAs ("BOOK A STAY" and "EXPLORE RESORT"). Stripped the gold gradient fill and sparkle icon from the first CTA to establish a harmonized, prestigious pair with 8px rounded corners and matching 252px width.

Diagnosed and resolved a subtle Tailwind CSS v4 compilation issue where sm:text-base mapped to color: var(--color-base) (#FFFFFF) on screen widths >=640px, causing room descriptions to render invisible white-on-white text in desktop mode. Stripped the utility and instituted an explicit CSS safeguard in main.css (.queenco-accommodations p { color: #5C666F !important; }).

Standardized companion button pairs so the shorter button matches the exact width of the longer button: Hero (252px), Beachfront Resort Introduction (254px), Featured Suite (165px), Secondary Room Cards (114px), Casino Feature (225px), and Poker Feature (232px). Enforced centered text alignment and balanced padding.

Restructured the secondary accommodation cards' action container to justify-center, horizontally centering the equal-width button pair ("BOOK" and "DETAILS →") directly underneath the card description for optimal balance.

Re-aligned the Accommodations section header with the underlying 12-column asymmetric grid (lg:col-span-7 and lg:col-span-5). Positioned "DISCOVER ALL ROOMS →" in the exact horizontal center of the 5-column secondary rooms stack (midpoint 1078px, symmetrical 125px side margins).

Removed remaining category, cuisine, and metadata badges across all cards on the homepage—including room dimensions/views in Accommodations, cuisine tags in Dining, and category chips in Offers—leaving pure frameless photography, editorial titles, descriptions, and unified buttons.

Re-architected resort feature cards across Accommodations, Dining, Offers, Leisure, and Entertainment. Replaced generic boxed container cards, background fills, and borders with pure frameless editorial layouts: floating 16:10 / 4:3 media windows, unboxed content flows directly beneath, and solid contained pill buttons matching Kerzner International standards.

Extracted and applied exact live design tokens from Mazagan Beach & Golf Resort: deep slate charcoal #1E252B (light) / #F0EDE4 (dark) for headings, refined slate #5C666F for editorial body descriptions, and Mazagan Ochre Sand Gold #9F8667 with tracking-[0.25em] for luxury overline category tags.

Transferred the razor-sharp legibility formula of the Direct Website Privileges banner to all resort cards: upgraded card descriptions to 14px font-normal text-[#4A5562] dark:text-neutral-300, elevated offer perks to 14px font-medium, standardized room specs and vouchers to 12px font-mono, and enlarged dining filter tabs to 12px font-semibold.

Audited 268 undersized mobile text elements and eliminated microscopic fonts (9px/10px). Clamped the editorial welcome headline (.welcome-title) from 15.2px up to 19.8px–25.6px (clamp(1.2rem, 1rem + 1vw, 1.6rem)), giving the resort introduction commanding visual presence on mobile viewports.

Standardized section vertical spacing across the homepage and feature templates using Mazagan spacing tokens: py-14 sm:py-16 lg:py-20 (56px–80px) for high-impact feature sections and py-12 sm:py-14 lg:py-16 for auxiliary feature grids, creating balanced breathing room without excessive empty gaps.

Optimized hero video encoding to Apple mp42 brand H.264 level 4.1 with silent audio track removal for 100% automated autoplay on macOS Safari and iOS WebKit. Refined desktop header dropdown menu threshold to <=1024px and decoupled PWA update checks to prevent client-side hydration deadlock.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Restructured .hero-actions on mobile (< 768px) from stacked vertical columns (flex-direction: column) into a synchronized inline row (flex-direction: row; flex-wrap: nowrap). Each CTA shares equal width (flex: 1 1 0%) and stretches to identical vertical height (align-items: stretch), creating a polished, intentional matched pair.

Removed white-space: nowrap from mobile hero buttons in favor of word-break: break-word and line-height: 1.25, allowing longer labels like "CASH GAMES & STAKES" or "TOURNAMENT CALENDAR" to cleanly wrap to two lines without clipping. Additionally hid decorative icons (.app-button__icon { display: none !important }) on mobile to maximize space for legible text, re-enabling them automatically on tablet and desktop.

Upgraded hero CTA buttons from size="sm" to size="lg" across all hero sections in blocks/Hero.vue. Hero sections represent the primary conversion surface of the resort and demand commanding presence. Enhanced the AppButton lg definition to padding: 1.05rem 2.5rem and font-size: 0.9rem (14.4px). Also standardized Bago Beach outlet CTA from "Reserve Beach Table" to "Reserve Table".

Elevated mobile header .header-inner min-height from 48px to 56px and synchronized the global --header-height-mobile design token to 56px (down from mismatched 62px). Refined mobile logo height from 42px to 38px, creating 9px of clean negative space top and bottom. Enlarged mobile icon buttons and hamburger tap box to 34px × 34px for ergonomic thumb interaction.

Resolved fixed header overlap on /#resort-welcome navigation. Set scroll-margin-top to exactly match header heights (56px mobile / 110-120px desktop), ensuring the white welcome section meets the bottom edge of the glass header with zero hero background sliver. Enhanced Vue Router router.options.ts to dynamically read getComputedStyle(el).scrollMarginTop and pass top offset to Vue Router. Updated AppButton.vue to support both #hash and /#hash in-page anchor links.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Removed AppBreadcrumb from all photographic hero canvases: category landings (/dining, /casino, /accommodation, /poker, /leisure, /events, /promotions, /gallery, /about-us, /contacts), all 6 dining outlet heroes, accommodation room detail heroes, and casino game detail heroes. Breadcrumbs are now exclusively placed on content/governance pages (/responsible-gaming, /know-the-game, /updates, /privacy-policy, /terms-and-conditions) where they provide genuine wayfinding value.

Standardized all filter tab active states site-wide to the brand gold gradient (linear-gradient 135deg: #ECC872 → #D4AF37 → #B8860B). Previously, /dining, /accommodation, /leisure, and /promotions used an off-brand Hudson Bay navy (#3F5266). Casino, poker, gallery, and events already used gold and were preserved. Homepage QueencoDiningShowcase tabs (All 6 Venues, Fine Dining, Beach & Casual, Bars & Lounges) also unified.

Inactive filter tab borders were set to rgba(0,0,0,0.12) — a 1.1:1 contrast ratio failing WCAG 1.4.11 Non-text Contrast. Updated to rgba(0,0,0,0.28-0.30) achieving 3:1+ across dining, accommodation, leisure, promotions, casino, and poker pages. Hover states updated to gold border (#D4AF37) with subtle gold tint background.

Added gold focus-visible outlines (outline: 2px solid #D4AF37; outline-offset: 2-3px) to every interactive button on the site: AppButton component (all variants), global btn-* CSS utilities (btn-primary, btn-secondary, btn-white, btn-outline-white), all filter tabs (dining, casino, poker, accommodation, leisure, gallery, events, promotions), and QueencoFeatureSlider carousel navigation buttons. Previously outline:none was set with no replacement — a WCAG 2.4.7 failure.

The QueencoDiningShowcase component (homepage Restaurants & Lounges section) had its filter tab CSS bundled in a JS chunk rather than a static CSS file, causing a flash of unstyled content (FOUC) before JavaScript hydration. Moved .dining-tab and .dining-tab--active rules to global main.css ensuring styles are available in the SSR static HTML on first paint.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Implemented configurable position prop on OutletHero.vue supporting left-bottom, right-bottom, and center-top. Tailored alignments to venue photography: Q Café & Bakery (left-bottom), Yi Sang Cantonese (left-bottom), The Horizon Sky Bar (right-bottom), Onami Japanese (right-bottom), Pepe Steakhouse (center-top), and Bago Beach Restaurant (center-top). Dynamically synchronizes content container, badge rows, typography, and action buttons.

Completely eliminated dark scrim overlays (.hero-overlay) from dining heroes to present 100% natural, vibrant venue photography. Applied multi-layered text shadows on titles, taglines, and descriptions ensuring crisp, effortless readability regardless of daytime sky or sunlight intensity.

Built reusable AppBreadcrumb.vue and useBreadcrumbs.ts composable with W3C WAI-ARIA compliance, auto-route derivation, and automated Google Schema.org BreadcrumbList JSON-LD head injection. Features dual visual modes (hero and surface), adaptive alignment, and mobile truncation. Remediated 2 production data defects in Accommodation (terminal crumb showing room wing instead of room title) and Casino (terminal crumb showing category instead of game title).

Engineered dining hero containers to expand 100vh/100dvh across desktop and mobile devices. Kept the restored 4-column quick facts container (container mx-auto px-4 max-w-6xl) firmly docked to the bottom (sticky bottom-0 z-30) for instant guest access to cuisine, hours, dress code, and seating capacity.

Migrated casino navigation from generic hash links to dedicated game detail routes (/casino/baccarat, /casino/blackjack, /casino/roulette, /casino/dragon-tiger, /casino/niu-niu, /casino/slots, /casino/vip-high-limit). Sanitized all mangled ??? character entities across casino datasets into clean, portable Unicode symbols.

Audited and corrected hardcoded white typography on /dining/bago, /dining/horizon, and /dining/qcafe. Headings and body copy now consume semantic tokens (text-primary achieving 14.8:1 AAA contrast, text-secondary achieving 5.6:1 AA contrast), ensuring pristine legibility in both light and dark themes.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Audited and updated social destinations against official corporate directory (qcms.queencoasia.com). Replaced outdated Instagram (@queencoasia) and YouTube (@QueencoEntertainmentResort) fallbacks, added TikTok (@queencoresort) and Rednote/XHS (xhslink.cn/m/6DeBCUhpsFC) to Strapi CMS globals and footer. Preserved WhatsApp and phone channels unmodified.

Removed all category icons from top-level desktop menu items (STAY, DINE, CASINO, POKER, ENTERTAINMENT, LEISURE, EVENTS, OFFERS). The header now adheres to luxury hospitality benchmarks (Mazagan, Wynn, Bellagio) with clean, refined uppercase typography and 0.12em letter spacing.

Re-scoped .mega-backdrop to start at top: 110px with height: calc(100vh - 110px) and ensured .header-inner has explicit z-index: 10. The Queenco brand mark, language selector, and Book button remain 100% crystal clear (filter: none, opacity: 1) without being blurred or darkened.

Audited all 40 items across the 8 resort pillars. Resolved 7 items missing images, eliminated 5 cross-category duplicate photos, and fixed 4 broken image paths by mapping to authentic local resort photography in /uploads/. Zero placeholder fallbacks remaining.

Enforced border-radius: 0 !important across all mega menu containers, cards, thumbnails, and buttons. Directly consumes var(--header-bg) for a seamless 100% background color match (rgba(240, 237, 228, 0.96) in Light Mode / rgba(11, 14, 17, 0.78) in Dark Mode).

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Implemented STAY • DINE • CASINO • POKER • ENTERTAINMENT • LEISURE • EVENTS • OFFERS. Each pillar features tailored layout models (3-column hybrid for Stay/Casino, 4-column directory for Dine, 2-column promo for Poker/Entertainment/Leisure/Events).

Embedded high-converting promotional cards with direct Exely booking links, Best Rate Guarantee badges, and instant WhatsApp concierge triggers inside each relevant dropdown panel.

Aligned the mobile menu drawer with clean typography, sharp square accordion sections, left-bordered submenus, and sticky bottom Book Now button.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Fixed script injection race condition and window.Exely state pollution during client-side hydration without disabling SSR or compromising SEO.

Verified repeated hard refreshes (Ctrl+R, 5x consecutive tests) with zero blank screens, preserving full room calendar rate querying and promo codes.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Eliminated dependencies on external image CDNs, preventing broken image placeholders and improving Largest Contentful Paint (LCP).

Converted heavy photographic assets to optimized WebP formats with fallback JPEGs, reducing total page bundle weight.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Interactive 3D tilt metallic card reflecting the guest tier status (Silver, Gold, Platinum, Diamond) with real-time comp balance.

Secure split-screen login modal with Google SSO and email authentication linked directly to the Strapi user management system.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Established the core infrastructure: frontend-dev (Nuxt hot reload on port 5001), frontend-prod (static serve on port 5002), backend-strapi (port 1337), PostgreSQL 15, Adminer DB GUI, and Nginx reverse proxy on port 5000. All services orchestrated via docker-compose.yml for single-command startup.

Initialized Nuxt 4 with Vue 3, TypeScript, Tailwind CSS, Nuxt UI, and Pinia state management. Configured static site generation (pnpm generate:prod) with Nitro preset and custom HTML minification script preserving Vue 3 SSR comment anchors.

Deployed Strapi v5 with TypeScript and PostgreSQL. Defined core content types: Page (dynamic zones), Accommodation, Dining, Casino Game, Event, Entertainment, Offer, and Contact Info. Configured CORS, JWT authentication, and API permissions for frontend consumption.

Configured Nginx as the unified entry point routing public traffic on port 5000 to frontend and /api/* paths to Strapi backend. Set up dev1.queencoasia.com public domain. Added Permissions-Policy headers (unload=*) to resolve Chromium bfcache deprecation violations.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Defined the full Queenco brand palette as CSS custom properties: Hudson Bay Blue (#3F5266), Queenco Gold (#D4AF37 / #EAB308), Queenco Dove (#F0EDE4), Queenco Silver (#A6ACB3), and semantic surface/text tokens. All components consume tokens instead of hardcoded values for consistent theming.

Implemented full adaptive dark mode using the html.dark class strategy. All design tokens have light and dark variants. The theme toggle persists via localStorage and respects the user prefers-color-scheme media query on first visit.

Built the sticky translucent header (rgba(240,237,228,0.96) light / rgba(11,14,17,0.78) dark) with the Queenco wordmark, language selector, dark mode toggle, guest account icon, and gold BOOK NOW CTA. Integrated the DesktopMenu and MobileMenu navigation shells.

Built the multi-column footer with resort address, official contacts (info@queencoasia.com, +855 93 570 000, @QueencoAtYourService), social media links, resort brand group, and legal navigation. Established the global page layout composable wrapping all pages.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Built the central page composition engine that maps Strapi dynamic zone __component keys to Vue block components: blocks.hero, blocks.introduction, blocks.feature-grid, blocks.room-features, blocks.room-amenities, blocks.closing-cta, blocks.additional-information, blocks.follow-queenco, blocks.guest-ratings, blocks.contact, blocks.find-us, and blocks.map.

Configured Nuxt with payload extraction enabling full offline static generation. Per-page JSON payloads are prerendered and co-located with static HTML, eliminating all runtime API calls for guests.

Diagnosed and resolved 42 hydration class mismatch warnings caused by the lazy-media plugin mutating classList during hydration. Migrated class mutations to data-* attributes and scheduled DOM scans in macro-task setTimeout(scanMedia, 100) to run after Vue completes reconciliation.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Implemented /accommodation with Tower Wing and Beachfront Wing filters, room category sorting (Deluxe, Superior, Suite, Villa), and a responsive room grid. Each room card displays bed type, area (m2), view, and occupancy.

Built dynamic room detail pages with full-bleed hero photography, amenity grids, photo gallery modal with touch-swipe navigation, room highlights, and direct Exely booking engine CTA.

Integrated the Exely hotel booking widget on /booking with SSR-safe script injection, hydration lifecycle management, and room calendar rate querying. Stable across repeated hard refreshes.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Built /dining as a filterable directory of all 6 resort venues across Fine Dining, Beach & Casual, and Bars & Lounges categories. VenueCard components display venue photography, cuisine type, opening hours, and location badges.

Launched individual pages for Pepe Italian Steakhouse (/dining/pepe), Onami Japanese Restaurant (/dining/onami), The Horizon Sky Bar (/dining/horizon), Q Cafe & Bakery (/dining/qcafe), Yi Sang Cantonese & Seafood (/dining/yisang), and Bago Beach Restaurant (/dining/bago). Each features a full-screen hero, cuisine highlights, menu sections, and reservation CTAs.

Designed the shared OutletHero.vue component used across all dining outlets: full viewport hero with a venue quick facts bar (cuisine, hours, dress code, seating capacity) docked to the bottom of each hero section.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Built /casino as a filterable showcase of all table games, electronic gaming, and premium VIP experiences. Filter tabs allow guests to browse by game category. Each game card links to its dedicated detail page.

Launched standalone pages for baccarat, blackjack, roulette, dragon-tiger, niu-niu, slots, vip-high-limit, poker, know-the-game, and responsible-gaming. Each page features game rules, table limits, session info, and photo galleries.

Dedicated /poker page with tournament schedule, cash game listings, blind structure, prize pool history, and registration CTAs. Filter tabs allow browsing by tournament type.

Published /responsible-gaming with self-exclusion procedures, player protection contacts, and addiction resources. Published /know-the-game with beginner rulebooks, drawing charts, and payout matrices for all casino games.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Built /entertainment showcasing resident DJs, live bands, beach events, nightlife programming, and the resort entertainment calendar with event type filter tabs.

Launched /leisure with infinity pools, fitness center, spa, tennis courts, watersports, and beach activities. Each facility has its own card with hours, location, and booking info. Category filters allow sorting by facility type.

Built /events with Grand Ballroom, Beachfront Lawn, Boardrooms, and Private Dining venue catalog. Dual filter sets: by venue type and by package category (Wedding, Corporate, Banquet, Team Building). Includes capacity specs and RFP inquiry forms.

Built /gallery with the complete resort media library, filterable by category (Rooms, Dining, Pool, Casino, Events, Exterior). Masonry grid layout with lightbox modal, touch swipe navigation, and keyboard arrow controls.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Engineered a pixel-accurate static replica of the Mazagan homepage featuring: 100vh video hero with sound/play/fullscreen controls, animated booking bar with date pickers, Welcome editorial section, asymmetric accommodation split, Dining Showcase, Activities pillars, Kids Clubs, Gary Player Golf feature, Mazagan Spa, Casino Feature, Dual Coastal Feature, Tripadvisor awards, and the full Kerzner global footer.

Built complete sub-pages: /mazagan/accommodation (492 rooms, suites, penthouses), /mazagan/dining (15 signature venues), /mazagan/activities, /mazagan/golf (Gary Player 18-hole links), /mazagan/spa, /mazagan/offers, /mazagan/weddings (Grand Ballroom Doukkala, 1,200 capacity), /mazagan/about, /mazagan/contact, and the master /mazagan/ landing.

Created a self-contained typed TypeScript data layer in frontend/app/data/mazagan/ covering all content: site.ts, navigation.ts, accommodations.ts, restaurants.ts, bars.ts, activities.ts, golf.ts, spa.ts, offers.ts, weddings.ts, footer.ts. Zero Strapi API or database calls from any Mazagan component.

Built a floating TemplateSwitcher.vue component and useHomepageTemplate.ts composable. Template state persists in a cookie and ?template= URL parameter. Switching between Queenco and Mazagan is instantaneous with no page reload.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Integrated @vite-pwa/nuxt generating a service worker (sw.js + workbox) precaching 387 static routes. The PWA manifest enables Add to Home Screen on iOS and Android, with resort branding, standalone display mode, and offline fallback pages.

Audited all Lucide icon usage across 50+ components. Configured @nuxt/icon with serverBundle: false and clientBundle.scan: true so all icons are extracted at build time into a local JS bundle. Eliminated 100% of runtime CDN icon fetches.

Resolved Permissions-Policy violations from Chromium deprecating the unload event. Implemented a 3-layer solution: a runtime EventTarget patch redirecting unload to pagehide, a dynamic iframe MutationObserver auto-injecting allow="unload", and Nginx header broadcast (Permissions-Policy: unload=*).

Built a custom Node.js minification script (scripts/minify-html.mjs) that post-processes all 445 statically generated HTML files. Strips whitespace and optimizes attributes while strictly preserving Vue 3 SSR comment anchors to prevent hydration failures.

Corrected resort property architectural mapping across all dining venues. Standardized all 6 restaurants, lounges, and bars exclusively to the Beachfront Wing with NO level or floor designations (the Beachfront Wing has no numbered levels; numbered floors belong exclusively to Tower Wing). Remediated historical "Tower Wing", "Level 1", "Level 2", and "Mezzanine" references across detail pages, schema address metadata, and photo gallery subtitles.

Configured Nuxt i18n with localePath routing, language drop-up in footer, and localized Strapi API fetching.