style: sleek full-width address footer and smaller QR code

lib/pdf-business-card.tsx

@@ -143,10 +143,9 @@ const styles = StyleSheet.create({
     flex: 1,
     padding: '8mm',
     flexDirection: 'column',
-    justifyContent: 'space-between',
   },
   backHeader: {
-    marginBottom: 'auto',
+    marginBottom: '8mm',
     flexDirection: 'row',
     alignItems: 'center',
     width: '100%',
@@ -180,35 +179,34 @@ const styles = StyleSheet.create({
   backBody: {
     flexDirection: 'row',
     justifyContent: 'space-between',
-    alignItems: 'flex-end',
+    alignItems: 'flex-start',
     width: '100%',
   },
   leftColumn: {
     flex: 1,
     flexDirection: 'column',
     paddingRight: '4mm',
-    paddingBottom: '2mm',
   },
   nameSection: {
-    marginBottom: '5mm',
+    marginBottom: '6mm',
   },
   nameText: {
-    fontSize: 16,
+    fontSize: 14,
     fontWeight: 'bold',
     color: COLORS.neutralDark,
-    marginBottom: 2,
+    marginBottom: 3,
     letterSpacing: -0.2,
   },
   roleText: {
     fontSize: 7.5,
     fontWeight: 'bold',
     color: COLORS.primary,
-    letterSpacing: 0.4,
+    letterSpacing: 0.8,
     textTransform: 'uppercase',
   },
   contactSection: {
     flexDirection: 'column',
-    gap: 5,
+    gap: 6,
   },
   contactRow: {
     flexDirection: 'row',
@@ -220,7 +218,7 @@ const styles = StyleSheet.create({
     alignItems: 'flex-start',
   },
   contactText: {
-    fontSize: 9,
+    fontSize: 8.5,
     color: COLORS.neutralDark,
     fontWeight: 'normal',
     paddingTop: 1,
@@ -228,28 +226,48 @@ const styles = StyleSheet.create({
   rightColumn: {
     flexDirection: 'column',
     alignItems: 'flex-end',
-    justifyContent: 'flex-end',
+    justifyContent: 'flex-start',
+    paddingTop: 2,
   },
   // Ultra Minimalist QR Area
   qrContainer: {
     flexDirection: 'column',
     alignItems: 'center',
-    gap: 4,
+    gap: 3,
   },
   qrCodeWrapper: {
-    width: '15mm',
-    height: '15mm',
+    width: '12mm',
+    height: '12mm',
   },
   qrCode: {
     width: '100%',
     height: '100%',
   },
   qrLabel: {
-    fontSize: 5,
+    fontSize: 4.5,
     color: COLORS.neutralDark, // Subtle grey instead of loud blue
     fontWeight: 'bold',
     letterSpacing: 1.2,
   },
+  addressFooter: {
+    position: 'absolute',
+    bottom: '5mm',
+    left: '8mm',
+    right: '8mm',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderTop: `0.5pt solid ${COLORS.grayText}`,
+    paddingTop: '2.5mm',
+    opacity: 0.8,
+  },
+  addressFooterText: {
+    fontSize: 5.5,
+    color: COLORS.neutralDark,
+    letterSpacing: 1.5,
+    textTransform: 'uppercase',
+    fontWeight: 'bold',
+  },
 });
 
 // SVG Icons
@@ -736,12 +754,6 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
               </View>
 
               <View style={styles.contactSection}>
-                <View style={styles.contactRow}>
-                  <View style={styles.iconWrapper}>
-                    <LocationIcon />
-                  </View>
-                  <Text style={styles.contactText}>Raiffeisenstraße 22, 73630 Remshalden</Text>
-                </View>
                 <View style={styles.contactRow}>
                   <View style={styles.iconWrapper}>
                     <PhoneIcon />
@@ -773,6 +785,12 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
             </View>
           </View>
         </View>
+
+        <View style={styles.addressFooter}>
+          <Text style={styles.addressFooterText}>
+            KLZ Vertriebs GmbH • Raiffeisenstraße 22 • 73630 Remshalden
+          </Text>
+        </View>
       </Page>
     </Document>
   );