`public/watches/deville.svg`

72 lines
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
  <defs>
    <linearGradient id="case-grad-dv" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#d4af37"/>
      <stop offset="50%" style="stop-color:#f4e5b0"/>
      <stop offset="100%" style="stop-color:#b8960c"/>
    </linearGradient>
    <linearGradient id="dial-grad-dv" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#1a1a2e"/>
      <stop offset="100%" style="stop-color:#0f0f1a"/>
    </linearGradient>
    <filter id="shadow-dv" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="2" dy="4" stdDeviation="8" flood-opacity="0.3"/>
    </filter>
  </defs>
  <!-- Watch Case - Rose Gold -->
  <ellipse cx="200" cy="200" rx="165" ry="175" fill="url(#case-grad-dv)" filter="url(#shadow-dv)"/>
  <!-- Inner bezel -->
  <circle cx="200" cy="200" r="150" fill="url(#dial-grad-dv)"/>
  <!-- Guilloché pattern (simplified) -->
  <g stroke="#2a2a3e" stroke-width="0.5" fill="none" opacity="0.4">
    <circle cx="200" cy="200" r="120"/>
    <circle cx="200" cy="200" r="100"/>
    <circle cx="200" cy="200" r="80"/>
    <circle cx="200" cy="200" r="60"/>
  </g>
  <!-- Hour markers - diamond indices -->
  <g fill="#d4af37">
    <polygon points="200,58 205,70 200,75 195,70" />
    <polygon points="200,325 205,337 200,342 195,337" transform="rotate(180 200 200)"/>
    <polygon points="58,200 70,205 75,200 70,195" transform="rotate(90 200 200)"/>
    <polygon points="58,200 70,205 75,200 70,195" transform="rotate(-90 200 200)"/>
  </g>
  <!-- Small hour markers -->
  <g fill="#d4af37">
    <circle cx="243" cy="77" r="3"/>
    <circle cx="280" cy="105" r="3"/>
    <circle cx="305" cy="145" r="3"/>
    <circle cx="318" cy="190" r="3"/>
    <circle cx="305" cy="255" r="3"/>
    <circle cx="280" cy="295" r="3"/>
    <circle cx="243" cy="323" r="3"/>
    <circle cx="157" cy="323" r="3"/>
    <circle cx="120" cy="295" r="3"/>
    <circle cx="95" cy="255" r="3"/>
    <circle cx="82" cy="190" r="3"/>
    <circle cx="95" cy="145" r="3"/>
    <circle cx="120" cy="105" r="3"/>
    <circle cx="157" cy="77" r="3"/>
  </g>
  <!-- Moonphase window -->
  <circle cx="200" cy="280" r="25" fill="#0a0a14" stroke="#d4af37" stroke-width="1"/>
  <circle cx="190" cy="280" r="15" fill="#f4e5b0"/>
  <!-- Small stars -->
  <g fill="#f4e5b0" font-size="6">
    <text x="215" y="275">★</text>
    <text x="208" y="290">★</text>
  </g>
  <!-- Hands - elegant leaf style -->
  <polygon points="200,75 196,190 200,200 204,190" fill="#d4af37"/>
  <polygon points="200,110 197,185 200,195 203,185" fill="#d4af37"/>
  <line x1="200" y1="200" x2="200" y2="90" stroke="#d4af37" stroke-width="1"/>
  <!-- Center -->
  <circle cx="200" cy="200" r="6" fill="#d4af37"/>
  <circle cx="200" cy="200" r="3" fill="#1a1a2e"/>
  <!-- OMEGA text -->
  <text x="200" y="145" text-anchor="middle" fill="#d4af37" font-family="Arial, sans-serif" font-size="10" font-weight="bold">Ω OMEGA</text>
  <text x="200" y="170" text-anchor="middle" fill="#888" font-family="Arial, sans-serif" font-size="8">DE VILLE</text>
  <text x="200" y="230" text-anchor="middle" fill="#666" font-family="Arial, sans-serif" font-size="7">TRÉSOR</text>
  <!-- Crown -->
  <rect x="360" y="192" width="18" height="16" rx="4" fill="url(#case-grad-dv)"/>
</svg>