tknuth/QR-master
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Copy overhaul + qr designs

Browse Source
This commit is contained in:
knuthtimo-lab
2026-07-27 17:54:59 +02:00
parent 033bc7e29d
commit 70d97aa970
144 changed files with 23107 additions and 1699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/(main)/(marketing)/tools/vcard-qr-code/page.tsx
View File

@@ -11,9 +11,9 @@ import { generateSoftwareAppSchema, generateFaqSchema } from '@/lib/schema-utils
// SEO Optimized Metadata
export const metadata: Metadata = {
title: {
absolute: 'Free vCard QR Code Generator | QR Master',
absolute: 'vCard QR Code Generator - Save to Contacts in One Tap',
},
description: 'Create a vCard QR code for your business card. Share contact details instantly — customers scan and save with one tap. Free, no signup required.',
description: 'Put your contact details on a business card as a QR code. One scan saves you to their phone - no typing, no app. Download print-ready PNG or SVG. No signup.',
keywords: ['vcard qr code', 'business card qr code', 'contact qr generator', 'digital business card', 'add to contacts qr', 'visitenkarte qr code', 'digitale visitenkarte erstellen', 'kontakt qr code', 'elektronische visitenkarte', 'vcard erstellen kostenlos'],
alternates: {
canonical: 'https://www.qrmaster.net/tools/vcard-qr-code',
@@ -23,16 +23,16 @@ export const metadata: Metadata = {
},
},
openGraph: {
title: 'Free vCard QR Code Generator | QR Master',
description: 'Turn your contact info into a QR code. The modern way to share your business card.',
title: 'vCard QR Code Generator - Save to Contacts in One Tap',
description: 'One scan saves you to their phone. No typing, no app. Print-ready PNG or SVG.',
type: 'website',
url: 'https://www.qrmaster.net/tools/vcard-qr-code',
images: [{ url: '/og-vcard-generator.png', width: 1200, height: 630 }],
},
twitter: {
card: 'summary_large_image',
title: 'Free vCard QR Code Generator',
description: 'Create QR codes for contact sharing. Instant and free.',
title: 'vCard QR Code Generator - Save to Contacts in One Tap',
description: 'One scan saves you to their phone. No typing, no app. Print-ready PNG or SVG.',
},
robots: {
index: true,
@@ -105,7 +105,7 @@ const jsonLd = {
},
'Can I test the QR code before printing?': {
question: 'Can I test the QR code before printing?',
answer: 'Yes — and you should. Scan the generated code with your own phone camera before sending it to print. If the contact card opens with the correct name, phone, and email, the printed version will behave identically.',
answer: 'Yes - and you should. Scan the generated code with your own phone camera before sending it to print. If the contact card opens with the correct name, phone, and email, the printed version will behave identically.',
},
}),
],
@@ -143,7 +143,7 @@ export default function VCardQRCodePage() {
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-rose-400 opacity-75"></span>
<span className="relative inline-flex rounded-full h-2 w-2 bg-rose-400"></span>
</span>
Free Tool — No Signup Required
Free Tool - No Signup Required
</div>
<h1 className="text-4xl md:text-5xl lg:text-6xl font-extrabold text-white tracking-tight leading-tight mb-6">
@@ -258,7 +258,7 @@ export default function VCardQRCodePage() {
</div>
</section>
{/* WHY DIGITAL BUSINESS CARDS — STATISTICS */}
{/* WHY DIGITAL BUSINESS CARDS - STATISTICS */}
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
<div className="max-w-4xl mx-auto">
<div className="flex items-center gap-2 mb-3">
@@ -276,7 +276,7 @@ export default function VCardQRCodePage() {
<div className="bg-rose-50 border border-rose-100 rounded-2xl p-6">
<div className="text-4xl font-extrabold text-rose-600 mb-2">88%</div>
<p className="text-slate-700 text-sm leading-relaxed mb-3">
of traditional paper business cards are thrown away within a week of being handed out. A vCard QR code on your card saves contact details instantly — no manual typing, no lost connections.
of traditional paper business cards are thrown away within a week of being handed out. A vCard QR code on your card saves contact details instantly - no manual typing, no lost connections.
</p>
<p className="text-xs text-slate-500">
Source: <a href="https://www.adobe.com/express/learn/blog/business-card-statistics" target="_blank" rel="noopener noreferrer" className="underline hover:text-slate-700">Adobe Business Research</a>
@@ -286,10 +286,10 @@ export default function VCardQRCodePage() {
<div className="bg-orange-50 border border-orange-100 rounded-2xl p-6">
<div className="text-4xl font-extrabold text-orange-600 mb-2">1-tap save</div>
<p className="text-slate-700 text-sm leading-relaxed mb-3">
Instead of asking someone to manually type your name, phone, and email — a vCard QR code transfers all contact fields (name, phone, email, company, URL) directly into their phone's address book with a single scan.
Instead of asking someone to manually type your name, phone, and email - a vCard QR code transfers all contact fields (name, phone, email, company, URL) directly into their phone's address book with a single scan.
</p>
<p className="text-xs text-slate-500">
vCard 3.0 / VCF format — supported natively by iOS and Android
vCard 3.0 / VCF format - supported natively by iOS and Android
</p>
</div>
</div>
@@ -307,25 +307,25 @@ export default function VCardQRCodePage() {
Where a vCard QR Code Pays Off
</h2>
<p className="text-slate-600 text-center mb-10 max-w-2xl mx-auto">
A vCard QR code works anywhere someone should save your details in seconds — without typing anything.
A vCard QR code works anywhere someone should save your details in seconds - without typing anything.
</p>
<div className="grid md:grid-cols-3 gap-6">
<article className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Business cards</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Print the QR code on the back of your paper card. Instead of your card ending up in a drawer, your contact lands in the address book — name, phone, email, and company in one tap.
Print the QR code on the back of your paper card. Instead of your card ending up in a drawer, your contact lands in the address book - name, phone, email, and company in one tap.
</p>
</article>
<article className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Events &amp; trade shows</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Put it on your badge, booth signage, or presentation slides. Attendees scan while you talk — no fumbling with cards, and no follow-up emails asking for your details.
Put it on your badge, booth signage, or presentation slides. Attendees scan while you talk - no fumbling with cards, and no follow-up emails asking for your details.
</p>
</article>
<article className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Everyday networking</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Save it as your phone wallpaper or in your wallet. Any spontaneous meeting becomes a saved contact — perfect for freelancers, sales teams, and consultants.
Save it as your phone wallpaper or in your wallet. Any spontaneous meeting becomes a saved contact - perfect for freelancers, sales teams, and consultants.
</p>
</article>
</div>
@@ -393,11 +393,11 @@ export default function VCardQRCodePage() {
/>
<FaqItem
question="Is the vCard QR code generator free?"
answer="Yes. Creating a static vCard QR code is completely free — no signup, no watermark, no expiry. Generate, download, and print as many as you need."
answer="Yes. Creating a static vCard QR code is completely free - no signup, no watermark, no expiry. Generate, download, and print as many as you need."
/>
<FaqItem
question="Can I test the QR code before printing?"
answer="Yes — scan the generated code with your own phone camera first. If the contact card opens with the correct details, the printed version will behave identically."
answer="Yes - scan the generated code with your own phone camera first. If the contact card opens with the correct details, the printed version will behave identically."
/>
</div>
</div>