diff --git a/lib/pdf-business-card.tsx b/lib/pdf-business-card.tsx index e7ecc300..f36f48ff 100644 --- a/lib/pdf-business-card.tsx +++ b/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 = ({ - - - - - Raiffeisenstraße 22, 73630 Remshalden - @@ -773,6 +785,12 @@ export const PDFBusinessCard: React.FC = ({ + + + + KLZ Vertriebs GmbH • Raiffeisenstraße 22 • 73630 Remshalden + + );