Replace the header and footer mark with the official stacked MONIKI lockup.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/cms/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moniki/cms",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "private": true,
   "type": "module",
   "scripts": {

apps/web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moniki/web",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3000",

apps/web/src/app/[locale]/layout.tsx

@@ -7,6 +7,7 @@ import { ScrollToTop } from "@/components/layout/ScrollToTop";
 import { ThemeProvider } from "@/components/layout/ThemeProvider";
 import { CookieBanner } from "@/components/legal/CookieBanner";
 import { A11Y_BOOTSTRAP } from "@/lib/a11y";
+import { APP_VERSION } from "@/lib/version";
 import { THEME_BOOTSTRAP } from "@/lib/theme";
 import { routing, type Locale } from "@/i18n/routing";
 import { Manrope } from "next/font/google";
@@ -40,8 +41,8 @@ export async function generateMetadata({
     },
     description: t("fullName"),
     icons: {
-      icon: "/logo.png",
-      apple: "/logo.png",
+      icon: `/logo.png?v=${APP_VERSION}`,
+      apple: `/logo.png?v=${APP_VERSION}`,
     },
   };
 }

apps/web/src/components/layout/Footer.tsx

@@ -71,7 +71,7 @@ export async function Footer() {
     <footer className="mt-auto border-t border-[var(--border)] bg-[var(--surface)]">
       <div className="mx-auto grid max-w-6xl gap-10 px-4 py-12 sm:px-6 md:grid-cols-2 lg:grid-cols-5">
         <div>
-          <Logo imgClassName="h-16 w-16" showTagline={false} />
+          <Logo imgClassName="h-20 w-auto max-h-none sm:h-24" showTagline={false} />
           <p className="mt-2 text-sm leading-relaxed text-[var(--text-muted)]">{footer("about")}</p>
           <p className="mt-4 text-sm text-[var(--neutral-700)]">{hero("address")}</p>
           <p className="mt-1 text-sm font-semibold text-[var(--brand-700)]">

apps/web/src/components/layout/Logo.tsx

@@ -1,4 +1,5 @@
 import { Link } from "@/i18n/routing";
+import { APP_VERSION } from "@/lib/version";
 import { cn } from "@/lib/utils";
 
 export function Logo({
@@ -16,9 +17,9 @@ export function Logo({
     <Link href="/" className={cn("group flex items-center gap-2.5", className)}>
       {/* eslint-disable-next-line @next/next/no-img-element */}
       <img
-        src="/logo.png"
+        src={`/logo.png?v=${APP_VERSION}`}
         alt="МОНИКИ"
-        className={cn("h-12 w-12 shrink-0 rounded-full object-contain", imgClassName)}
+        className={cn("h-12 w-auto max-h-14 shrink-0 object-contain sm:h-14", imgClassName)}
       />
       {showTagline && tagline ? (
         <span className="hidden max-w-[7.5rem] text-[11px] leading-tight text-[var(--neutral-500)] xl:block">