89 lines
4.5 KiB
XML
89 lines
4.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 650" width="400" height="650">
|
||
<defs>
|
||
<!-- Gold Gradient for luxury accents & borders -->
|
||
<linearGradient id="gold-accent" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
<stop offset="0%" stop-color="#F3D382" />
|
||
<stop offset="50%" stop-color="#D4AF37" />
|
||
<stop offset="100%" stop-color="#AA7C11" />
|
||
</linearGradient>
|
||
|
||
<!-- Card Background Subtle Dark Gradient -->
|
||
<linearGradient id="card-surface" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" stop-color="#1A1A1E" />
|
||
<stop offset="100%" stop-color="#121215" />
|
||
</linearGradient>
|
||
</defs>
|
||
|
||
<!-- 1. Backgrounds & Contrast Panels -->
|
||
<g id="layer-background">
|
||
<!-- Distinct Outer Canvas Background -->
|
||
<rect id="bg-canvas" width="400" height="650" fill="#0C0C0E" />
|
||
|
||
<!-- Main Contrasting Menu Card Panel -->
|
||
<rect id="main-card" x="20" y="20" width="360" height="610" rx="24" fill="url(#card-surface)" stroke="url(#gold-accent)" stroke-width="1.5" />
|
||
|
||
<!-- Inner Decorative Framing Line -->
|
||
<rect id="inner-border" x="30" y="30" width="340" height="590" rx="18" fill="none" stroke="#2B2B32" stroke-width="1" stroke-dasharray="5 3" />
|
||
</g>
|
||
|
||
<!-- 2. Decorative Icons, Crests & Accents -->
|
||
<g id="layer-icons">
|
||
<!-- Header Chef & Cutlery Crest -->
|
||
<g transform="translate(170, 52)" stroke="url(#gold-accent)" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<!-- Fork -->
|
||
<path d="M-20 6 v12 c0 4 3 6 7 6 v14 M-23 6 v8 M-17 6 v8" />
|
||
<!-- Chef Hat -->
|
||
<path d="M12 36 h36 c3 0 5-2 5-5 v-4 c0-2-1-3-3-4 2-3 2-7 0-10 -1-2-3-3-5-3 0-5-4-9-9-9 -4 0-8 3-9 7 -2-1-5-1-7 1 -3 3-3 7-1 10 -2 1-3 2-3 4 v4 c0 3 2 5 6 5 z" />
|
||
<path d="M16 30 h28" stroke-width="1" />
|
||
<!-- Knife -->
|
||
<path d="M78 6 v38 M78 6 c6 0 10 6 10 14 v8 c0 4-4 6-10 6" />
|
||
</g>
|
||
|
||
<!-- Center Star Divider -->
|
||
<g id="divider-accent">
|
||
<path d="M130 162 h55 M215 162 h55" stroke="url(#gold-accent)" stroke-width="1" opacity="0.6" />
|
||
<polygon points="200,157 202.5,161.5 207,162 203.5,165 204.5,169.5 200,167 195.5,169.5 196.5,165 193,162 197.5,161.5" fill="url(#gold-accent)" />
|
||
</g>
|
||
|
||
<!-- WiFi Icon -->
|
||
<g transform="translate(68, 592)" stroke="#A1A1AA" stroke-width="1.5" fill="none" stroke-linecap="round">
|
||
<path d="M0 0 a14 14 0 0 1 18 0" />
|
||
<path d="M3 4 a9 9 0 0 1 12 0" />
|
||
<circle cx="9" cy="8" r="1" fill="#A1A1AA" />
|
||
</g>
|
||
|
||
<!-- Instagram / Social Icon -->
|
||
<g transform="translate(225, 592)" stroke="#A1A1AA" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<rect x="0" y="0" width="13" height="13" rx="3.5" />
|
||
<circle cx="6.5" cy="6.5" r="3" />
|
||
<circle cx="10" cy="3" r="0.5" fill="#A1A1AA" />
|
||
</g>
|
||
</g>
|
||
|
||
<!-- 3. Clean Placeholder Box for QR Code -->
|
||
<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>
|
||
|
||
<!-- 4. Native Editable Texts -->
|
||
<g id="layer-texts" font-family="Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" text-anchor="middle">
|
||
<!-- Header Titles -->
|
||
<text x="200" y="130" font-size="22" font-weight="800" fill="#FFFFFF" letter-spacing="2">GOURMET BISTRO</text>
|
||
<text x="200" y="150" font-size="11" font-weight="500" fill="#D4AF37" letter-spacing="2.5">TEMASSIZ DİJİTAL MENÜ</text>
|
||
|
||
<!-- Scan Call to Action -->
|
||
<text x="200" y="475" font-size="13" font-weight="700" fill="#FFFFFF" letter-spacing="1.2">MENÜYÜ GÖRMEK İÇİN OKUTUN</text>
|
||
<text x="200" y="495" font-size="11" font-weight="400" fill="#8E8E93">Kameranız ile QR kodu taratın</text>
|
||
|
||
<!-- Table Badge Container & Label -->
|
||
<rect x="140" y="520" width="120" height="28" rx="14" fill="#242429" stroke="#383840" stroke-width="1" />
|
||
<text x="200" y="539" font-size="12" font-weight="600" fill="#E4E4E7" letter-spacing="0.5">Masa No: 01</text>
|
||
|
||
<!-- Footer Network & Social Meta -->
|
||
<text x="128" y="602" font-size="10" font-weight="400" fill="#A1A1AA" text-anchor="start">Bistro_Guest</text>
|
||
<text x="246" y="602" font-size="10" font-weight="400" fill="#A1A1AA" text-anchor="start">@gourmetbistro</text>
|
||
</g>
|
||
</svg>
|