Add more invite background presets

resources/js/admin/i18n/locales/de/management.json

@@ -1013,9 +1013,16 @@
         "foldable": "{{paper}} {{orientation}} (doppelt A5/gespiegelt)"
       },
       "backgroundPresets": {
+        "artDeco": "Art Déco",
         "blueFloral": "Blau Floral",
+        "eukalyptus": "Eukalyptus",
+        "eukalyptusFloral": "Eukalyptus Floral",
+        "eukalyptusFrame": "Eukalyptus Rahmen",
         "goldFrame": "Goldrahmen",
-        "greenFloral": "Grün Floral"
+        "greenFloral": "Grün Floral",
+        "jugendstil": "Jugendstil",
+        "kornblumen": "Kornblumen",
+        "kornblumenTwo": "Kornblumen II"
       },
       "gradientPresets": {
         "softLilac": "Sanftes Flieder",

resources/js/admin/i18n/locales/en/management.json

@@ -1009,9 +1009,16 @@
         "foldable": "{{paper}} {{orientation}} (double A5/mirrored)"
       },
       "backgroundPresets": {
+        "artDeco": "Art deco",
         "blueFloral": "Blue floral",
+        "eukalyptus": "Eucalyptus",
+        "eukalyptusFloral": "Eucalyptus floral",
+        "eukalyptusFrame": "Eucalyptus frame",
         "goldFrame": "Gold frame",
-        "greenFloral": "Green floral"
+        "greenFloral": "Green floral",
+        "jugendstil": "Art nouveau",
+        "kornblumen": "Cornflowers",
+        "kornblumenTwo": "Cornflowers II"
       },
       "gradientPresets": {
         "softLilac": "Soft lilac",

resources/js/admin/mobile/QrLayoutCustomizePage.tsx

@@ -45,12 +45,54 @@ const BACKGROUND_PRESETS = [
     labelKey: 'events.qr.backgroundPresets.blueFloral',
     label: 'Blue Floral',
   },
+  {
+    id: 'bg-artdeco',
+    src: '/storage/layouts/backgrounds-portrait/bg-artdeco.png',
+    labelKey: 'events.qr.backgroundPresets.artDeco',
+    label: 'Art Deco',
+  },
+  {
+    id: 'bg-eukalyptus-floral',
+    src: '/storage/layouts/backgrounds-portrait/bg-eukalyptus-floral.png',
+    labelKey: 'events.qr.backgroundPresets.eukalyptusFloral',
+    label: 'Eucalyptus Floral',
+  },
+  {
+    id: 'bg-eukalyptus-rahmen',
+    src: '/storage/layouts/backgrounds-portrait/bg-eukalyptus-rahmen.png',
+    labelKey: 'events.qr.backgroundPresets.eukalyptusFrame',
+    label: 'Eucalyptus Frame',
+  },
+  {
+    id: 'bg-eukalyptus',
+    src: '/storage/layouts/backgrounds-portrait/bg-eukalyptus.png',
+    labelKey: 'events.qr.backgroundPresets.eukalyptus',
+    label: 'Eucalyptus',
+  },
   {
     id: 'bg-goldframe',
     src: '/storage/layouts/backgrounds-portrait/bg-goldframe.png',
     labelKey: 'events.qr.backgroundPresets.goldFrame',
     label: 'Gold Frame',
   },
+  {
+    id: 'bg-jugendstil',
+    src: '/storage/layouts/backgrounds-portrait/bg-jugendstil.png',
+    labelKey: 'events.qr.backgroundPresets.jugendstil',
+    label: 'Jugendstil',
+  },
+  {
+    id: 'bg-kornblumen',
+    src: '/storage/layouts/backgrounds-portrait/bg-kornblumen.png',
+    labelKey: 'events.qr.backgroundPresets.kornblumen',
+    label: 'Cornflowers',
+  },
+  {
+    id: 'bg-kornblumen2',
+    src: '/storage/layouts/backgrounds-portrait/bg-kornblumen2.png',
+    labelKey: 'events.qr.backgroundPresets.kornblumenTwo',
+    label: 'Cornflowers II',
+  },
   {
     id: 'gr-green-floral',
     src: '/storage/layouts/backgrounds-portrait/gr-green-floral.png',
@@ -755,7 +797,7 @@ function BackgroundStep({
                 return (
                   <Pressable key={preset.id ?? preset.labelKey} onPress={() => onSelectPreset(preset.id)} style={{ width: '48%' }}>
                     <YStack
-                      aspectRatio={210 / 297}
+                      aspectRatio={CANVAS_WIDTH / CANVAS_HEIGHT}
                       maxHeight={220}
                       borderRadius={14}
                       overflow="hidden"