ayrisdev/menulio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(qr-stands): add flat vector qr-1.svg urban preset

Browse Source
This commit is contained in:
AyrisAI
2026-08-20 23:30:04 +03:00
parent a0cb04b2c6
commit edb7af9288
5 changed files with 289 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/mobile/assets/qr-1.svg
+89
View File
@@ -0,0 +1,89 @@
<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>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

apps/web/public/qr-1.svg
+89
View File
@@ -0,0 +1,89 @@
<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>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

apps/web/src/components/QrStandGeneratorClient.tsx
+2 -1
View File
@@ -227,7 +227,8 @@ export function QrStandGeneratorClient({
/>
) : null}
<span
className="font-black text-xl sm:text-2xl tracking-wider uppercase font-['Montserrat'] leading-tight drop-shadow-md bg-clip-text text-transparent bg-gradient-to-r from-[#D4AF37] to-[#FFD700]"
className="font-black text-xl sm:text-2xl tracking-wider uppercase font-['Montserrat'] leading-tight drop-shadow-md"
style={{ color: activePreset.accentText }}
>
{restaurantName}
</span>
packages/shared/src/qr-stands.ts
+20
View File
@@ -38,4 +38,24 @@ export const QR_STAND_PRESETS: Record<string, QrStandPreset> = {
categories: ["BAŞLANGIÇLAR", "ANA YEMEKLER", "TATLILAR", "İÇECEKLER"],
svgTemplateUrl: "/qr-4.svg",
},
"qr-1": {
key: "qr-1",
name: "The Urban Burger Stand",
categoryName: "Özel Masa Kartı Şablonu",
bgGradient: "radial-gradient(circle at 50% 50%, #064E3B 0%, #022c22 100%)",
plaqueBg: "linear-gradient(135deg, #141E19 0%, #0B120E 100%)",
plaqueColor: "#141E19",
borderAccent: "#F59E0B",
qrBg: "#ffffff",
qrColor: "#111111",
logoBorder: "#F59E0B",
logoBg: "rgba(20, 30, 25, 0.8)",
accentText: "#F59E0B",
headerText: "#FFFFFF",
subText: "#9CA3AF",
dividerColor: "rgba(245, 158, 11, 0.3)",
categories: ["BURGERS", "FRIES", "SHAKES", "BEVERAGES"],
svgTemplateUrl: "/qr-1.svg",
},
};
svg/qr-1.svg
+89
View File
@@ -0,0 +1,89 @@
<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>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB