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

Atom eve seo

Browse Source
This commit is contained in:
knuthtimo-lab
2026-07-15 18:08:51 +02:00
parent 48e9e2992c
commit 7b81464a1d
665 changed files with 219503 additions and 894 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -278,6 +278,44 @@ export default function FacebookQRCodePage() {
{/* RELATED TOOLS */}
<RelatedTools />
{/* OFFLINE PLACEMENTS & MEASUREMENT */}
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
<div className="max-w-4xl mx-auto">
<h2 className="text-3xl font-bold text-slate-900 mb-4">
Where a Facebook QR Code Works Best
</h2>
<p className="text-slate-600 mb-8 max-w-2xl">
Facebook is where local communities, events, and groups live. A QR code bridges the gap between a physical location and your page, group, or event — no searching, no typos.
</p>
<div className="grid md:grid-cols-3 gap-6 mb-8">
<article className="bg-slate-50 rounded-xl border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Local businesses</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Restaurants, gyms, and shops put the code on receipts, flyers, and door signs so regulars can follow announcements, opening hours, and offers.
</p>
</article>
<article className="bg-slate-50 rounded-xl border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Groups &amp; clubs</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Sports clubs, neighborhood groups, and associations use posters and notice boards to route new members straight into the right Facebook group.
</p>
</article>
<article className="bg-slate-50 rounded-xl border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Event promotion</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Link printed invitations and posters directly to the Facebook event page so guests can RSVP, check details, and invite friends on the spot.
</p>
</article>
</div>
<p className="text-slate-600 text-sm">
To see which flyer, sign, or poster actually drives visits, create the code as a{' '}
<a href="/dynamic-qr-code-generator" className="font-semibold text-[#1877F2] hover:underline">dynamic QR code</a>{' '}
and measure placements with{' '}
<a href="/qr-code-tracking" className="font-semibold text-[#1877F2] hover:underline">QR code tracking</a>.
</p>
</div>
</section>
{/* FAQ SECTION */}
<section className="py-16 px-4 sm:px-6 lg:px-8" style={{ backgroundColor: '#EBEBDF' }}>
<div className="max-w-3xl mx-auto">

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

@@ -335,11 +335,50 @@ export default function InstagramQRCodePage() {
]}
/>
{/* OFFLINE PLACEMENTS & MEASUREMENT */}
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
<div className="max-w-4xl mx-auto">
<h2 className="text-3xl font-bold text-slate-900 mb-4">
Where an Instagram QR Code Beats a Profile Link
</h2>
<p className="text-slate-600 mb-8 max-w-2xl">
A profile link only works where people can click. An Instagram QR code works in the physical world — wherever a customer is already looking at your brand but can&apos;t tap a link.
</p>
<div className="grid md:grid-cols-3 gap-6 mb-8">
<article className="bg-slate-50 rounded-xl border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Cafés, salons &amp; shops</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Counter cards, mirrors, and window stickers turn walk-in customers into followers while they wait — the moment they&apos;re most likely to check your feed.
</p>
</article>
<article className="bg-slate-50 rounded-xl border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Packaging &amp; unboxing</h3>
<p className="text-slate-600 text-sm leading-relaxed">
A QR code on the package insert catches customers at the unboxing moment — ideal for brands that want user-generated content and repeat buyers.
</p>
</article>
<article className="bg-slate-50 rounded-xl border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Events &amp; pop-ups</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Booth banners and table displays let visitors follow you in two seconds instead of searching your handle — and misspelling it.
</p>
</article>
</div>
<p className="text-slate-600 text-sm">
Want to know which placement actually drives followers? Create the code as a{' '}
<a href="/dynamic-qr-code-generator" className="font-semibold text-pink-600 hover:underline">dynamic QR code</a>{' '}
and compare placements with{' '}
<a href="/qr-code-tracking" className="font-semibold text-pink-600 hover:underline">QR code tracking</a>{' '}
— scans by time, device, and location.
</p>
</div>
</section>
{/* FAQ SECTION */}
<section className="py-16 px-4 sm:px-6 lg:px-8" style={{ backgroundColor: '#EBEBDF' }}>
<div className="max-w-3xl mx-auto">
<p className="text-center text-xs text-slate-400 mb-8">
By <a href="/authors/timo" className="underline hover:text-slate-600">Timo Knuth</a> · Last updated: June 2025
By <a href="/authors/timo" className="underline hover:text-slate-600">Timo Knuth</a> · Last updated: July 2026
</p>
<h2 className="text-3xl font-bold text-slate-900 text-center mb-4">
Frequently Asked Questions

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

@@ -276,6 +276,45 @@ export default function TwitterQRCodePage() {
{/* RELATED TOOLS */}
<RelatedTools />
{/* OFFLINE PLACEMENTS & MEASUREMENT */}
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
<div className="max-w-4xl mx-auto">
<h2 className="text-3xl font-bold text-slate-900 mb-4">
Where a Twitter (X) QR Code Makes Sense
</h2>
<p className="text-slate-600 mb-8 max-w-2xl">
X handles are easy to mistype and hard to remember. A QR code puts your profile one scan away in exactly the situations where your audience is already paying attention.
</p>
<div className="grid md:grid-cols-3 gap-6 mb-8">
<article className="bg-slate-50 rounded-xl border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Conferences &amp; talks</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Put the code on your closing slide or badge. Attendees who want to follow the discussion follow you instead of trying to remember your handle.
</p>
</article>
<article className="bg-slate-50 rounded-xl border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Creators &amp; media</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Podcasters, journalists, and streamers add the code to cover art, merch, and end screens so offline audiences become followers.
</p>
</article>
<article className="bg-slate-50 rounded-xl border border-slate-200 p-6">
<h3 className="font-bold text-slate-900 mb-2">Live commentary</h3>
<p className="text-slate-600 text-sm leading-relaxed">
Sports venues, meetups, and community events display the code where the live conversation happens — the moment people want to join in.
</p>
</article>
</div>
<p className="text-slate-600 text-sm">
Handle might change, or you want scan numbers per placement? Use a{' '}
<a href="/dynamic-qr-code-generator" className="font-semibold text-slate-900 hover:underline">dynamic QR code</a>{' '}
with{' '}
<a href="/qr-code-tracking" className="font-semibold text-slate-900 hover:underline">QR code tracking</a>{' '}
— the printed code stays valid even if the destination changes.
</p>
</div>
</section>
{/* FAQ SECTION */}
<section className="py-16 px-4 sm:px-6 lg:px-8" style={{ backgroundColor: '#EBEBDF' }}>
<div className="max-w-3xl mx-auto">

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

@@ -53,7 +53,7 @@ const jsonLd = {
'@type': 'HowTo',
name: 'How to Create a vCard QR Code',
datePublished: '2024-01-01',
dateModified: '2026-04-27',
dateModified: '2026-07-15',
author: {
'@type': 'Person',
name: 'Timo Knuth',
@@ -99,6 +99,14 @@ const jsonLd = {
question: 'Does it work on iPhone and Android?',
answer: 'Yes. Both iOS (Camera app) and Android (Camera or Google Lens) natively support vCard QR codes and correctly import the contact data.',
},
'Is the vCard QR code generator free?': {
question: 'Is the vCard QR code generator free?',
answer: 'Yes. Creating a static vCard QR code with this generator is completely free, with no signup, no watermark, and no expiry. The code is generated in your browser and you can download it immediately.',
},
'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.',
},
}),
],
};
@@ -287,7 +295,45 @@ export default function VCardQRCodePage() {
</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
By Timo Knuth, QR Master · Last updated: July 2026 · Based on independent academic and industry research
</p>
</div>
</section>
{/* USE CASES */}
<section className="py-16 px-4 sm:px-6 lg:px-8" style={{ backgroundColor: '#EBEBDF' }}>
<div className="max-w-4xl mx-auto">
<h2 className="text-3xl font-bold text-slate-900 text-center mb-4">
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.
</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.
</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.
</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.
</p>
</article>
</div>
<p className="text-slate-600 text-sm text-center mt-8">
Need to update your details after printing, or see how often your card gets scanned? Use a{' '}
<a href="/dynamic-qr-code-generator" className="font-semibold text-[#9F1239] hover:underline">dynamic QR code</a>{' '}
with{' '}
<a href="/qr-code-tracking" className="font-semibold text-[#9F1239] hover:underline">scan tracking</a>.
</p>
</div>
</section>
@@ -345,6 +391,14 @@ export default function VCardQRCodePage() {
question="Is my data safe?"
answer="Yes. This tool operates 100% in your browser. We do not store, see, or optimize your contact data. It goes directly from your input to the QR code."
/>
<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."
/>
<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."
/>
</div>
</div>
</section>