feat(tradein): rebrand default product «Trade-In» → «Мера» + new mark #1079
4 changed files with 21 additions and 7 deletions
|
|
@ -6,8 +6,8 @@ import "./globals.css";
|
|||
import { Providers } from "./providers";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Trade-In MVP — Оценка вторичного жилья",
|
||||
description: "Локальная MVP-копия Trade-In Estimator (форк gendesign)",
|
||||
title: "Мера — оценка вторичного жилья",
|
||||
description: "Мера — оценка стоимости вторичного жилья по рыночным данным",
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
|
|
|
|||
|
|
@ -175,7 +175,7 @@ export default function TradeInPage() {
|
|||
|
||||
<main className="page">
|
||||
<div className="crumbs">
|
||||
<em>Главная</em> <span>›</span> <em>Trade-In</em> <span>›</span> Новая оценка
|
||||
<em>Главная</em> <span>›</span> <em>Мера</em> <span>›</span> Новая оценка
|
||||
</div>
|
||||
|
||||
<div className="page-title">
|
||||
|
|
@ -335,7 +335,7 @@ export default function TradeInPage() {
|
|||
|
||||
<footer className="page-foot">
|
||||
<div>
|
||||
Trade-In · MVP ·{" "}
|
||||
Мера · MVP ·{" "}
|
||||
<span className="mono">data: Avito + Cian + Yandex + Росреестр</span>
|
||||
</div>
|
||||
<div style={{ display: "flex", gap: 18 }}>
|
||||
|
|
|
|||
|
|
@ -9,6 +9,19 @@ import { safeUrl } from "@/lib/safeUrl";
|
|||
import { useBrand } from "@/lib/useBrand";
|
||||
import { useMe } from "@/lib/useMe";
|
||||
|
||||
/** «Мера» mark — буква М над размерной линией («мера» = измерение).
|
||||
Глиф в currentColor; тёмный фон даёт CSS-бейдж .brand-mark. */
|
||||
function MeraMark() {
|
||||
return (
|
||||
<svg viewBox="0 0 28 28" className="brand-mark-svg" aria-hidden="true" focusable="false">
|
||||
{/* буква М */}
|
||||
<path d="M8 16V6l6 7 6-7v10" fill="none" stroke="currentColor" strokeWidth="2" strokeLinejoin="round" strokeLinecap="round" />
|
||||
{/* размерная линия под М — «мера» = измерение */}
|
||||
<path d="M7 21h14M7 19.2v3.6M21 19.2v3.6" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
export type ActiveTab =
|
||||
| "estimate"
|
||||
| "history"
|
||||
|
|
@ -115,14 +128,14 @@ export function Topbar({ active }: TopbarProps) {
|
|||
/>
|
||||
) : (
|
||||
<>
|
||||
<span className="brand-mark">TI</span>
|
||||
<span className="brand-mark"><MeraMark /></span>
|
||||
<span className="brand-product">{brand.name}</span>
|
||||
</>
|
||||
)
|
||||
) : (
|
||||
<>
|
||||
<span className="brand-mark">TI</span>
|
||||
<span className="brand-product">Trade-In</span>
|
||||
<span className="brand-mark"><MeraMark /></span>
|
||||
<span className="brand-product">Мера</span>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -105,6 +105,7 @@
|
|||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.brand-mark-svg { width: 22px; height: 22px; display: block; }
|
||||
.brand-name { letter-spacing: 0.22em; }
|
||||
.brand-sep { width: 1px; height: 18px; background: var(--border); margin: 0 2px; }
|
||||
.brand-product {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue