diff --git a/apps/contacts/apps/web/src/lib/components/SearchModal.svelte b/apps/contacts/apps/web/src/lib/components/SearchModal.svelte
new file mode 100644
index 000000000..38eddb294
--- /dev/null
+++ b/apps/contacts/apps/web/src/lib/components/SearchModal.svelte
@@ -0,0 +1,516 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { contactsApi, type Contact } from '$lib/api/contacts';
+
+	interface Props {
+		open: boolean;
+		onClose: () => void;
+	}
+
+	let { open = $bindable(), onClose }: Props = $props();
+
+	let searchQuery = $state('');
+	let results = $state<Contact[]>([]);
+	let loading = $state(false);
+	let selectedIndex = $state(0);
+	let searchTimeout: ReturnType<typeof setTimeout>;
+	let inputElement: HTMLInputElement;
+
+	// Reset state when modal opens
+	$effect(() => {
+		if (open) {
+			searchQuery = '';
+			results = [];
+			selectedIndex = 0;
+			// Focus input after a short delay to ensure modal is rendered
+			setTimeout(() => inputElement?.focus(), 50);
+		}
+	});
+
+	async function handleSearch() {
+		clearTimeout(searchTimeout);
+
+		if (!searchQuery.trim()) {
+			results = [];
+			loading = false;
+			return;
+		}
+
+		loading = true;
+
+		searchTimeout = setTimeout(async () => {
+			try {
+				const response = await contactsApi.list({
+					search: searchQuery,
+					limit: 10,
+				});
+				results = response.contacts || [];
+				selectedIndex = 0;
+			} catch (e) {
+				console.error('Search error:', e);
+				results = [];
+			} finally {
+				loading = false;
+			}
+		}, 150);
+	}
+
+	function handleKeydown(event: KeyboardEvent) {
+		if (event.key === 'Escape') {
+			event.preventDefault();
+			onClose();
+			return;
+		}
+
+		if (event.key === 'ArrowDown') {
+			event.preventDefault();
+			selectedIndex = Math.min(selectedIndex + 1, results.length - 1);
+			return;
+		}
+
+		if (event.key === 'ArrowUp') {
+			event.preventDefault();
+			selectedIndex = Math.max(selectedIndex - 1, 0);
+			return;
+		}
+
+		if (event.key === 'Enter' && results.length > 0) {
+			event.preventDefault();
+			selectContact(results[selectedIndex]);
+			return;
+		}
+	}
+
+	function selectContact(contact: Contact) {
+		goto(`/contacts/${contact.id}`);
+		onClose();
+	}
+
+	function getDisplayName(contact: Contact) {
+		if (contact.displayName) return contact.displayName;
+		if (contact.firstName || contact.lastName) {
+			return [contact.firstName, contact.lastName].filter(Boolean).join(' ');
+		}
+		return contact.email || 'Unbekannt';
+	}
+
+	function getInitials(contact: Contact) {
+		const first = contact.firstName?.[0] || '';
+		const last = contact.lastName?.[0] || '';
+		return (first + last).toUpperCase() || contact.email?.[0]?.toUpperCase() || '?';
+	}
+
+	function handleBackdropClick(e: MouseEvent) {
+		if (e.target === e.currentTarget) {
+			onClose();
+		}
+	}
+</script>
+
+{#if open}
+	<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+	<div
+		class="search-backdrop"
+		role="dialog"
+		aria-modal="true"
+		aria-label="Kontakt suchen"
+		onclick={handleBackdropClick}
+		onkeydown={handleKeydown}
+	>
+		<div class="search-modal">
+			<!-- Search Input -->
+			<div class="search-input-wrapper">
+				<svg class="search-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+					/>
+				</svg>
+				<input
+					bind:this={inputElement}
+					type="text"
+					placeholder="Kontakt suchen..."
+					bind:value={searchQuery}
+					oninput={handleSearch}
+					class="search-input"
+				/>
+				<kbd class="search-shortcut">ESC</kbd>
+			</div>
+
+			<!-- Results -->
+			{#if searchQuery.trim()}
+				<div class="search-results">
+					{#if loading}
+						<div class="search-loading">
+							<div class="loading-spinner"></div>
+							<span>Suche...</span>
+						</div>
+					{:else if results.length === 0}
+						<div class="search-empty">
+							<span>Keine Kontakte gefunden</span>
+						</div>
+					{:else}
+						{#each results as contact, index (contact.id)}
+							<button
+								type="button"
+								class="search-result"
+								class:selected={index === selectedIndex}
+								onclick={() => selectContact(contact)}
+								onmouseenter={() => (selectedIndex = index)}
+							>
+								<div class="result-avatar">
+									{#if contact.photoUrl}
+										<img
+											src={contact.photoUrl}
+											alt={getDisplayName(contact)}
+											class="w-full h-full rounded-full object-cover"
+										/>
+									{:else}
+										{getInitials(contact)}
+									{/if}
+								</div>
+								<div class="result-info">
+									<div class="result-name">{getDisplayName(contact)}</div>
+									<div class="result-details">
+										{#if contact.company}
+											<span>{contact.company}</span>
+										{/if}
+										{#if contact.email}
+											<span>{contact.email}</span>
+										{/if}
+									</div>
+								</div>
+								{#if contact.isFavorite}
+									<svg class="result-favorite" fill="currentColor" viewBox="0 0 24 24">
+										<path
+											d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
+										/>
+									</svg>
+								{/if}
+							</button>
+						{/each}
+					{/if}
+				</div>
+			{:else}
+				<!-- Quick Actions when no search -->
+				<div class="quick-actions-list">
+					<a href="/contacts/new" class="quick-action" onclick={onClose}>
+						<svg class="quick-action-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M12 4v16m8-8H4"
+							/>
+						</svg>
+						<span>Neuen Kontakt erstellen</span>
+						<kbd>N</kbd>
+					</a>
+					<a href="/favorites" class="quick-action" onclick={onClose}>
+						<svg class="quick-action-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
+							/>
+						</svg>
+						<span>Favoriten anzeigen</span>
+					</a>
+					<a href="/tags" class="quick-action" onclick={onClose}>
+						<svg class="quick-action-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
+							/>
+						</svg>
+						<span>Tags verwalten</span>
+					</a>
+					<a href="/data?tab=import" class="quick-action" onclick={onClose}>
+						<svg class="quick-action-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
+							/>
+						</svg>
+						<span>Kontakte importieren</span>
+					</a>
+				</div>
+			{/if}
+
+			<!-- Footer -->
+			<div class="search-footer">
+				<div class="footer-hints">
+					<span><kbd>↑↓</kbd> Navigation</span>
+					<span><kbd>↵</kbd> Öffnen</span>
+					<span><kbd>ESC</kbd> Schließen</span>
+				</div>
+			</div>
+		</div>
+	</div>
+{/if}
+
+<style>
+	.search-backdrop {
+		position: fixed;
+		inset: 0;
+		z-index: 100;
+		display: flex;
+		align-items: flex-start;
+		justify-content: center;
+		padding-top: 15vh;
+		background: rgba(0, 0, 0, 0.6);
+		backdrop-filter: blur(4px);
+		-webkit-backdrop-filter: blur(4px);
+		animation: fadeIn 0.15s ease;
+	}
+
+	@keyframes fadeIn {
+		from {
+			opacity: 0;
+		}
+		to {
+			opacity: 1;
+		}
+	}
+
+	.search-modal {
+		width: 100%;
+		max-width: 560px;
+		margin: 0 1rem;
+		background: #1a1a1a;
+		border: 1px solid #333;
+		border-radius: var(--radius-lg);
+		box-shadow:
+			0 25px 50px -12px rgba(0, 0, 0, 0.5),
+			0 0 0 1px rgba(255, 255, 255, 0.1);
+		overflow: hidden;
+		animation: slideIn 0.2s ease;
+		color: #e5e5e5;
+	}
+
+	@keyframes slideIn {
+		from {
+			opacity: 0;
+			transform: translateY(-10px) scale(0.98);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0) scale(1);
+		}
+	}
+
+	.search-input-wrapper {
+		display: flex;
+		align-items: center;
+		gap: 0.75rem;
+		padding: 1rem 1.25rem;
+		border-bottom: 1px solid #333;
+	}
+
+	.search-icon {
+		width: 1.25rem;
+		height: 1.25rem;
+		color: #888;
+		flex-shrink: 0;
+	}
+
+	.search-input {
+		flex: 1;
+		border: none;
+		background: transparent;
+		font-size: 1rem;
+		color: #fff;
+		outline: none;
+	}
+
+	.search-input::placeholder {
+		color: #666;
+	}
+
+	.search-shortcut {
+		padding: 0.25rem 0.5rem;
+		font-size: 0.75rem;
+		font-family: inherit;
+		background: #2a2a2a;
+		border: 1px solid #444;
+		border-radius: var(--radius-sm);
+		color: #888;
+	}
+
+	.search-results {
+		max-height: 320px;
+		overflow-y: auto;
+	}
+
+	.search-loading,
+	.search-empty {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 0.75rem;
+		padding: 2rem;
+		color: #888;
+		font-size: 0.875rem;
+	}
+
+	.loading-spinner {
+		width: 1.25rem;
+		height: 1.25rem;
+		border: 2px solid #333;
+		border-top-color: #3b82f6;
+		border-radius: 50%;
+		animation: spin 0.8s linear infinite;
+	}
+
+	@keyframes spin {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.search-result {
+		display: flex;
+		align-items: center;
+		gap: 0.75rem;
+		width: 100%;
+		padding: 0.75rem 1.25rem;
+		background: transparent;
+		border: none;
+		cursor: pointer;
+		text-align: left;
+		transition: background 0.1s ease;
+		color: #e5e5e5;
+	}
+
+	.search-result:hover,
+	.search-result.selected {
+		background: #2a2a2a;
+	}
+
+	.result-avatar {
+		width: 40px;
+		height: 40px;
+		min-width: 40px;
+		border-radius: var(--radius-full);
+		background: #3b82f6;
+		color: #fff;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-weight: 600;
+		font-size: 0.875rem;
+	}
+
+	.result-info {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.result-name {
+		font-weight: 500;
+		color: #fff;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.result-details {
+		display: flex;
+		gap: 0.5rem;
+		font-size: 0.8125rem;
+		color: #888;
+	}
+
+	.result-details span {
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.result-favorite {
+		width: 1rem;
+		height: 1rem;
+		color: #ef4444;
+		flex-shrink: 0;
+	}
+
+	.quick-actions-list {
+		padding: 0.5rem;
+	}
+
+	.quick-action {
+		display: flex;
+		align-items: center;
+		gap: 0.75rem;
+		padding: 0.75rem 1rem;
+		border-radius: var(--radius-md);
+		color: #e5e5e5;
+		text-decoration: none;
+		transition: background 0.1s ease;
+	}
+
+	.quick-action:hover {
+		background: #2a2a2a;
+	}
+
+	.quick-action-icon {
+		width: 1.25rem;
+		height: 1.25rem;
+		color: #888;
+	}
+
+	.quick-action span {
+		flex: 1;
+		font-size: 0.9375rem;
+	}
+
+	.quick-action kbd {
+		padding: 0.125rem 0.375rem;
+		font-size: 0.6875rem;
+		font-family: inherit;
+		background: #2a2a2a;
+		border: 1px solid #444;
+		border-radius: var(--radius-sm);
+		color: #888;
+	}
+
+	.search-footer {
+		padding: 0.75rem 1.25rem;
+		border-top: 1px solid #333;
+		background: #141414;
+	}
+
+	.footer-hints {
+		display: flex;
+		gap: 1rem;
+		font-size: 0.75rem;
+		color: #666;
+	}
+
+	.footer-hints kbd {
+		padding: 0.125rem 0.25rem;
+		font-family: inherit;
+		background: #2a2a2a;
+		border: 1px solid #444;
+		border-radius: 3px;
+		margin-right: 0.25rem;
+	}
+
+	@media (max-width: 640px) {
+		.search-backdrop {
+			padding-top: 5vh;
+		}
+
+		.footer-hints {
+			flex-wrap: wrap;
+			gap: 0.5rem;
+		}
+	}
+</style>
diff --git a/apps/contacts/apps/web/src/lib/content/help/index.ts b/apps/contacts/apps/web/src/lib/content/help/index.ts
new file mode 100644
index 000000000..d1d759860
--- /dev/null
+++ b/apps/contacts/apps/web/src/lib/content/help/index.ts
@@ -0,0 +1,173 @@
+/**
+ * Central help content loader for Contacts app
+ * This file loads and merges the central help content from @manacore/shared-help-content
+ */
+
+import type { HelpContent } from '@manacore/shared-help-types';
+import { createEmptyContent } from '@manacore/shared-help-content';
+
+/**
+ * Central help content that applies to all Manacore apps
+ * In a production setup, this would be loaded from the shared-help-content package's
+ * Markdown files. For now, we provide the content inline for simplicity.
+ */
+export const centralHelpContent: HelpContent = {
+	faq: [
+		// Account FAQs
+		{
+			id: 'faq-account-001',
+			question: 'How do I create an account?',
+			answer: `<p>Creating an account is simple:</p>
+				<ol>
+					<li>Click the <strong>Sign Up</strong> button on the login page</li>
+					<li>Enter your email address and choose a secure password</li>
+					<li>Verify your email address by clicking the link we send you</li>
+					<li>Complete your profile setup</li>
+				</ol>
+				<p>You can also sign up using your Google or Apple account for faster registration.</p>`,
+			category: 'account',
+			order: 1,
+			language: 'en',
+			featured: true,
+			tags: ['account', 'registration', 'signup'],
+		},
+		{
+			id: 'faq-account-001',
+			question: 'Wie erstelle ich ein Konto?',
+			answer: `<p>Die Kontoerstellung ist einfach:</p>
+				<ol>
+					<li>Klicke auf <strong>Registrieren</strong> auf der Anmeldeseite</li>
+					<li>Gib deine E-Mail-Adresse ein und wähle ein sicheres Passwort</li>
+					<li>Bestätige deine E-Mail-Adresse durch Klick auf den Link, den wir dir senden</li>
+					<li>Vervollständige dein Profil</li>
+				</ol>
+				<p>Du kannst dich auch mit deinem Google- oder Apple-Konto registrieren, um schneller loszulegen.</p>`,
+			category: 'account',
+			order: 1,
+			language: 'de',
+			featured: true,
+			tags: ['konto', 'registrierung', 'anmeldung'],
+		},
+		// Billing FAQs
+		{
+			id: 'faq-billing-001',
+			question: 'How do I cancel my subscription?',
+			answer: `<p>You can cancel your subscription at any time:</p>
+				<ol>
+					<li>Go to <strong>Settings</strong> > <strong>Subscription</strong></li>
+					<li>Click <strong>Manage Subscription</strong></li>
+					<li>Select <strong>Cancel Subscription</strong></li>
+					<li>Confirm your cancellation</li>
+				</ol>
+				<p>Your subscription will remain active until the end of the current billing period. You won't be charged again after cancellation.</p>`,
+			category: 'billing',
+			order: 1,
+			language: 'en',
+			featured: true,
+			tags: ['subscription', 'cancel', 'billing'],
+		},
+		{
+			id: 'faq-billing-001',
+			question: 'Wie kann ich mein Abo kündigen?',
+			answer: `<p>Du kannst dein Abo jederzeit kündigen:</p>
+				<ol>
+					<li>Gehe zu <strong>Einstellungen</strong> > <strong>Abonnement</strong></li>
+					<li>Klicke auf <strong>Abo verwalten</strong></li>
+					<li>Wähle <strong>Abo kündigen</strong></li>
+					<li>Bestätige die Kündigung</li>
+				</ol>
+				<p>Dein Abo bleibt bis zum Ende des aktuellen Abrechnungszeitraums aktiv. Nach der Kündigung erfolgen keine weiteren Abbuchungen.</p>`,
+			category: 'billing',
+			order: 1,
+			language: 'de',
+			featured: true,
+			tags: ['abo', 'kündigung', 'abrechnung'],
+		},
+		// Privacy FAQs
+		{
+			id: 'faq-privacy-001',
+			question: 'How is my data protected?',
+			answer: `<p>We take your privacy seriously:</p>
+				<ul>
+					<li><strong>Encryption</strong>: All data is encrypted in transit (TLS) and at rest</li>
+					<li><strong>GDPR Compliant</strong>: We follow EU data protection regulations</li>
+					<li><strong>No Data Selling</strong>: We never sell your personal data to third parties</li>
+					<li><strong>Data Export</strong>: You can export all your data at any time</li>
+					<li><strong>Account Deletion</strong>: You can permanently delete your account and all associated data</li>
+				</ul>`,
+			category: 'privacy',
+			order: 1,
+			language: 'en',
+			featured: true,
+			tags: ['privacy', 'data', 'security', 'gdpr'],
+		},
+		{
+			id: 'faq-privacy-001',
+			question: 'Wie werden meine Daten geschützt?',
+			answer: `<p>Wir nehmen deinen Datenschutz ernst:</p>
+				<ul>
+					<li><strong>Verschlüsselung</strong>: Alle Daten werden bei der Übertragung (TLS) und im Ruhezustand verschlüsselt</li>
+					<li><strong>DSGVO-konform</strong>: Wir halten uns an die EU-Datenschutzverordnung</li>
+					<li><strong>Kein Datenverkauf</strong>: Wir verkaufen niemals deine persönlichen Daten an Dritte</li>
+					<li><strong>Datenexport</strong>: Du kannst jederzeit alle deine Daten exportieren</li>
+					<li><strong>Kontolöschung</strong>: Du kannst dein Konto und alle zugehörigen Daten dauerhaft löschen</li>
+				</ul>`,
+			category: 'privacy',
+			order: 1,
+			language: 'de',
+			featured: true,
+			tags: ['datenschutz', 'daten', 'sicherheit', 'dsgvo'],
+		},
+	],
+	features: [],
+	shortcuts: [],
+	gettingStarted: [
+		{
+			id: 'guide-welcome',
+			title: 'Getting Started',
+			description: 'Learn the basics and get up and running quickly',
+			content: `<h2>Create Your Account</h2>
+				<p>Start by creating your free account. You can sign up with your email address or use Google/Apple sign-in for a faster setup.</p>
+				<h2>Explore the Dashboard</h2>
+				<p>After logging in, you'll see your dashboard. This is your home base where you can access all features and see important information at a glance.</p>
+				<h2>Customize Your Settings</h2>
+				<p>Visit the Settings page to personalize your experience.</p>`,
+			difficulty: 'beginner',
+			estimatedTime: '5 minutes',
+			order: 1,
+			language: 'en',
+		},
+		{
+			id: 'guide-welcome',
+			title: 'Erste Schritte',
+			description: 'Lerne die Grundlagen und starte schnell durch',
+			content: `<h2>Konto erstellen</h2>
+				<p>Beginne mit der Erstellung deines kostenlosen Kontos. Du kannst dich mit deiner E-Mail-Adresse registrieren oder Google/Apple für eine schnellere Anmeldung nutzen.</p>
+				<h2>Dashboard erkunden</h2>
+				<p>Nach dem Einloggen siehst du dein Dashboard. Dies ist deine Zentrale, von der aus du auf alle Funktionen zugreifen kannst.</p>
+				<h2>Einstellungen anpassen</h2>
+				<p>Besuche die Einstellungen, um dein Erlebnis zu personalisieren.</p>`,
+			difficulty: 'beginner',
+			estimatedTime: '5 Minuten',
+			order: 1,
+			language: 'de',
+		},
+	],
+	changelog: [],
+	contact: {
+		id: 'contact-support',
+		title: 'Contact Support',
+		content: `<h2>Need Help?</h2>
+			<p>Our support team is here to help you with any questions or issues.</p>
+			<h3>Before Contacting Us</h3>
+			<ul>
+				<li>Check the <strong>FAQ</strong> section for quick answers</li>
+				<li>Browse our <strong>Getting Started</strong> guides</li>
+				<li>Search the help center using the search bar</li>
+			</ul>`,
+		language: 'en',
+		order: 1,
+		supportEmail: 'support@manacore.app',
+		responseTime: 'Usually within 24 hours',
+	},
+};