fix: correctly map exact logo vectors from public/logo-white.svg with correct viewBox

- Previously, the logo was cropped because of an incorrect viewBox (100x100 instead of 295x99)

- Mapped all vector paths perfectly to ensure exact branding parity

scripts/convert-logo.cjs

@@ -0,0 +1,34 @@
+const fs = require('fs');
+
+const svgContent = fs.readFileSync('public/logo-white.svg', 'utf8');
+
+const pathRegex = /<path d="([^"]+)"/g;
+let paths = [];
+let match;
+while ((match = pathRegex.exec(svgContent)) !== null) {
+  paths.push(match[1]);
+}
+
+const componentCode = `import React from 'react';
+import { Svg, G, Path } from '@react-pdf/renderer';
+
+interface KLZLogoVectorProps {
+  width?: number;
+  color?: string;
+}
+
+export const KLZLogoVector: React.FC<KLZLogoVectorProps> = ({ width = 140, color = '#ffffff' }) => {
+  const height = width * (99 / 295);
+
+  return (
+    <Svg viewBox="0 0 295 99" style={{ width, height }}>
+      <G>
+${paths.map(d => `        <Path d="${d}" fill={color} />`).join('\n')}
+      </G>
+    </Svg>
+  );
+};
+`;
+
+fs.writeFileSync('lib/KLZLogoVector.tsx', componentCode);
+console.log('Successfully wrote lib/KLZLogoVector.tsx');

scripts/generate-business-cards.ts

@@ -13,8 +13,8 @@ import QRCode from 'qrcode';
 
 const CONFIG = {
   outputDir: path.join(process.cwd(), 'public/downloads/business-cards'),
-  logoWhite: path.join(process.cwd(), 'public/logo-white.png'),
-  logoBlue: path.join(process.cwd(), 'public/logo-blue.png'),
+  logoWhite: path.join(process.cwd(), 'public/logo-white.svg'),
+  logoBlue: path.join(process.cwd(), 'public/logo-blue.svg'),
   logoFull: path.join(process.cwd(), 'public/logo-full.png'),
   truckImage: path.join(process.cwd(), 'public/truck.png'),
 };