AyrisAI
739de7de5c
QR_STAND_PRESETS (packages/shared) references qr-1..qr-9 (skipping qr-7), but apps/web/public only had qr-1,2,4,5,6.svg — qr-3, qr-8, and qr-9 404'd wherever the raw preset list renders before/instead of a DB-driven override. Built to match the existing qr-1.svg structure (layer-background/layer-icons/qr-placeholder/layer-texts, same 400x650 canvas, QR box at translate(90,215) 220x220 — verified this aligns with QrStandGeneratorClient's hardcoded 33.08%/55% overlay position), using each preset's own color palette from qr-stands.ts.
75 lines
3.9 KiB
XML
75 lines
3.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 650" width="400" height="650">
|
||
<defs>
|
||
<linearGradient id="vintage-bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
<stop offset="0%" stop-color="#f8f6f0" />
|
||
<stop offset="100%" stop-color="#e2ded5" />
|
||
</linearGradient>
|
||
</defs>
|
||
|
||
<!-- 1. Backgrounds & Contrast Panels -->
|
||
<g id="layer-background">
|
||
<rect id="bg-canvas" width="400" height="650" fill="url(#vintage-bg)" />
|
||
<rect id="main-card" x="20" y="20" width="360" height="610" rx="10" fill="#ffffff" stroke="#d5cebe" stroke-width="1.5" />
|
||
<rect id="inner-border" x="30" y="30" width="340" height="590" fill="none" stroke="#1e3246" stroke-width="1" />
|
||
<rect id="inner-border-2" x="34" y="34" width="332" height="582" fill="none" stroke="#d5cebe" stroke-width="1" />
|
||
|
||
<!-- Vintage corner flourishes -->
|
||
<g stroke="#a88b58" stroke-width="1" fill="none">
|
||
<path d="M30 60 v-30 h30" />
|
||
<path d="M370 60 v-30 h-30" />
|
||
<path d="M30 590 v30 h30" />
|
||
<path d="M370 590 v30 h-30" />
|
||
</g>
|
||
</g>
|
||
|
||
<!-- 2. Decorative Icons & Accents -->
|
||
<g id="layer-icons">
|
||
<!-- Ornamental crest -->
|
||
<g transform="translate(170, 52)" stroke="#1e3246" stroke-width="1.3" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<circle cx="30" cy="22" r="16" />
|
||
<path d="M14 22 h32 M30 6 v32" stroke-width="0.75" opacity="0.6" />
|
||
</g>
|
||
|
||
<g id="divider-accent">
|
||
<path d="M120 162 h60 M220 162 h60" stroke="#a88b58" stroke-width="1" opacity="0.7" />
|
||
<circle cx="200" cy="162" r="3" fill="none" stroke="#a88b58" stroke-width="1" />
|
||
</g>
|
||
|
||
<!-- WiFi Icon -->
|
||
<g transform="translate(68, 592)" stroke="#7a7267" 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="#7a7267" />
|
||
</g>
|
||
|
||
<!-- Instagram / Social Icon -->
|
||
<g transform="translate(225, 592)" stroke="#7a7267" 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="#7a7267" />
|
||
</g>
|
||
</g>
|
||
|
||
<!-- 3. Clean Placeholder Box for QR Code (aligned to the app's fixed 33.08% / 55% overlay) -->
|
||
<g id="qr-placeholder" transform="translate(90, 215)">
|
||
<rect width="220" height="220" fill="#FFFFFF" stroke="#1e3246" stroke-width="1.5" />
|
||
<rect x="10" y="10" width="200" height="200" fill="none" stroke="#d5cebe" stroke-dasharray="4 3" />
|
||
<text x="110" y="115" font-family="Georgia, 'Times New Roman', serif" font-size="12" font-weight="600" fill="#a88b58" text-anchor="middle">QR KOD ALANI</text>
|
||
</g>
|
||
|
||
<!-- 4. Native Editable Texts -->
|
||
<g id="layer-texts" font-family="Georgia, 'Times New Roman', serif" text-anchor="middle">
|
||
<text x="200" y="130" font-size="22" font-weight="700" fill="#1e3246" letter-spacing="1.5">VINTAGE TABLE MENU</text>
|
||
<text x="200" y="150" font-size="11" font-weight="500" fill="#a88b58" letter-spacing="2.5" font-family="Inter, sans-serif">TEMASSIZ DİJİTAL MENÜ</text>
|
||
|
||
<text x="200" y="475" font-size="13" font-weight="700" fill="#1e3246" letter-spacing="1">MENÜYÜ GÖRMEK İÇİN OKUTUN</text>
|
||
<text x="200" y="495" font-size="11" font-weight="400" fill="#7a7267" font-family="Inter, sans-serif">Kameranız ile QR kodu taratın</text>
|
||
|
||
<rect x="140" y="520" width="120" height="28" fill="#ffffff" stroke="#1e3246" stroke-width="1" />
|
||
<text x="200" y="539" font-size="12" font-weight="600" fill="#1e3246" letter-spacing="0.5" font-family="Inter, sans-serif">Masa No: 01</text>
|
||
|
||
<text x="128" y="602" font-size="10" font-weight="400" fill="#a88b58" text-anchor="start" font-family="Inter, sans-serif">Vintage_Guest</text>
|
||
<text x="246" y="602" font-size="10" font-weight="400" fill="#a88b58" text-anchor="start" font-family="Inter, sans-serif">@vintagetable</text>
|
||
</g>
|
||
</svg>
|