feat: add logo image and update page header with new branding

- Introduced a new logo image for Afilmory.
- Updated the PageHeader component to display the logo using Next.js Image component for optimized loading.
- Enhanced SEO by updating the title in English and Chinese locale files to reflect the new branding.

Signed-off-by: Innei <tukon479@gmail.com>

apps/landing/src/components/layout/PageHeader.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { m, useMotionValueEvent, useScroll, useTransform } from 'motion/react'
+import Image from 'next/image'
 import { useTranslations } from 'next-intl'
 import { useMemo, useState } from 'react'
 
@@ -73,7 +74,7 @@ export const PageHeader = () => {
         >
           <m.div
             className={clsxm(
-              'flex size-10 items-center justify-center',
+              'flex size-10 items-center justify-center overflow-hidden',
               radius.lg,
               'border transition-all duration-300',
               scrolled
@@ -83,9 +84,16 @@ export const PageHeader = () => {
             whileHover={{ scale: 1.05 }}
             whileTap={{ scale: 0.95 }}
           >
-            <span className="font-serif text-base font-medium tracking-wider text-white">
-              A
-            </span>
+            <Image
+              unoptimized
+              src="/logo-256.jpg"
+              alt="Afilmory logo"
+              width={40}
+              height={40}
+              sizes="40px"
+              priority
+              className="size-full object-cover"
+            />
           </m.div>
           <div className="hidden sm:block">
             <p className="font-serif text-base font-medium tracking-wide text-white">

apps/landing/src/locales/en.json

@@ -1,6 +1,6 @@
 {
   "Meta": {
-    "title": "Afilmory",
+    "title": "Afilmory - Immersive Darkroom Photo Gallery for Photographers & Brands",
     "description": "Afilmory curates immersive storytelling experiences for photographers, curators and brands.",
     "keywords": "Afilmory, photo gallery, photography, showcase"
   },
@@ -178,4 +178,4 @@
     "terms": "Terms of Service",
     "copyright": "© 2025 Afilmory.art"
   }
-}
+}

apps/landing/src/locales/zh-CN.json

@@ -1,6 +1,6 @@
 {
   "Meta": {
-    "title": "Afilmory",
+    "title": "Afilmory 暗夜影像馆：沉浸式摄影与品牌策展平台",
     "description": "Afilmory 致力于为摄影师、策展人和品牌打造沉浸的展示体验。",
     "keywords": "Afilmory, 照片画廊, 摄影, 展示"
   },
@@ -178,4 +178,4 @@
     "terms": "服务条款",
     "copyright": "© 2025 Afilmory.art"
   }
-}
+}