Add more invite background presets

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"