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

feat: implement marketing pages, core QR tools, and SEO infrastructure for QR Master

Browse Source
This commit is contained in:
Timo Knuth
2026-04-10 11:21:18 +02:00
parent cc4afb6f51
commit 9a01523fcd
14 changed files with 659 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
import React from 'react';
import type { Metadata } from 'next';
import VCardGenerator from './VCardGenerator';
import { User, Shield, Zap, Smartphone, Contact, Share2, Check, UserPlus } from 'lucide-react';
import { User, Shield, Zap, Smartphone, Contact, Share2, Check, UserPlus, TrendingUp } from 'lucide-react';
import { QRCodeSVG } from 'qrcode.react';
import { ToolBreadcrumb } from '@/components/seo/BreadcrumbSchema';
import { RelatedTools } from '@/components/marketing/RelatedTools';
@@ -13,10 +13,14 @@ export const metadata: Metadata = {
title: {
absolute: 'Free vCard QR Code Generator | QR Master',
},
description: 'Create a vCard QR code for your business card. Erstelle deine elektronische Visitenkarte kostenlos. Share contact details instantly. Free & No App Required.',
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.',
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',
languages: {
'x-default': 'https://www.qrmaster.net/tools/vcard-qr-code',
en: 'https://www.qrmaster.net/tools/vcard-qr-code',
},
},
openGraph: {
title: 'Free vCard QR Code Generator | QR Master',
@@ -48,6 +52,13 @@ const jsonLd = {
{
'@type': 'HowTo',
name: 'How to Create a vCard QR Code',
datePublished: '2024-01-01',
dateModified: '2025-06-01',
author: {
'@type': 'Person',
name: 'Timo Knuth',
url: 'https://www.qrmaster.net/authors/timo',
},
description: 'Create a QR code that saves your contact details.',
step: [
{
@@ -239,6 +250,48 @@ export default function VCardQRCodePage() {
</div>
</section>
{/* 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">
<TrendingUp className="w-5 h-5 text-rose-500" />
<span className="text-sm font-semibold text-rose-600 uppercase tracking-wider">Research-backed</span>
</div>
<h2 className="text-3xl font-bold text-slate-900 mb-4">
Why Digital Contact Sharing Outperforms Paper Cards
</h2>
<p className="text-slate-600 mb-10 max-w-2xl">
A <strong>vCard QR code</strong> solves the single biggest problem with traditional business cards: they get discarded before anyone saves your details.
</p>
<div className="grid md:grid-cols-2 gap-6 mb-8">
<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.
</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>
</p>
</div>
<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.
</p>
<p className="text-xs text-slate-500">
vCard 3.0 / VCF format — supported natively by iOS and Android
</p>
</div>
</div>
<p className="text-xs text-slate-400 italic">
By Timo Knuth, QR Master · Last updated: June 2025 · Based on independent academic and industry research
</p>
</div>
</section>
{/* GROWTH LINKS */}
<GrowthLinksSection
eyebrow="Level up your QR strategy"