Rebrand the product to Montact and point local UI at production API.

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

apps/web/src/components/AskMentoPanel.vue

@@ -4,7 +4,7 @@ import { RouterLink } from 'vue-router';
 import axios from 'axios';
 import { api } from '@/lib/api';
 import UiIcon from '@/components/UiIcon.vue';
-import type { AskMentoResponse, AskMentoSourceDto } from '@mento/shared';
+import { brand, type AskMentoResponse, type AskMentoSourceDto } from '@mento/shared';
 
 const props = defineProps<{
   personId?: string;
@@ -55,7 +55,7 @@ async function submit() {
       <input
         v-model="question"
         type="search"
-        :placeholder="placeholder || 'از منتو بپرس...'"
+        :placeholder="placeholder || brand.askPlaceholderFa"
       />
       <button type="submit" :disabled="asking || question.trim().length < 2">
         {{ asking ? '…' : 'بپرس' }}

apps/web/src/components/MentoMemoryPanel.vue

@@ -2,7 +2,7 @@
 import { computed, onMounted, ref, watch } from 'vue';
 import axios from 'axios';
 import { api } from '@/lib/api';
-import type { MemoryItemDto, PaginatedResponse } from '@mento/shared';
+import { brand, type MemoryItemDto, type PaginatedResponse } from '@mento/shared';
 
 const props = defineProps<{
   personId: string;
@@ -117,7 +117,7 @@ onMounted(load);
   <section class="memory-panel">
     <header>
       <div>
-        <p class="eyebrow">Mento Memory</p>
+        <p class="eyebrow">{{ brand.memoryEn }}</p>
         <h2>حافظه مشتری</h2>
         <p class="lead">نکات پایدار درباره این شخص — فقط با تأیید شما ذخیره می‌شود.</p>
       </div>

apps/web/src/components/NoteAiSuggestionPanel.vue

@@ -3,7 +3,7 @@ import { computed, reactive, ref, watch } from 'vue';
 import axios from 'axios';
 import { api } from '@/lib/api';
 import JalaliDateInput from '@/components/JalaliDateInput.vue';
-import type { NoteAiPayloadDto, NoteAiSuggestionDto } from '@mento/shared';
+import { brand, type NoteAiPayloadDto, type NoteAiSuggestionDto } from '@mento/shared';
 
 const props = defineProps<{
   noteId: string;
@@ -149,7 +149,7 @@ function formatPayloadSummary(value: NoteAiPayloadDto | null) {
 <template>
   <section class="ai-panel">
     <header>
-      <strong>پیشنهاد Mento AI</strong>
+      <strong>پیشنهاد {{ brand.aiName }}</strong>
       <button
         v-if="!isPending"
         type="button"

apps/web/src/components/auth/AuthBrandPanel.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import MentoLogo from '@/components/brand/MentoLogo.vue';
+import BrandName from '@/components/brand/BrandName.vue';
+import { brand } from '@mento/shared';
 
 withDefaults(
   defineProps<{
@@ -8,8 +10,7 @@ withDefaults(
   }>(),
   {
     headline: 'همه ارتباطات، یکجا مدیریت می‌شوند',
-    description:
-      'با منتو فروش، پشتیبانی و ارتباط با مشتری را در یک پنل یکپارچه مدیریت کنید و رشد پایدار بسازید.',
+    description: `با ${brand.nameFa} فروش، پشتیبانی و ارتباط با مشتری را در یک پنل یکپارچه مدیریت کنید و رشد پایدار بسازید.`,
   },
 );
 </script>
@@ -19,8 +20,8 @@ withDefaults(
     <div class="brand-head">
       <MentoLogo :size="44" :show-text="false" />
       <div class="brand-copy">
-        <strong>منتو</strong>
-        <span>نرم‌افزار مدیریت ارتباط با مشتری</span>
+        <BrandName />
+        <span>{{ brand.taglineFa }}</span>
       </div>
     </div>
 

apps/web/src/components/brand/BrandName.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { brand } from '@mento/shared';
+
+const props = withDefaults(
+  defineProps<{
+    lang?: 'fa' | 'en' | 'full';
+  }>(),
+  { lang: 'fa' },
+);
+
+const text = computed(() => {
+  if (props.lang === 'en') return brand.name;
+  if (props.lang === 'full') return brand.fullName;
+  return brand.nameFa;
+});
+</script>
+
+<template>
+  <span class="brand-name">{{ text }}</span>
+</template>

apps/web/src/components/brand/MentoAiAvatar.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { brand } from '@mento/shared';
+
 withDefaults(
   defineProps<{
     size?: number;
@@ -25,7 +27,7 @@ withDefaults(
     <img
       class="bot-img"
       src="/brand/mento-ai-avatar.png"
-      alt="دستیار هوشمند منتو"
+      :alt="brand.aiNameFa"
       :width="size"
       :height="size"
     />

apps/web/src/components/brand/MentoLogo.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { brand } from '@mento/shared';
+
 withDefaults(
   defineProps<{
     size?: number;
@@ -14,38 +16,22 @@ withDefaults(
 </script>
 
 <template>
-  <div class="mento-logo" :class="variant">
-    <span
+  <div class="brand-logo" :class="variant">
+    <img
       class="mark"
-      :style="{ width: `${size}px`, height: `${size}px`, borderRadius: `${Math.round(size * 0.3)}px` }"
-      aria-hidden="true"
-    >
-      <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <rect x="14" y="16" width="8" height="32" rx="4" fill="#fff" />
-        <path
-          d="M17 17.5c1-1.6 3.5-1.8 4.8-.5L36 30l4.3-4c1.4-1.3 3.6-1.2 4.7.4L44 27.5 33 37.5c-1.1 1-2.8 1-3.9 0L16.5 24.5 17 17.5Z"
-          fill="#134e4a"
-        />
-        <path
-          d="M27.5 32 38 21.5c1.3-1.3 3.4-1.2 4.6.2L50 29.5l-2.6 2.6L40 25.5 31 34c-1 1-2.8 1-3.8-.1l-.7-.9Z"
-          fill="#ecfdf5"
-        />
-        <rect x="42" y="16" width="8" height="32" rx="4" fill="#134e4a" />
-        <path
-          d="M41 17.5c1.3-1.4 3.5-1.3 4.7.2l1.6 1.8-7 6.6-2.1-2c-1.2-1.1-.9-3.2 2.8-6.6Z"
-          fill="#ecfdf5"
-        />
-      </svg>
-    </span>
+      :src="brand.logo"
+      :alt="brand.name"
+      :style="{ width: `${size}px`, height: `${size}px` }"
+    />
     <div v-if="showText && variant === 'full'" class="text">
-      <strong>Mento</strong>
-      <small>by Mentech</small>
+      <strong>{{ brand.name }}</strong>
+      <small>by {{ brand.company }}</small>
     </div>
   </div>
 </template>
 
 <style scoped>
-.mento-logo {
+.brand-logo {
   display: inline-flex;
   align-items: center;
   gap: 0.7rem;
@@ -53,20 +39,10 @@ withDefaults(
 }
 
 .mark {
-  display: grid;
-  place-items: center;
-  flex-shrink: 0;
-  background: linear-gradient(145deg, #5eead4, #14b8a6);
-  box-shadow: 0 8px 18px rgba(20, 184, 166, 0.28);
-  overflow: hidden;
-  padding: 4px;
-  box-sizing: border-box;
-}
-
-.mark svg {
-  width: 100%;
-  height: 100%;
   display: block;
+  flex-shrink: 0;
+  object-fit: contain;
+  background: transparent;
 }
 
 .text {

apps/web/src/components/dashboard/HomeAiAssistant.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { RouterLink } from 'vue-router';
 import UiIcon from '@/components/UiIcon.vue';
-import type { AskMentoSourceDto } from '@mento/shared';
+import { brand, type AskMentoSourceDto } from '@mento/shared';
 
 defineProps<{
   askQuery: string;
@@ -41,7 +41,7 @@ function pick(label: string) {
     <header class="panel-head">
       <h2>
         <span class="spark"><UiIcon name="sparkle" :size="15" /></span>
-        دستیار هوشمند منتو
+        {{ brand.aiNameFa }}
       </h2>
     </header>
 
@@ -79,7 +79,7 @@ function pick(label: string) {
       <input
         :value="askQuery"
         type="search"
-        placeholder="از منتو بپرس..."
+        :placeholder="brand.askPlaceholderFa"
         :disabled="asking"
         @input="emit('update:askQuery', ($event.target as HTMLInputElement).value)"
       />

apps/web/src/components/dashboard/HomeHero.vue

@@ -3,7 +3,7 @@ import { computed } from 'vue';
 import { RouterLink } from 'vue-router';
 import UiIcon from '@/components/UiIcon.vue';
 import MentoAiAvatar from '@/components/brand/MentoAiAvatar.vue';
-import type { HomeDashboardAlertDto } from '@mento/shared';
+import { brand, type HomeDashboardAlertDto } from '@mento/shared';
 
 const props = defineProps<{
   greeting: string;
@@ -91,7 +91,7 @@ function alertIcon(tone: string) {
         </span>
         <div class="greet-text">
           <h1>{{ greeting }} {{ firstName }} 👋</h1>
-          <p>منتو اینا رو برات پیدا کرده</p>
+          <p>{{ brand.nameFa }} اینا رو برات پیدا کرده</p>
         </div>
       </div>
 
@@ -116,7 +116,7 @@ function alertIcon(tone: string) {
         <input
           :value="askQuery"
           type="search"
-          placeholder="از منتو بپرس..."
+          :placeholder="brand.askPlaceholderFa"
           @input="emit('update:askQuery', ($event.target as HTMLInputElement).value)"
         />
         <kbd>⌘K</kbd>