fix: move email revocation to bottom-right of features grid, fix KVK → KvK

Reorder feature cards: API Keys, Identity-Based Signing, EU Hosted,
E2E Encryption, Open Source, Email Revocation (coming soon).
Fix KVK spelling to KvK across all pages.

Author: rubenhensen

src/lib/locales/en.json

@@ -34,7 +34,7 @@
 		},
 		"identity": {
 			"title": "Identity-Based Signing",
-			"description": "Sign emails with your organization name, KVK number, phone, and email — verified through Yivi."
+			"description": "Sign emails with your organization name, KvK number, phone, and email — verified through Yivi."
 		},
 		"encryption": {
 			"title": "End-to-End Encryption",

src/routes/(marketing)/+page.svelte

@@ -39,34 +39,23 @@
 
 		<div class="feature-card">
 			<div class="feature-icon">
-				<Icon icon="mdi:server-security" width="32" height="32" />
-			</div>
-			<h3>Hosted in the EU</h3>
-			<p>
-				All data is stored and processed within the European Union, ensuring full GDPR
-				compliance and data sovereignty.
-			</p>
-		</div>
-
-		<div class="feature-card">
-			<div class="feature-icon">
-				<Icon icon="mdi:email-remove" width="32" height="32" />
+				<Icon icon="mdi:shield-account" width="32" height="32" />
 			</div>
-			<h3>Email Revocation <span class="coming-soon">Coming soon</span></h3>
+			<h3>Identity-Based Signing</h3>
 			<p>
-				Revoke signed emails after sending. Recipients will be notified that the email is
-				no longer valid.
+				Sign emails with your organization name, KvK number, phone, and email — verified
+				through Yivi.
 			</p>
 		</div>
 
 		<div class="feature-card">
 			<div class="feature-icon">
-				<Icon icon="mdi:shield-account" width="32" height="32" />
+				<Icon icon="mdi:server-security" width="32" height="32" />
 			</div>
-			<h3>Identity-Based Signing</h3>
+			<h3>Hosted in the EU</h3>
 			<p>
-				Sign emails with your organization name, KVK number, phone, and email — verified
-				through Yivi.
+				All data is stored and processed within the European Union, ensuring full GDPR
+				compliance and data sovereignty.
 			</p>
 		</div>
 
@@ -91,6 +80,17 @@
 				community-driven.
 			</p>
 		</div>
+
+		<div class="feature-card">
+			<div class="feature-icon">
+				<Icon icon="mdi:email-remove" width="32" height="32" />
+			</div>
+			<h3>Email Revocation <span class="coming-soon">Coming soon</span></h3>
+			<p>
+				Revoke signed emails after sending. Recipients will be notified that the email is
+				no longer valid.
+			</p>
+		</div>
 	</div>
 </section>
 

src/routes/(marketing)/register/+page.server.ts

@@ -41,7 +41,7 @@ export const actions: Actions = {
 		}
 
 		if (kvkNumber && !/^\d{8}$/.test(kvkNumber)) {
-			errors.kvkNumber = 'KVK number must be 8 digits';
+			errors.kvkNumber = 'KvK number must be 8 digits';
 		}
 
 		if (Object.keys(errors).length > 0) {

src/routes/(marketing)/register/+page.svelte

@@ -118,7 +118,7 @@
 					</div>
 
 					<div class="form-group">
-						<label for="kvkNumber">KVK number</label>
+						<label for="kvkNumber">KvK number</label>
 						<input
 							id="kvkNumber"
 							name="kvkNumber"

src/routes/(portal)/portal/api-keys/create/+page.svelte

@@ -99,7 +99,7 @@
 
 			<label class="checkbox-label">
 				<input type="checkbox" name="signKvkNumber" />
-				<span>KVK number</span>
+				<span>KvK number</span>
 			</label>
 		</fieldset>
 

src/routes/(portal)/portal/organization/+page.svelte

@@ -16,7 +16,7 @@
 		{ key: 'email', label: 'Contact email', value: org.email },
 		{ key: 'contactName', label: 'Contact person', value: org.contactName },
 		{ key: 'phone', label: 'Phone number', value: org.phone ?? '—' },
-		{ key: 'kvkNumber', label: 'KVK number', value: org.kvkNumber ?? '—' }
+		{ key: 'kvkNumber', label: 'KvK number', value: org.kvkNumber ?? '—' }
 	]);
 
 	function startEdit(key: string, currentValue: string) {