From 96894208607017a2f18f392933183422adae8660 Mon Sep 17 00:00:00 2001
From: jihadMo <jihadMo@users.noreply.github.com>
Date: Wed, 19 Aug 2026 10:26:48 +0100
Subject: [PATCH] feat(landing): implement mobile landing page with wallet
 deep-links (#4)

---
 tests/landing.test.ts | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 tests/landing.test.ts

diff --git a/tests/landing.test.ts b/tests/landing.test.ts
new file mode 100644
index 0000000..531a99c
--- /dev/null
+++ b/tests/landing.test.ts
@@ -0,0 +1,24 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import * as fs from 'fs';
+import * as path from 'path';
+
+describe('Mobile Landing Page (#4)', () => {
+  const htmlPath = path.join(__dirname, '../src/landing/mobile.html');
+  const html = fs.readFileSync(htmlPath, 'utf8');
+
+  it('includes wallet app deep-links for MetaMask, Coinbase Wallet, and Rainbow', () => {
+    assert.ok(html.includes('href="metamask://"'), 'MetaMask deep-link missing');
+    assert.ok(html.includes('href="cbwallet://"'), 'Coinbase Wallet deep-link missing');
+    assert.ok(html.includes('href="rainbow://"'), 'Rainbow deep-link missing');
+  });
+
+  it('tracks mobile_landing_cta_click conversion event', () => {
+    assert.ok(html.includes('mobile_landing_cta_click'), 'Conversion event tracking missing');
+  });
+
+  it('contains mobile viewport and responsive styles', () => {
+    assert.ok(html.includes('name="viewport"'), 'Viewport meta tag missing');
+    assert.ok(html.includes('@media (min-width: 600px)'), 'Responsive media query missing');
+  });
+});