89 lines
4.3 KiB
XML
89 lines
4.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 650" width="400" height="650">
|
||
<defs>
|
||
<!-- Define an amber/orange warm gradient for Urban Burger aesthetic -->
|
||
<linearGradient id="burgerAccentGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
<stop offset="0%" stop-color="#F59E0B"/>
|
||
<stop offset="100%" stop-color="#EF4444"/>
|
||
</linearGradient>
|
||
<linearGradient id="cardBgGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" stop-color="#141E19"/>
|
||
<stop offset="100%" stop-color="#0B120E"/>
|
||
</linearGradient>
|
||
</defs>
|
||
|
||
<!-- Background Canvas -->
|
||
<rect id="bg-canvas" fill="#064E3B" width="400" height="650"/>
|
||
|
||
<!-- Main Menu Card Panel -->
|
||
<rect id="main-card" x="20" y="20" width="360" height="610" rx="24" fill="url(#cardBgGradient)" stroke="url(#burgerAccentGradient)" stroke-width="2"/>
|
||
|
||
<!-- Layer for Icons/Graphics -->
|
||
<g id="layer-icons">
|
||
<!-- Top decorative lines -->
|
||
<line x1="80" y1="165" x2="320" y2="165" stroke="url(#burgerAccentGradient)" stroke-width="1.5" stroke-linecap="round"/>
|
||
<!-- Bottom decorative lines -->
|
||
<line x1="80" y1="535" x2="320" y2="535" stroke="url(#burgerAccentGradient)" stroke-width="1.5" stroke-linecap="round"/>
|
||
|
||
<!-- Subtle corner accents (L-shapes) -->
|
||
<path d="M40 40 L40 70 M40 40 L70 40" stroke="url(#burgerAccentGradient)" stroke-width="1.5" stroke-linecap="round" fill="none"/>
|
||
<path d="M360 40 L360 70 M360 40 L330 40" stroke="url(#burgerAccentGradient)" stroke-width="1.5" stroke-linecap="round" fill="none"/>
|
||
<path d="M40 610 L40 580 M40 610 L70 610" stroke="url(#burgerAccentGradient)" stroke-width="1.5" stroke-linecap="round" fill="none"/>
|
||
<path d="M360 610 L360 580 M360 610 L330 610" stroke="url(#burgerAccentGradient)" stroke-width="1.5" stroke-linecap="round" fill="none"/>
|
||
|
||
<!-- Minimalist Burger Icon Line Art -->
|
||
<g transform="translate(182, 546)" stroke="url(#burgerAccentGradient)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
|
||
<!-- Top Bun -->
|
||
<path d="M4 14 C4 4, 32 4, 32 14 Z"/>
|
||
<!-- Burger Patty -->
|
||
<line x1="2" y1="18" x2="34" y2="18"/>
|
||
<!-- Bottom Bun -->
|
||
<path d="M4 22 L32 22 C32 26, 4 26, 4 22 Z"/>
|
||
</g>
|
||
</g>
|
||
|
||
<!-- QR Placeholder -->
|
||
<g id="qr-placeholder" transform="translate(90, 215)">
|
||
<rect width="220" height="220" rx="20" fill="#FFFFFF" stroke="#E4E4E7" stroke-width="2"/>
|
||
<rect x="12" y="12" width="196" height="196" rx="14" fill="#FAFAFA" stroke="#E4E4E7" stroke-dasharray="4 3"/>
|
||
<text x="110" y="115" font-family="Inter, sans-serif" font-size="12" font-weight="600" fill="#71717A" text-anchor="middle">
|
||
QR KOD ALANI
|
||
</text>
|
||
</g>
|
||
|
||
<!-- Layer for Texts -->
|
||
<g id="layer-texts">
|
||
<!-- Table Info badge -->
|
||
<rect x="140" y="40" width="120" height="30" rx="15" fill="url(#burgerAccentGradient)"/>
|
||
<text x="200" y="60" font-family="Inter, sans-serif" font-size="13" font-weight="800" fill="#FFFFFF" text-anchor="middle" letter-spacing="1">
|
||
MASA NO: 01
|
||
</text>
|
||
|
||
<!-- Restaurant Name -->
|
||
<text x="200" y="120" font-family="Inter, sans-serif" font-size="24" font-weight="800" fill="url(#burgerAccentGradient)" text-anchor="middle" letter-spacing="1">
|
||
The Urban Burger
|
||
</text>
|
||
|
||
<!-- Tagline / Subtitle -->
|
||
<text x="200" y="145" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#A7F3D0" text-anchor="middle">
|
||
Temassız Dijital QR Menü
|
||
</text>
|
||
|
||
<!-- "MENÜYÜ GÖRMEK İÇİN OKUTUN" -->
|
||
<text x="200" y="480" font-family="Inter, sans-serif" font-size="16" font-weight="800" fill="url(#burgerAccentGradient)" text-anchor="middle" letter-spacing="0.5">
|
||
MENÜYÜ GÖRMEK İÇİN OKUTUN
|
||
</text>
|
||
|
||
<!-- Instruction note -->
|
||
<text x="200" y="505" font-family="Inter, sans-serif" font-size="11" font-weight="500" fill="#9CA3AF" text-anchor="middle">
|
||
Kameranızı QR Koda Odaklayın
|
||
</text>
|
||
|
||
<!-- WiFi & Social Media footer info -->
|
||
<text x="200" y="595" font-family="Inter, sans-serif" font-size="11" font-weight="500" fill="#9CA3AF" text-anchor="middle">
|
||
Ücretsiz Wi-Fi: UrbanBurger_Free
|
||
</text>
|
||
<text x="200" y="610" font-family="Inter, sans-serif" font-size="11" font-weight="500" fill="#9CA3AF" text-anchor="middle">
|
||
Bizi Takip Edin: @theurbanburger
|
||
</text>
|
||
</g>
|
||
</svg> |