SEO

src/app/(main)/tools/page.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { Metadata } from 'next';
+import Link from 'next/link';
 import { FreeToolsGrid } from '@/components/marketing/FreeToolsGrid';
 
 export const metadata: Metadata = {
@@ -41,6 +42,50 @@ export default function ToolsHubPage() {
         <FreeToolsGrid />
       </div>
 
+      <section className="bg-white px-4 py-16">
+        <div className="container mx-auto max-w-5xl">
+          <div className="mb-8 text-center">
+            <h2 className="text-2xl font-bold text-slate-900">
+              Frequently used QR tools
+            </h2>
+            <p className="mx-auto mt-3 max-w-2xl text-slate-600">
+              These tools cover common workplace, venue, and regional QR code
+              workflows.
+            </p>
+          </div>
+          <div className="grid gap-4 md:grid-cols-3">
+            {[
+              {
+                href: '/tools/teams-qr-code',
+                title: 'Teams QR Code Generator',
+                description: 'Create QR codes for meeting rooms and invites.',
+              },
+              {
+                href: '/tools/wifi-qr-code',
+                title: 'WiFi QR Code Generator',
+                description: 'Share guest WiFi without typing passwords.',
+              },
+              {
+                href: '/qr-code-erstellen',
+                title: 'QR Code Erstellen',
+                description: 'German QR generator page for local users.',
+              },
+            ].map((item) => (
+              <Link
+                key={item.href}
+                href={item.href}
+                className="rounded-lg border border-slate-200 bg-slate-50 p-5 text-left transition-colors hover:border-indigo-200 hover:bg-indigo-50"
+              >
+                <h3 className="font-semibold text-slate-900">{item.title}</h3>
+                <p className="mt-2 text-sm leading-6 text-slate-600">
+                  {item.description}
+                </p>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </section>
+
       <section className="py-20 px-4">
         <div className="container mx-auto max-w-3xl text-center">
           <h2 className="text-2xl font-bold text-slate-900 mb-4">