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

apps/mobile/assets/qr-1.svg

@@ -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>

apps/web/public/qr-1.svg

@@ -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>

apps/web/src/components/QrStandGeneratorClient.tsx

@@ -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

@@ -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

@@ -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>