Files
menulio/apps/mobile/src/lib/svg-templates.ts
T

8 lines
28 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
// Auto-generated from svg ornekleri/ — hiçbir değişiklik yapılmamıştır
export const MOBILE_SVG_TEMPLATES: Record<string, string> = {
"qr-1": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 400 650\" width=\"400\" height=\"650\">\n <defs>\n <!-- Gold Gradient for luxury accents & borders -->\n <linearGradient id=\"gold-accent\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#F3D382\" />\n <stop offset=\"50%\" stop-color=\"#D4AF37\" />\n <stop offset=\"100%\" stop-color=\"#AA7C11\" />\n </linearGradient>\n\n <!-- Card Background Subtle Dark Gradient -->\n <linearGradient id=\"card-surface\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#1A1A1E\" />\n <stop offset=\"100%\" stop-color=\"#121215\" />\n </linearGradient>\n </defs>\n\n <!-- 1. Backgrounds & Contrast Panels -->\n <g id=\"layer-background\">\n <!-- Distinct Outer Canvas Background -->\n <rect id=\"bg-canvas\" width=\"400\" height=\"650\" fill=\"#0C0C0E\" />\n\n <!-- Main Contrasting Menu Card Panel -->\n <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\" />\n\n <!-- Inner Decorative Framing Line -->\n <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\" />\n </g>\n\n <!-- 2. Decorative Icons, Crests & Accents -->\n <g id=\"layer-icons\">\n <!-- Header Chef & Cutlery Crest -->\n <g transform=\"translate(170, 52)\" stroke=\"url(#gold-accent)\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <!-- Fork -->\n <path d=\"M-20 6 v12 c0 4 3 6 7 6 v14 M-23 6 v8 M-17 6 v8\" />\n <!-- Chef Hat -->\n <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\" />\n <path d=\"M16 30 h28\" stroke-width=\"1\" />\n <!-- Knife -->\n <path d=\"M78 6 v38 M78 6 c6 0 10 6 10 14 v8 c0 4-4 6-10 6\" />\n </g>\n\n <!-- Center Star Divider -->\n <g id=\"divider-accent\">\n <path d=\"M130 162 h55 M215 162 h55\" stroke=\"url(#gold-accent)\" stroke-width=\"1\" opacity=\"0.6\" />\n <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)\" />\n </g>\n\n <!-- WiFi Icon -->\n <g transform=\"translate(68, 592)\" stroke=\"#A1A1AA\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\">\n <path d=\"M0 0 a14 14 0 0 1 18 0\" />\n <path d=\"M3 4 a9 9 0 0 1 12 0\" />\n <circle cx=\"9\" cy=\"8\" r=\"1\" fill=\"#A1A1AA\" />\n </g>\n\n <!-- Instagram / Social Icon -->\n <g transform=\"translate(225, 592)\" stroke=\"#A1A1AA\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"0\" y=\"0\" width=\"13\" height=\"13\" rx=\"3.5\" />\n <circle cx=\"6.5\" cy=\"6.5\" r=\"3\" />\n <circle cx=\"10\" cy=\"3\" r=\"0.5\" fill=\"#A1A1AA\" />\n </g>\n </g>\n\n <!-- 3. Clean Placeholder Box for QR Code -->\n <g id=\"qr-placeholder\" transform=\"translate(90, 215)\">\n <rect width=\"220\" height=\"220\" rx=\"20\" fill=\"#FFFFFF\" stroke=\"#E4E4E7\" stroke-width=\"2\" />\n <rect x=\"12\" y=\"12\" width=\"196\" height=\"196\" rx=\"14\" fill=\"#FAFAFA\" stroke=\"#E4E4E7\" stroke-dasharray=\"4 3\" />\n <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>\n </g>\n\n <!-- 4. Native Editable Texts -->\n <g id=\"layer-texts\" font-family=\"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\" text-anchor=\"middle\">\n <!-- Header Titles -->\n <text x=\"200\" y=\"130\" font-size=\"22\" font-weight=\"800\" fill=\"#FFFFFF\" letter-spacing=\"2\">GOURMET BISTRO</text>\n <text x=\"200\" y=\"150\" font-size=\"11\" font-weight=\"500\" fill=\"#D4AF37\" letter-spacing=\"2.5\">TEMASSIZ DİJİTAL MENÜ</text>\n\n <!-- Scan Call to Action -->\n <text x=\"200\" y=\"475\" font-size=\"13\" font-weight=\"700\" fill=\"#FFFFFF\" letter-spacing=\"1.2\">MENÜYÜ GÖRMEK İÇİN OKUTUN</text>\n <text x=\"200\" y=\"495\" font-size=\"11\" font-weight=\"400\" fill=\"#8E8E93\">Kameranız ile QR kodu taratın</text>\n\n <!-- Table Badge Container & Label -->\n <rect x=\"140\" y=\"520\" width=\"120\" height=\"28\" rx=\"14\" fill=\"#242429\" stroke=\"#383840\" stroke-width=\"1\" />\n <text x=\"200\" y=\"539\" font-size=\"12\" font-weight=\"600\" fill=\"#E4E4E7\" letter-spacing=\"0.5\">Masa No: 01</text>\n\n <!-- Footer Network & Social Meta -->\n <text x=\"128\" y=\"602\" font-size=\"10\" font-weight=\"400\" fill=\"#A1A1AA\" text-anchor=\"start\">Bistro_Guest</text>\n <text x=\"246\" y=\"602\" font-size=\"10\" font-weight=\"400\" fill=\"#A1A1AA\" text-anchor=\"start\">@gourmetbistro</text>\n </g>\n</svg>\n",
"qr-4": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 400 650\" width=\"400\" height=\"650\">\n <defs>\n <!-- Define a linear gradient for gold effect -->\n <linearGradient id=\"goldGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#D4AF37\"/>\n <stop offset=\"100%\" stop-color=\"#FFD700\"/>\n </linearGradient>\n </defs>\n <!-- Background Canvas -->\n <rect id=\"bg-canvas\" fill=\"#451A03\" width=\"400\" height=\"650\"/>\n <!-- Main Menu Card Panel -->\n <rect id=\"main-card\" x=\"20\" y=\"20\" width=\"360\" height=\"610\" rx=\"24\" fill=\"#000000\" stroke=\"url(#goldGradient)\" stroke-width=\"2\"/>\n <!-- Layer for Icons/Graphics -->\n <g id=\"layer-icons\">\n <!-- Top decorative line -->\n <line x1=\"80\" y1=\"165\" x2=\"320\" y2=\"165\" stroke=\"url(#goldGradient)\" stroke-width=\"1\" fill=\"#D97706\"/>\n <!-- Bottom decorative line -->\n <line x1=\"80\" y1=\"535\" x2=\"320\" y2=\"535\" stroke=\"url(#goldGradient)\" stroke-width=\"1\" fill=\"#B45309\"/>\n <!-- Subtle corner accents (L-shapes) -->\n <path d=\"M40 40 L40 70 M40 40 L70 40\" stroke=\"url(#goldGradient)\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"#D97706\"/>\n <path d=\"M360 40 L360 70 M360 40 L330 40\" stroke=\"url(#goldGradient)\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"#B45309\"/>\n <path d=\"M40 610 L40 580 M40 610 L70 610\" stroke=\"url(#goldGradient)\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"#D97706\"/>\n <path d=\"M360 610 L360 580 M360 610 L330 610\" stroke=\"url(#goldGradient)\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"#B45309\"/>\n <!-- Minimalist Fork and Knife Line Art -->\n <g transform=\"translate(0, 15)\">\n <!-- Fork -->\n <path d=\"M185 550 L185 560 M188 550 L188 560 M191 550 L191 560 M188 560 L188 565\" stroke=\"url(#goldGradient)\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"#D97706\"/>\n <!-- Knife -->\n <path d=\"M205 550 L205 560 L208 560 L208 552 C208 550 206.5 549 205 549 Z M206.5 560 L206.5 565\" stroke=\"url(#goldGradient)\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"#B45309\"/>\n </g>\n </g>\n <!-- QR Placeholder -->\n <g id=\"qr-placeholder\" transform=\"translate(90, 215)\">\n <rect width=\"220\" height=\"220\" rx=\"20\" fill=\"#FFFFFF\" stroke=\"#E4E4E7\" stroke-width=\"2\"/>\n <rect x=\"12\" y=\"12\" width=\"196\" height=\"196\" rx=\"14\" fill=\"#FAFAFA\" stroke=\"#E4E4E7\" stroke-dasharray=\"4 3\"/>\n <text x=\"110\" y=\"115\" font-family=\"Inter, sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"#71717A\" text-anchor=\"middle\">\n QR KOD ALANI\n </text>\n </g>\n <!-- Layer for Texts -->\n <g id=\"layer-texts\" fill=\"#c10101\">\n <!-- Table Info badge -->\n <rect x=\"140\" y=\"40\" width=\"120\" height=\"30\" rx=\"15\" fill=\"url(#goldGradient)\"/>\n <text x=\"200\" y=\"60\" font-family=\"Inter, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#1A1A1D\" text-anchor=\"middle\">\n MASA NO: 01\n </text>\n <!-- Restaurant Name -->\n <text x=\"200\" y=\"120\" font-family=\"Inter, sans-serif\" font-size=\"26\" font-weight=\"700\" fill=\"url(#goldGradient)\" text-anchor=\"middle\">\n Gourmet Bistro\n </text>\n <!-- Tagline / Subtitle -->\n <text x=\"200\" y=\"145\" font-family=\"Inter, sans-serif\" font-size=\"12\" font-weight=\"400\" fill=\"#E4E4E7\" text-anchor=\"middle\">\n Temassız Dijital Menü\n </text>\n <!-- \"MENÜYÜ GÖRMEK İÇİN OKUTUN\" -->\n <text x=\"200\" y=\"480\" font-family=\"Inter, sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"url(#goldGradient)\" text-anchor=\"middle\">\n MENÜYÜ GÖRMEK İÇİN OKUTUN\n </text>\n <!-- Instruction note -->\n <text x=\"200\" y=\"505\" font-family=\"Inter, sans-serif\" font-size=\"11\" font-weight=\"400\" fill=\"#A1A1AA\" text-anchor=\"middle\">\n Kameranızı QR Koda Odaklayın\n </text>\n <!-- WiFi & Social Media footer info -->\n <text x=\"200\" y=\"595\" font-family=\"Inter, sans-serif\" font-size=\"11\" font-weight=\"400\" fill=\"#A1A1AA\" text-anchor=\"middle\">\n Ücretsiz Wi-Fi: GourmetBistro_Guest\n </text>\n <text x=\"200\" y=\"610\" font-family=\"Inter, sans-serif\" font-size=\"11\" font-weight=\"400\" fill=\"#A1A1AA\" text-anchor=\"middle\">\n Bizi Takip Edin: @GourmetBistro\n </text>\n </g>\n</svg>",
"qr-5": "<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 400 650\"\n width=\"400\"\n height=\"650\"\n>\n <g id=\"layer-background\">\n <rect\n id=\"bg-canvas\"\n x=\"0\"\n y=\"0\"\n width=\"400\"\n height=\"650\"\n fill=\"#0B0E14\"\n />\n </g>\n\n <g id=\"layer-card\">\n <!-- Ana Lüks Kart Arka Planı (Gece Yarısı Laciverti & Kömür) -->\n <rect\n id=\"main-card\"\n x=\"20\"\n y=\"20\"\n width=\"360\"\n height=\"610\"\n rx=\"24\"\n fill=\"#121721\"\n stroke=\"#D4AF37\"\n stroke-width=\"1.5\"\n />\n\n <!-- İç Çift Altın Bordür Hattı -->\n <rect\n id=\"inner-border\"\n x=\"28\"\n y=\"28\"\n width=\"344\"\n height=\"594\"\n rx=\"18\"\n fill=\"none\"\n stroke=\"#C5A059\"\n stroke-width=\"0.8\"\n stroke-opacity=\"0.4\"\n />\n <rect\n x=\"32\"\n y=\"32\"\n width=\"336\"\n height=\"586\"\n rx=\"14\"\n fill=\"none\"\n stroke=\"#C5A059\"\n stroke-width=\"0.5\"\n stroke-opacity=\"0.2\"\n />\n </g>\n\n <g id=\"layer-icons\">\n <!-- Üst Köşe Geometrik Art-Deco Motifleri -->\n <path\n d=\"M 38 48 L 48 38 M 38 38 L 52 38 M 38 38 L 38 52\"\n stroke=\"#D4AF37\"\n stroke-width=\"1\"\n stroke-linecap=\"round\"\n stroke-opacity=\"0.6\"\n fill=\"none\"\n />\n <path\n d=\"M 362 48 L 352 38 M 362 38 L 348 38 M 362 38 L 362 52\"\n stroke=\"#D4AF37\"\n stroke-width=\"1\"\n stroke-linecap=\"round\"\n stroke-opacity=\"0.6\"\n fill=\"none\"\n />\n\n <!-- Üst Masa Numarası Kapsülü -->\n <rect\n x=\"148\"\n y=\"44\"\n width=\"104\"\n height=\"22\"\n rx=\"11\"\n fill=\"#1A2230\"\n stroke=\"#D4AF37\"\n stroke-width=\"0.8\"\n />\n <circle cx=\"158\" cy=\"55\" r=\"1.5\" fill=\"#D4AF37\" />\n <circle cx=\"242\" cy=\"55\" r=\"1.5\" fill=\"#D4AF37\" />\n\n <!-- Merkezi Gastronomi & Yıldız Amblemi -->\n <g transform=\"translate(200, 84)\">\n <circle cx=\"0\" cy=\"0\" r=\"11\" fill=\"none\" stroke=\"#D4AF37\" stroke-width=\"0.8\" stroke-dasharray=\"2 2\" />\n <polygon points=\"0,-7 2,-2 7,0 2,2 0,7 -2,2 -7,0 -2,-2\" fill=\"#D4AF37\" />\n </g>\n\n <!-- Zarif Tipografik Ayırıcı -->\n <line x1=\"75\" y1=\"172\" x2=\"175\" y2=\"172\" stroke=\"#D4AF37\" stroke-width=\"0.75\" stroke-opacity=\"0.5\" />\n <polygon points=\"200,169.5 202.5,172 200,174.5 197.5,172\" fill=\"#D4AF37\" />\n <line x1=\"225\" y1=\"172\" x2=\"325\" y2=\"172\" stroke=\"#D4AF37\" stroke-width=\"0.75\" stroke-opacity=\"0.5\" />\n\n <!-- QR Alanı Hedef Odak Çerçeveleri -->\n <path d=\"M 80 205 L 80 195 L 90 195\" fill=\"none\" stroke=\"#D4AF37\" stroke-width=\"2\" stroke-linecap=\"round\" />\n <path d=\"M 320 205 L 320 195 L 310 195\" fill=\"none\" stroke=\"#D4AF37\" stroke-width=\"2\" stroke-linecap=\"round\" />\n <path d=\"M 80 445 L 80 455 L 90 455\" fill=\"none\" stroke=\"#D4AF37\" stroke-width=\"2\" stroke-linecap=\"round\" />\n <path d=\"M 320 445 L 320 455 L 310 455\" fill=\"none\" stroke=\"#D4AF37\" stroke-width=\"2\" stroke-linecap=\"round\" />\n\n <!-- Alt Bilgi Kartı Paneli -->\n <rect\n x=\"36\"\n y=\"520\"\n width=\"328\"\n height=\"84\"\n rx=\"14\"\n fill=\"#171F2C\"\n stroke=\"#D4AF37\"\n stroke-width=\"0.8\"\n stroke-opacity=\"0.4\"\n />\n <line x1=\"200\" y1=\"530\" x2=\"200\" y2=\"594\" stroke=\"#D4AF37\" stroke-width=\"0.5\" stroke-opacity=\"0.25\" />\n\n <!-- Minimal WiFi Vektörü -->\n <g transform=\"translate(62, 545)\">\n <path d=\"M 0 4 A 12 12 0 0 1 18 4\" fill=\"none\" stroke=\"#D4AF37\" stroke-width=\"1.4\" stroke-linecap=\"round\" />\n <path d=\"M 3.5 8 A 7 7 0 0 1 14.5 8\" fill=\"none\" stroke=\"#D4AF37\" stroke-width=\"1.4\" stroke-linecap=\"round\" />\n <circle cx=\"9\" cy=\"12\" r=\"1.2\" fill=\"#D4AF37\" />\n </g>\n\n <!-- Minimal Instagram / Web Vektörü -->\n <g transform=\"translate(224, 545)\">\n <rect x=\"0\" y=\"0\" width=\"15\" height=\"15\" rx=\"4\" fill=\"none\" stroke=\"#D4AF37\" stroke-width=\"1.4\" />\n <circle cx=\"7.5\" cy=\"7.5\" r=\"3.2\" fill=\"none\" stroke=\"#D4AF37\" stroke-width=\"1.1\" />\n <circle cx=\"11.5\" cy=\"3.5\" r=\"0.75\" fill=\"#D4AF37\" />\n </g>\n </g>\n\n <g id=\"qr-placeholder\" transform=\"translate(90, 215)\">\n <rect\n width=\"220\"\n height=\"220\"\n rx=\"20\"\n fill=\"#FFFFFF\"\n stroke=\"#E4E4E7\"\n stroke-width=\"2\"\n />\n\n <rect\n x=\"12\"\n y=\"12\"\n width=\"196\"\n height=\"196\"\n rx=\"14\"\n fill=\"#FAFAFA\"\n stroke=\"#E4E4E7\"\n stroke-dasharray=\"4 3\"\n />\n\n <text\n x=\"110\"\n y=\"115\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"12\"\n font-weight=\"600\"\n fill=\"#71717A\"\n text-anchor=\"middle\"\n >QR KOD ALANI</text>\n </g>\n\n <g id=\"layer-texts\">\n <!-- Masa Numarası -->\n <text\n x=\"200\"\n y=\"59\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"9\"\n font-weight=\"700\"\n letter-spacing=\"2.5\"\n fill=\"#E5C378\"\n text-anchor=\"middle\"\n >TABLE • 01</text>\n\n <!-- Restoran Logosu & İsmi -->\n <text\n x=\"200\"\n y=\"126\"\n font-family=\"'Playfair Display', 'Cinzel', Georgia, serif\"\n font-size=\"28\"\n font-weight=\"700\"\n letter-spacing=\"1.5\"\n fill=\"#F9F6F0\"\n text-anchor=\"middle\"\n >LATELIER BISTRO</text>\n\n <!-- Fransızca / Uluslararası Alt Başlık -->\n <text\n x=\"200\"\n y=\"152\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"8.5\"\n font-weight=\"600\"\n letter-spacing=\"4\"\n fill=\"#D4AF37\"\n text-anchor=\"middle\"\n >FINE DINING &amp; COCKTAILS</text>\n\n <!-- Çağrı Metni / Talimat -->\n <text\n x=\"200\"\n y=\"480\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"11.5\"\n font-weight=\"700\"\n letter-spacing=\"2\"\n fill=\"#F9F6F0\"\n text-anchor=\"middle\"\n >DİJİTAL MENÜ İÇİN OKUTUN</text>\n\n <text\n x=\"200\"\n y=\"498\"\n font-family=\"'Playfair Display', Georgia, serif\"\n font-size=\"10.5\"\n font-style=\"italic\"\n font-weight=\"400\"\n letter-spacing=\"0.5\"\n fill=\"#94A3B8\"\n text-anchor=\"middle\"\n >Kameranızı QR koda yaklaştırınız</text>\n\n <!-- Sol Sütun: Yüksek Hızlı WiFi Bilgileri -->\n <text\n x=\"126\"\n y=\"550\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"9\"\n font-weight=\"700\"\n letter-spacing=\"1.2\"\n fill=\"#E5C378\"\n text-anchor=\"middle\"\n >GUEST WIFI</text>\n\n <text\n x=\"126\"\n y=\"567\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"8.5\"\n font-weight=\"500\"\n fill=\"#CBD5E1\"\n text-anchor=\"middle\"\n >Ağ: Atelier-Guest</text>\n\n <text\n x=\"126\"\n y=\"582\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"8.5\"\n font-weight=\"500\"\n fill=\"#CBD5E1\"\n text-anchor=\"middle\"\n >Şifre: bistro2026</text>\n\n <!-- Sağ Sütun: Sosyal Medya & Rezervasyon -->\n <text\n x=\"286\"\n y=\"550\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"8.5\"\n font-weight=\"700\"\n letter-spacing=\"1.2\"\n fill=\"#E5C378\"\n text-anchor=\"middle\"\n >SOSYAL MEDYA</text>\n\n <text\n x=\"286\"\n y=\"575\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"10.5\"\n font-weight=\"600\"\n letter-spacing=\"0.5\"\n fill=\"#F9F6F0\"\n text-anchor=\"middle\"\n >@latelier.bistro</text>\n </g>\n</svg>\n",
"qr-6": "<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 400 650\"\n width=\"400\"\n height=\"650\"\n>\n <g id=\"layer-background\">\n <!-- Koyu Doku / Kontrast Arka Plan -->\n <rect\n id=\"bg-canvas\"\n x=\"0\"\n y=\"0\"\n width=\"400\"\n height=\"650\"\n fill=\"#252C36\"\n />\n </g>\n\n <g id=\"layer-card\">\n <!-- Sıcak Parşömen / Vintage Krem Ana Kart -->\n <rect\n id=\"main-card\"\n x=\"20\"\n y=\"20\"\n width=\"360\"\n height=\"610\"\n rx=\"20\"\n fill=\"#F6EFE2\"\n stroke=\"#3A2312\"\n stroke-width=\"1.5\"\n />\n <!-- Çift İnce Vintage Çerçeve -->\n <rect\n x=\"28\"\n y=\"28\"\n width=\"344\"\n height=\"594\"\n rx=\"14\"\n fill=\"none\"\n stroke=\"#8C6239\"\n stroke-width=\"1\"\n stroke-opacity=\"0.4\"\n />\n <rect\n x=\"32\"\n y=\"32\"\n width=\"336\"\n height=\"586\"\n rx=\"10\"\n fill=\"none\"\n stroke=\"#8C6239\"\n stroke-width=\"0.5\"\n stroke-opacity=\"0.25\"\n />\n </g>\n\n <g id=\"layer-icons\">\n <!-- Sol Üst: Botanik Kahve / Çay Dalı -->\n <g transform=\"translate(36, 36) scale(0.75)\" stroke=\"#3A2312\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\">\n <path d=\"M 0 0 C 15 15 25 35 30 65\" />\n <path d=\"M 10 12 C 5 2 20 -2 22 8 C 22 18 10 12 10 12 Z\" fill=\"#EADCC7\" />\n <path d=\"M 18 27 C 12 20 28 14 32 23 C 32 32 18 27 18 27 Z\" fill=\"#EADCC7\" />\n <path d=\"M 24 45 C 32 38 45 48 38 56 C 30 62 24 45 24 45 Z\" fill=\"#EADCC7\" />\n </g>\n\n <!-- Sağ Üst: Kuşbakışı Latte Art Fincanı -->\n <g transform=\"translate(340, 52)\">\n <!-- Tabak -->\n <circle cx=\"0\" cy=\"0\" r=\"32\" fill=\"#EADCC7\" stroke=\"#3A2312\" stroke-width=\"1.2\" />\n <circle cx=\"0\" cy=\"0\" r=\"26\" fill=\"#F6EFE2\" stroke=\"#8C6239\" stroke-width=\"0.8\" stroke-dasharray=\"2 2\" />\n <!-- Fincan Kenarı & Kahve -->\n <circle cx=\"0\" cy=\"0\" r=\"21\" fill=\"#7A4B26\" stroke=\"#3A2312\" stroke-width=\"1.4\" />\n <!-- Latte Art / Rosetta Yaprakları -->\n <path d=\"M 0 10 C -8 4 -4 -6 0 -12 C 4 -6 8 4 0 10 Z\" fill=\"#F6EFE2\" />\n <path d=\"M 0 4 C -5 0 -2 -5 0 -8 C 2 -5 5 0 0 4 Z\" fill=\"#7A4B26\" />\n <circle cx=\"0\" cy=\"-14\" r=\"1.8\" fill=\"#F6EFE2\" />\n </g>\n\n <!-- Sol Orta: Küçük Kahve Fincanı & Tabağı -->\n <g transform=\"translate(48, 250)\">\n <ellipse cx=\"0\" cy=\"0\" rx=\"26\" ry=\"26\" fill=\"#EADCC7\" stroke=\"#3A2312\" stroke-width=\"1\" />\n <circle cx=\"0\" cy=\"0\" r=\"17\" fill=\"#6A3B18\" stroke=\"#3A2312\" stroke-width=\"1.2\" />\n <!-- Basit Kalp Latte Deseni -->\n <path d=\"M -5 -3 C -8 -7 0 -10 0 -4 C 0 -10 8 -7 5 -3 C 2 3 0 7 0 7 C 0 7 -2 3 -5 -3 Z\" fill=\"#F6EFE2\" />\n <!-- Fincan Kulpu -->\n <path d=\"M 17 -4 C 23 -4 23 4 17 4\" fill=\"none\" stroke=\"#3A2312\" stroke-width=\"1.5\" />\n </g>\n\n <!-- Sağ Orta: Dikey Yaprak İllüstrasyonu -->\n <g transform=\"translate(345, 230) scale(0.7)\" stroke=\"#3A2312\" stroke-width=\"1.3\" fill=\"none\">\n <path d=\"M 10 0 C 0 30 -5 70 5 110\" />\n <path d=\"M 6 25 C 18 15 28 28 14 36 C 6 36 6 25 6 25 Z\" fill=\"#EADCC7\" />\n <path d=\"M 2 60 C -12 48 -20 62 -8 70 C 2 70 2 60 2 60 Z\" fill=\"#EADCC7\" />\n <path d=\"M 5 88 C 18 78 24 92 12 100 C 5 100 5 88 5 88 Z\" fill=\"#EADCC7\" />\n </g>\n\n <!-- Üst Başlık Yan Süsleme Çizgileri -->\n <path d=\"M 142 66 C 148 64 154 68 160 66\" fill=\"none\" stroke=\"#8C6239\" stroke-width=\"1.2\" stroke-linecap=\"round\" />\n <path d=\"M 240 66 C 246 68 252 64 258 66\" fill=\"none\" stroke=\"#8C6239\" stroke-width=\"1.2\" stroke-linecap=\"round\" />\n\n <!-- Sol Alt: Çekirdek ve Yaprak Grubu -->\n <g transform=\"translate(42, 530) scale(0.65)\" stroke=\"#3A2312\" stroke-width=\"1.4\" fill=\"none\">\n <path d=\"M 0 110 C 20 70 15 30 0 0\" />\n <path d=\"M 8 30 C 24 15 35 30 18 42 Z\" fill=\"#EADCC7\" />\n <path d=\"M 12 70 C 30 55 40 72 20 84 Z\" fill=\"#EADCC7\" />\n </g>\n\n <!-- Kahve Çekirdekleri Motifleri -->\n <!-- Sol Alt Çekirdek 1 -->\n <g transform=\"translate(108, 595) rotate(-20) scale(0.8)\">\n <ellipse cx=\"0\" cy=\"0\" rx=\"9\" ry=\"6.5\" fill=\"#CBB296\" stroke=\"#3A2312\" stroke-width=\"1.2\" />\n <path d=\"M -7 0 Q 0 3 0 0 Q 0 -3 7 0\" fill=\"none\" stroke=\"#3A2312\" stroke-width=\"1.2\" />\n </g>\n <!-- Sol Alt Çekirdek 2 -->\n <g transform=\"translate(128, 584) rotate(35) scale(0.8)\">\n <ellipse cx=\"0\" cy=\"0\" rx=\"9\" ry=\"6.5\" fill=\"#CBB296\" stroke=\"#3A2312\" stroke-width=\"1.2\" />\n <path d=\"M -7 0 Q 0 3 0 0 Q 0 -3 7 0\" fill=\"none\" stroke=\"#3A2312\" stroke-width=\"1.2\" />\n </g>\n <!-- Sağ Orta Çekirdek -->\n <g transform=\"translate(336, 360) rotate(-45) scale(0.7)\">\n <ellipse cx=\"0\" cy=\"0\" rx=\"9\" ry=\"6.5\" fill=\"#CBB296\" stroke=\"#3A2312\" stroke-width=\"1.2\" />\n <path d=\"M -7 0 Q 0 3 0 0 Q 0 -3 7 0\" fill=\"none\" stroke=\"#3A2312\" stroke-width=\"1.2\" />\n </g>\n\n <!-- Sağ Alt: Sıcak Kahve Fincanı İllüstrasyonu -->\n <g transform=\"translate(325, 590)\">\n <!-- Tabak -->\n <ellipse cx=\"0\" cy=\"18\" rx=\"28\" ry=\"7\" fill=\"#EADCC7\" stroke=\"#3A2312\" stroke-width=\"1.2\" />\n <!-- Fincan Gövdesi -->\n <path d=\"M -18 2 C -18 16 18 16 18 2 Z\" fill=\"#F6EFE2\" stroke=\"#3A2312\" stroke-width=\"1.4\" />\n <ellipse cx=\"0\" cy=\"2\" rx=\"18\" ry=\"4\" fill=\"#6A3B18\" stroke=\"#3A2312\" stroke-width=\"1.2\" />\n <!-- Kulp -->\n <path d=\"M 16 4 C 24 4 24 12 16 14\" fill=\"none\" stroke=\"#3A2312\" stroke-width=\"1.3\" />\n <!-- Buhar Çizgileri -->\n <path d=\"M -6 -4 C -8 -9 -4 -12 -6 -17\" fill=\"none\" stroke=\"#8C6239\" stroke-width=\"1\" stroke-linecap=\"round\" />\n <path d=\"M 2 -5 C 0 -10 4 -13 2 -19\" fill=\"none\" stroke=\"#8C6239\" stroke-width=\"1\" stroke-linecap=\"round\" />\n </g>\n\n <!-- QR Alanı İnce Köşe Süsleri -->\n <path d=\"M 80 205 C 80 195 80 195 90 195\" fill=\"none\" stroke=\"#3A2312\" stroke-width=\"2\" stroke-linecap=\"round\" />\n <path d=\"M 320 205 C 320 195 320 195 310 195\" fill=\"none\" stroke=\"#3A2312\" stroke-width=\"2\" stroke-linecap=\"round\" />\n <path d=\"M 80 445 C 80 455 80 455 90 455\" fill=\"none\" stroke=\"#3A2312\" stroke-width=\"2\" stroke-linecap=\"round\" />\n <path d=\"M 320 445 C 320 455 320 455 310 455\" fill=\"none\" stroke=\"#3A2312\" stroke-width=\"2\" stroke-linecap=\"round\" />\n\n <!-- Alt Est. Bölümü Çizgileri -->\n <line x1=\"145\" y1=\"608\" x2=\"175\" y2=\"608\" stroke=\"#8C6239\" stroke-width=\"0.8\" />\n <line x1=\"225\" y1=\"608\" x2=\"255\" y2=\"608\" stroke=\"#8C6239\" stroke-width=\"0.8\" />\n </g>\n\n <g id=\"qr-placeholder\" transform=\"translate(90, 215)\">\n <!-- QR Kod Arka Planı (Hafif Sıcak Ton) -->\n <rect\n width=\"220\"\n height=\"220\"\n rx=\"20\"\n fill=\"#FBF8F2\"\n stroke=\"#D8C7B0\"\n stroke-width=\"1.5\"\n />\n <rect\n x=\"10\"\n y=\"10\"\n width=\"200\"\n height=\"200\"\n rx=\"14\"\n fill=\"#F5EFE6\"\n stroke=\"#D8C7B0\"\n stroke-dasharray=\"4 3\"\n />\n <!-- QR Merkezine Kahve Çekirdeği İkonu Rozeti -->\n <circle cx=\"110\" cy=\"98\" r=\"18\" fill=\"#FBF8F2\" stroke=\"#8C6239\" stroke-width=\"1\" />\n <g transform=\"translate(110, 98) scale(0.65)\">\n <ellipse cx=\"-5\" cy=\"2\" rx=\"7\" ry=\"5\" fill=\"#3A2312\" transform=\"rotate(-30)\" />\n <ellipse cx=\"5\" cy=\"0\" rx=\"7\" ry=\"5\" fill=\"#3A2312\" transform=\"rotate(40)\" />\n </g>\n <text\n x=\"110\"\n y=\"132\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"11\"\n font-weight=\"700\"\n letter-spacing=\"1\"\n fill=\"#8C6239\"\n text-anchor=\"middle\"\n >QR KOD ALANI</text>\n </g>\n\n <g id=\"layer-texts\">\n <!-- Üst Başlık Takısı -->\n <text\n x=\"200\"\n y=\"70\"\n font-family=\"'Playfair Display', Georgia, serif\"\n font-size=\"14\"\n font-style=\"italic\"\n font-weight=\"700\"\n letter-spacing=\"4\"\n fill=\"#3A2312\"\n text-anchor=\"middle\"\n >THE</text>\n\n <!-- Ana Tipografi: El Yazısı / Retro Tabela Havası -->\n <text\n x=\"200\"\n y=\"114\"\n font-family=\"'Playfair Display', 'Brush Script MT', 'Great Vibes', Georgia, cursive, serif\"\n font-size=\"34\"\n font-weight=\"800\"\n letter-spacing=\"0.5\"\n fill=\"#2C1A0E\"\n text-anchor=\"middle\"\n >The Daily Grind</text>\n\n <!-- Alt Kategori Başlığı -->\n <text\n x=\"200\"\n y=\"146\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"13\"\n font-weight=\"800\"\n letter-spacing=\"3\"\n fill=\"#3A2312\"\n text-anchor=\"middle\"\n >COFFEE &amp; KITCHEN</text>\n\n <!-- Büyük ve Belirgin Çağrı Metni -->\n <text\n x=\"200\"\n y=\"488\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"19\"\n font-weight=\"900\"\n letter-spacing=\"1.5\"\n fill=\"#2C1A0E\"\n text-anchor=\"middle\"\n >SCAN TO VIEW MENU</text>\n\n <!-- Restoran & WiFi Bilgi Bandı -->\n <text\n x=\"200\"\n y=\"520\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"10.5\"\n font-weight=\"700\"\n letter-spacing=\"0.5\"\n fill=\"#3A2312\"\n text-anchor=\"middle\"\n >DAILY GRIND CAFE | WIFI: DAILY_GRIND_GUEST</text>\n\n <!-- Şifre ve Masa Detayı -->\n <text\n x=\"200\"\n y=\"542\"\n font-family=\"Inter, Arial, sans-serif\"\n font-size=\"9\"\n font-weight=\"600\"\n letter-spacing=\"1\"\n fill=\"#8C6239\"\n text-anchor=\"middle\"\n >ŞİFRE: coffee2026 • MASA NO: 04</text>\n\n <!-- Kuruluş / Est. Yılı -->\n <text\n x=\"200\"\n y=\"611\"\n font-family=\"'Playfair Display', Georgia, serif\"\n font-size=\"11\"\n font-style=\"italic\"\n font-weight=\"700\"\n letter-spacing=\"2\"\n fill=\"#3A2312\"\n text-anchor=\"middle\"\n >EST. 2018</text>\n </g>\n</svg>\n"
};