View in AR
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>AR Test</title>
    <!-- Load model-viewer -->
    <script type="module" src="https://cdn.jsdelivr.net/npm/@google/model-viewer/dist/model-viewer.min.js"></script>
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background: #f7f7f7;
      }
      model-viewer {
        width: 300px;
        height: 400px;
      }
    </style>
  </head>
  <body>
    <!-- Replace with your .glb (for web) and .usdz (for iOS AR) -->
    <model-viewer
      src="https://dreamy-pithivier-315e33.netlify.app/untitled.usdz"
      ios-src="https://dreamy-pithivier-315e33.netlify.app/untitled.usdz"
      alt="Glass Art"
      ar
      ar-modes="webxr scene-viewer quick-look"
      camera-controls
      auto-rotate
      shadow-intensity="1">
    </model-viewer>
  </body>
</html>