`public/watches/speedmaster.svg`

49 lines
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
  <defs>
    <linearGradient id="case-grad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#c0c0c0"/>
      <stop offset="50%" style="stop-color:#e8e8e8"/>
      <stop offset="100%" style="stop-color:#a0a0a0"/>
    </linearGradient>
    <linearGradient id="dial-grad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#1a1a1a"/>
      <stop offset="100%" style="stop-color:#0a0a0a"/>
    </linearGradient>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="2" dy="4" stdDeviation="8" flood-opacity="0.4"/>
    </filter>
  </defs>
  <!-- Watch Case -->
  <circle cx="200" cy="200" r="180" fill="url(#case-grad)" filter="url(#shadow)"/>
  <circle cx="200" cy="200" r="165" fill="#2a2a2a"/>
  <!-- Bezel markings -->
  <circle cx="200" cy="200" r="160" fill="none" stroke="#444" stroke-width="2"/>
  <!-- Main Dial - Black -->
  <circle cx="200" cy="200" r="150" fill="url(#dial-grad)"/>
  <!-- Subdials for chronograph -->
  <circle cx="140" cy="200" r="35" fill="none" stroke="#666" stroke-width="1"/>
  <circle cx="200" cy="140" r="35" fill="none" stroke="#666" stroke-width="1"/>
  <circle cx="260" cy="200" r="35" fill="none" stroke="#666" stroke-width="1"/>
  <!-- Hour markers -->
  <g fill="#f5f5f5">
    <rect x="197" y="60" width="6" height="20" rx="1"/>
    <rect x="197" y="320" width="6" height="20" rx="1"/>
    <rect x="60" y="197" width="20" height="6" rx="1"/>
    <rect x="320" y="197" width="20" height="6" rx="1"/>
  </g>
  <!-- Hands -->
  <line x1="200" y1="200" x2="200" y2="90" stroke="#fff" stroke-width="4" stroke-linecap="round"/>
  <line x1="200" y1="200" x2="280" y2="160" stroke="#fff" stroke-width="3" stroke-linecap="round"/>
  <line x1="200" y1="200" x2="200" y2="70" stroke="#ff6b35" stroke-width="2" stroke-linecap="round"/>
  <!-- Center -->
  <circle cx="200" cy="200" r="8" fill="#333"/>
  <circle cx="200" cy="200" r="4" fill="#ff6b35"/>
  <!-- OMEGA text -->
  <text x="200" y="180" text-anchor="middle" fill="#c0c0c0" font-family="Arial, sans-serif" font-size="12" font-weight="bold">Ω OMEGA</text>
  <text x="200" y="250" text-anchor="middle" fill="#888" font-family="Arial, sans-serif" font-size="8">SPEEDMASTER</text>
  <!-- Crown -->
  <rect x="375" y="190" width="20" height="20" rx="3" fill="url(#case-grad)"/>
  <!-- Pushers -->
  <rect x="378" y="145" width="15" height="12" rx="2" fill="url(#case-grad)"/>
  <rect x="378" y="243" width="15" height="12" rx="2" fill="url(#case-grad)"/>
</svg>