<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='760' viewBox='0 0 1200 760' role='img' aria-label='Smart Mega Menu interface preview'>
<defs>
  <linearGradient id='bg' x1='0' y1='0' x2='1' y2='1'><stop stop-color='#f8fbff'/><stop offset='1' stop-color='#edf4ff'/></linearGradient>
  <linearGradient id='a' x1='0' y1='0' x2='1' y2='1'><stop stop-color='#7c3aed'/><stop offset='1' stop-color='#38bdf8'/></linearGradient>
  <filter id='shadow'><feDropShadow dx='0' dy='28' stdDeviation='34' flood-color='#0b1b42' flood-opacity='.20'/></filter>
</defs>
<rect width='1200' height='760' rx='46' fill='url(#bg)'/>
<circle cx='1020' cy='145' r='210' fill='url(#a)' opacity='.13'/>
<circle cx='140' cy='660' r='260' fill='url(#a)' opacity='.10'/>
<g filter='url(#shadow)'>
  <rect x='150' y='112' width='900' height='536' rx='42' fill='#07142f'/>
  <rect x='188' y='150' width='824' height='64' rx='26' fill='#0f2148'/>
  <circle cx='224' cy='182' r='10' fill='#7c3aed'/><circle cx='256' cy='182' r='10' fill='#526483'/><circle cx='288' cy='182' r='10' fill='#526483'/>
  <rect x='790' y='169' width='170' height='26' rx='13' fill='url(#a)' opacity='.88'/>
  <rect x='188' y='244' width='180' height='348' rx='28' fill='#0c1d42'/>
  <rect x='405' y='244' width='560' height='348' rx='28' fill='#0b1838'/>
  <text x='222' y='294' fill='#94a3c7' font-family='Arial, sans-serif' font-size='22' font-weight='700'>Navigation UX</text>
  <text x='222' y='590' fill='#ffffff' font-family='Arial, sans-serif' font-size='56' font-weight='800'>RDT</text>
  
  <rect x='430' y='282' width='500' height='58' rx='22' fill='url(#a)'/>
  <rect x='462' y='304' width='78' height='14' rx='7' fill='#fff'/>
  <rect x='582' y='304' width='96' height='14' rx='7' fill='#dbeafe'/>
  <rect x='722' y='304' width='92' height='14' rx='7' fill='#dbeafe'/>
  <rect x='430' y='370' width='500' height='170' rx='28' fill='#101f49'/>
  <rect x='462' y='404' width='115' height='100' rx='20' fill='#162e64'/>
  <rect x='606' y='404' width='115' height='100' rx='20' fill='#162e64'/>
  <rect x='750' y='404' width='115' height='100' rx='20' fill='#162e64'/>
  <path d='M492 466h52M636 466h52M780 466h52' stroke='#38bdf8' stroke-width='12' stroke-linecap='round'/>
  <rect x='222' y='332' width='112' height='26' rx='13' fill='#263f72'/>
  <rect x='222' y='382' width='132' height='26' rx='13' fill='#263f72'/>
  <rect x='222' y='432' width='98' height='26' rx='13' fill='url(#a)'/>

</g>
<text x='150' y='710' fill='#07142f' opacity='.85' font-family='Arial, sans-serif' font-size='34' font-weight='800'>Smart Mega Menu</text>
</svg>