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

SEO

Browse Source
This commit is contained in:
Timo Knuth
2026-05-27 20:37:15 +02:00
parent 09f5859af2
commit a7cbbee084
15 changed files with 1181 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/components/marketing/HomePageClient.tsx
View File

@@ -1,7 +1,8 @@
'use client';
import React from 'react';
import { Hero } from '@/components/marketing/Hero';
import React from 'react';
import Link from 'next/link';
import { Hero } from '@/components/marketing/Hero';
import AIComingSoonBanner from '@/components/marketing/AIComingSoonBanner';
import { StatsStrip } from '@/components/marketing/StatsStrip';
import { TemplateCards } from '@/components/marketing/TemplateCards';
@@ -40,10 +41,61 @@ export default function HomePageClient() {
<AIComingSoonBanner />
{/* Free Tools Grid */}
<FreeToolsGrid />
{/* Testimonials Carousel */}
{/* Free Tools Grid */}
<FreeToolsGrid />
<section className="bg-white py-16">
<div className="container mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div className="mb-8 max-w-3xl">
<h2 className="text-3xl font-bold text-slate-900">
Popular QR Master workflows
</h2>
<p className="mt-3 text-base leading-7 text-slate-600">
Start with the pages people already use for meetings, guest WiFi,
German QR creation, and local service businesses.
</p>
</div>
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
{[
{
href: '/tools/teams-qr-code',
title: 'Teams QR Code Generator',
description: 'Create a QR code for Microsoft Teams meetings.',
},
{
href: '/tools/wifi-qr-code',
title: 'WiFi QR Code Generator',
description: 'Let guests scan once to join a WiFi network.',
},
{
href: '/qr-code-erstellen',
title: 'QR Code Erstellen',
description: 'German QR code generator page for local searches.',
},
{
href: '/qr-code-for/barbershops',
title: 'QR Codes for Barbershops',
description: 'Booking, reviews, WiFi, and social links for shops.',
},
].map((item) => (
<Link
key={item.href}
href={item.href}
className="group rounded-lg border border-slate-200 bg-slate-50 p-5 transition-colors hover:border-blue-200 hover:bg-blue-50"
>
<h3 className="text-lg font-semibold text-slate-900 group-hover:text-blue-700">
{item.title}
</h3>
<p className="mt-2 text-sm leading-6 text-slate-600">
{item.description}
</p>
</Link>
))}
</div>
</div>
</section>
{/* Testimonials Carousel */}
<TestimonialsCarousel testimonials={testimonials} />
<React.Fragment>

2
src/components/ui/Footer.tsx
View File

@@ -122,7 +122,7 @@ export function Footer({ variant = 'marketing', t }: FooterProps) {
<li><Link href="/privacy" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>{translations.privacy_policy}</Link></li>
<li><Link href="/contact" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>Contact</Link></li>
<li><Link href="/qr-code-erstellen" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>QR Code Erstellen (DE)</Link></li>
<li><Link href="/barcode-generator" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>Barcode Generator (DE)</Link></li>
<li><Link href="/tools/barcode-generator" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>Barcode Generator</Link></li>
</ul>
</div>