+ )
+}
diff --git a/web/src/components/footer.tsx b/web/src/components/footer.tsx
index 9e18afb..4e6f927 100644
--- a/web/src/components/footer.tsx
+++ b/web/src/components/footer.tsx
@@ -1,4 +1,5 @@
import Link from 'next/link'
+import BrandLogo from './brand-logo'
/* Footer — brand column + three link columns. */
export default function Footer() {
@@ -8,9 +9,7 @@ export default function Footer() {
- {/* eslint-disable-next-line @next/next/no-img-element */}
- 
- أنور پآي
+
diff --git a/web/src/components/site-menu.tsx b/web/src/components/site-menu.tsx
index cbfba9c..7ad0d45 100644
--- a/web/src/components/site-menu.tsx
+++ b/web/src/components/site-menu.tsx
@@ -2,6 +2,7 @@
import { useEffect } from 'react'
import Link from 'next/link'
+import BrandLogo from './brand-logo'
import { usePathname } from 'next/navigation'
import { SITE_LINKS } from './site-links'
import AccountLink from './account-link'
@@ -71,9 +72,7 @@ export default function SiteMenu({
- أنور پآي
+ محتوى عربي عملي لتعلّم الذكاء الاصطناعي والوكلاء.
- {/* eslint-disable-next-line @next/next/no-img-element */}
-
- أنور پآي
+
diff --git a/web/src/components/topnav.tsx b/web/src/components/topnav.tsx
index e999792..002b2c0 100644
--- a/web/src/components/topnav.tsx
+++ b/web/src/components/topnav.tsx
@@ -1,4 +1,5 @@
import Link from 'next/link'
+import BrandLogo from './brand-logo'
import NavLinks from './nav-links'
import SiteMenu from './site-menu'
import AccountLink from './account-link'
@@ -12,9 +13,7 @@ export default function Topnav({ viewer }: { viewer?: { email: string } | null }
- أنور پآي
+
- {/* eslint-disable-next-line @next/next/no-img-element */}
-
- أنور پآي
+
- أنور پآي
+
diff --git a/web/tests/brand-assets.test.cjs b/web/tests/brand-assets.test.cjs
new file mode 100644
index 0000000..fcb10dc
--- /dev/null
+++ b/web/tests/brand-assets.test.cjs
@@ -0,0 +1,52 @@
+const test = require('node:test')
+const assert = require('node:assert/strict')
+const fs = require('node:fs')
+const path = require('node:path')
+const crypto = require('node:crypto')
+const root = path.resolve(__dirname, '..')
+const read = p => fs.readFileSync(path.join(root, p), 'utf8')
+const hash = p => crypto.createHash('sha256').update(fs.readFileSync(path.join(root, p))).digest('hex')
+
+test('all navigation lockups use the approved outlined wordmark component', () => {
+ for (const file of ['topnav.tsx', 'site-menu.tsx', 'footer.tsx']) {
+ const source = read(`src/components/${file}`)
+ assert.match(source, /import BrandLogo from '\.\/brand-logo'/)
+ assert.match(source, / {
+ const manifest = JSON.parse(read('public/site.webmanifest'))
+ assert.equal(manifest.name, 'أنور پآي')
+ assert.equal(manifest.dir, 'rtl')
+ for (const [name, size] of [['favicon-16.png',16],['favicon-32.png',32],['favicon-48.png',48],['apple-touch-icon.png',180],['icon-192.png',192],['icon-512.png',512]]) {
+ const bytes = fs.readFileSync(path.join(root,'public',name))
+ assert.equal(bytes.readUInt32BE(16), size, name)
+ assert.equal(bytes.readUInt32BE(20), size, name)
+ }
+ for (const icon of manifest.icons) assert.ok(fs.existsSync(path.join(root,'public',icon.src)))
+ assert.equal(hash('src/app/icon.png'), hash('public/icon-512.png'))
+})
+
+test('browser metadata includes the supplied favicon, touch icon and manifest', () => {
+ const source = read('src/app/layout.tsx')
+ for (const url of ['/favicon.ico','/favicon.svg','/favicon-32.png','/favicon-16.png','/apple-touch-icon.png','/site.webmanifest']) assert.ok(source.includes(url), url)
+ assert.match(source, /themeColor: '#131519'/)
+ assert.match(read('public/favicon.svg'), /prefers-color-scheme:dark/)
+ assert.match(read('src/app/brand.css'), /width: 132px/)
+})