Implemented guest-only PWA using vite-plugin-pwa (the actual published package; @vite-pwa/plugin isn’t on npm) with

injectManifest, a new typed SW source, runtime caching, and a non‑blocking update toast with an action button. The
  guest shell now links a dedicated manifest and theme color, and background upload sync is managed in a single
  PwaManager component.

  Key changes (where/why)

  - vite.config.ts: added VitePWA injectManifest config, guest manifest, and output to /public so the SW can control /
    scope.
  - resources/js/guest/guest-sw.ts: new Workbox SW (precache + runtime caching for guest navigation, GET /api/v1/*,
    images, fonts) and preserves push/sync/notification logic.
  - resources/js/guest/components/PwaManager.tsx: registers SW, shows update/offline toasts, and processes the upload
    queue on sync/online.
  - resources/js/guest/components/ToastHost.tsx: action-capable toasts so update prompts can include a CTA.
  - resources/js/guest/i18n/messages.ts: added common.updateAvailable, common.updateAction, common.offlineReady.
  - resources/views/guest.blade.php: manifest + theme color + apple touch icon.
  - .gitignore: ignore generated public/guest-sw.js and public/guest.webmanifest; public/guest-sw.js removed since it’s
    now build output.

resources/js/guest/pages/_util.tsx

@@ -1,11 +1,18 @@
 import React from 'react';
+import { motion } from 'framer-motion';
+import { FADE_UP, STAGGER_FAST, getMotionContainerProps, getMotionItemProps, prefersReducedMotion } from '../lib/motion';
 
 export function Page({ title, children }: { title: string; children?: React.ReactNode }) {
+  const motionEnabled = !prefersReducedMotion();
+  const containerProps = getMotionContainerProps(motionEnabled, STAGGER_FAST);
+  const itemProps = getMotionItemProps(motionEnabled, FADE_UP);
+
   return (
-    <div style={{ maxWidth: 720, margin: '0 auto', padding: 16 }}>
-      <h1 style={{ fontSize: 20, fontWeight: 600, marginBottom: 12 }}>{title}</h1>
-      <div>{children}</div>
-    </div>
+    <motion.div {...containerProps} style={{ maxWidth: 720, margin: '0 auto', padding: 16 }}>
+      <motion.h1 {...itemProps} style={{ fontSize: 20, fontWeight: 600, marginBottom: 12 }}>
+        {title}
+      </motion.h1>
+      <motion.div {...itemProps}>{children}</motion.div>
+    </motion.div>
   );
 }
-