28 lines
1.5 KiB
XML
28 lines
1.5 KiB
XML
|
<svg width="400" height="260" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="bg-photo" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#1c1917"/>
|
||
|
|
<stop offset="100%" style="stop-color:#2d2520"/>
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
<rect width="400" height="260" rx="12" fill="url(#bg-photo)"/>
|
||
|
|
<!-- Nav bar -->
|
||
|
|
<rect x="0" y="0" width="400" height="32" rx="12" fill="rgba(0,0,0,0.3)"/>
|
||
|
|
<rect x="12" y="10" width="80" height="12" rx="3" fill="#d4a574" opacity="0.8"/>
|
||
|
|
<rect x="280" y="10" width="40" height="12" rx="3" fill="rgba(255,255,255,0.2)"/>
|
||
|
|
<rect x="330" y="10" width="40" height="12" rx="3" fill="rgba(255,255,255,0.2)"/>
|
||
|
|
<!-- Hero text -->
|
||
|
|
<rect x="80" y="60" width="240" height="16" rx="4" fill="rgba(255,255,255,0.85)"/>
|
||
|
|
<rect x="110" y="84" width="180" height="8" rx="3" fill="rgba(255,255,255,0.3)"/>
|
||
|
|
<!-- CTA -->
|
||
|
|
<rect x="150" y="104" width="100" height="24" rx="5" fill="#d4a574"/>
|
||
|
|
<!-- Gallery grid -->
|
||
|
|
<rect x="30" y="145" width="108" height="80" rx="4" fill="rgba(212,165,116,0.15)"/>
|
||
|
|
<rect x="146" y="145" width="108" height="80" rx="4" fill="rgba(212,165,116,0.1)"/>
|
||
|
|
<rect x="262" y="145" width="108" height="80" rx="4" fill="rgba(212,165,116,0.15)"/>
|
||
|
|
<!-- Image placeholders inside gallery -->
|
||
|
|
<rect x="38" y="153" width="92" height="52" rx="3" fill="rgba(212,165,116,0.2)"/>
|
||
|
|
<rect x="154" y="153" width="92" height="52" rx="3" fill="rgba(212,165,116,0.25)"/>
|
||
|
|
<rect x="270" y="153" width="92" height="52" rx="3" fill="rgba(212,165,116,0.2)"/>
|
||
|
|
</svg>
|