From 34f96d3830fd396ef22a609050504a3b0c269582 Mon Sep 17 00:00:00 2001
From: Hamed <hamedabdollahzadeh.ab@gmail.com>
Date: Sun, 2 Aug 2026 13:05:28 +0400
Subject: [PATCH] update

---
 .idea/workspace.xml                |   34 +-
 app/globals.css                    |  253 ++++---
 components/Header.jsx              |  205 ++---
 components/HeroSection.jsx         |  268 +++----
 components/TrustedBySection.jsx    |   56 ++
 data/content.js                    | 1121 ++++++++++++++++------------
 jsconfig.json                      |    3 +-
 public/images/clients/client-1.svg |    7 +
 public/images/clients/client-2.svg |    7 +
 public/images/clients/client-3.svg |    7 +
 public/images/clients/client-4.svg |    7 +
 public/images/clients/client-5.svg |    7 +
 public/images/clients/client-6.svg |    7 +
 public/images/logo.svg             |    8 -
 public/images/machine-35-base.svg  |   28 -
 public/images/machine-35-white.svg |   28 -
 public/images/machine-48-base.svg  |   28 -
 public/images/machine-48-white.svg |   28 -
 public/images/machine-60-base.svg  |   28 -
 public/images/machine-60-white.svg |   28 -
 public/images/snacks/chips-1.svg   |    6 -
 public/images/snacks/chips-2.svg   |    6 -
 public/images/snacks/soda-1.svg    |    6 -
 public/images/snacks/soda-2.svg    |    6 -
 24 files changed, 1169 insertions(+), 1013 deletions(-)
 create mode 100644 components/TrustedBySection.jsx
 create mode 100644 public/images/clients/client-1.svg
 create mode 100644 public/images/clients/client-2.svg
 create mode 100644 public/images/clients/client-3.svg
 create mode 100644 public/images/clients/client-4.svg
 create mode 100644 public/images/clients/client-5.svg
 create mode 100644 public/images/clients/client-6.svg
 delete mode 100644 public/images/logo.svg
 delete mode 100644 public/images/machine-35-base.svg
 delete mode 100644 public/images/machine-35-white.svg
 delete mode 100644 public/images/machine-48-base.svg
 delete mode 100644 public/images/machine-48-white.svg
 delete mode 100644 public/images/machine-60-base.svg
 delete mode 100644 public/images/machine-60-white.svg
 delete mode 100644 public/images/snacks/chips-1.svg
 delete mode 100644 public/images/snacks/chips-2.svg
 delete mode 100644 public/images/snacks/soda-1.svg
 delete mode 100644 public/images/snacks/soda-2.svg

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 2791c7b..83fad6e 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,8 +4,21 @@
     <list default="true" id="bb7b50a5-be9c-4cd7-a05b-979f0e91b173" name="Changes" comment="update">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/app/globals.css" beforeDir="false" afterPath="$PROJECT_DIR$/app/globals.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/components/Header.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/components/Header.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/components/HeroSection.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/components/HeroSection.jsx" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/data/content.js" beforeDir="false" afterPath="$PROJECT_DIR$/data/content.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/video/showcase-placeholder.mp4" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/jsconfig.json" beforeDir="false" afterPath="$PROJECT_DIR$/jsconfig.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/logo.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/machine-35-base.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/machine-35-white.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/machine-48-base.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/machine-48-white.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/machine-60-base.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/machine-60-white.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/snacks/chips-1.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/snacks/chips-2.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/snacks/soda-1.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/snacks/soda-2.svg" beforeDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -86,6 +99,7 @@
       <workItem from="1785583486761" duration="9000" />
       <workItem from="1785583517424" duration="145000" />
       <workItem from="1785645096071" duration="26000" />
+      <workItem from="1785646314677" duration="10534000" />
     </task>
     <task id="LOCAL-00001" summary="update">
       <option name="closed" value="true" />
@@ -111,7 +125,23 @@
       <option name="project" value="LOCAL" />
       <updated>1785582935941</updated>
     </task>
-    <option name="localTasksCounter" value="4" />
+    <task id="LOCAL-00004" summary="update">
+      <option name="closed" value="true" />
+      <created>1785646368102</created>
+      <option name="number" value="00004" />
+      <option name="presentableId" value="LOCAL-00004" />
+      <option name="project" value="LOCAL" />
+      <updated>1785646368102</updated>
+    </task>
+    <task id="LOCAL-00005" summary="update">
+      <option name="closed" value="true" />
+      <created>1785646373594</created>
+      <option name="number" value="00005" />
+      <option name="presentableId" value="LOCAL-00005" />
+      <option name="project" value="LOCAL" />
+      <updated>1785646373594</updated>
+    </task>
+    <option name="localTasksCounter" value="6" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
diff --git a/app/globals.css b/app/globals.css
index 2041fa2..10f2266 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -6,203 +6,248 @@
 /* Theme tokens — dark is the default; .light overrides on <html>      */
 /* ------------------------------------------------------------------ */
 :root {
-  --brand: #00a693;
-  --color-bg-page: #04120f;
-  --color-bg-elevated: #0c2b24;
-  --color-bg-surface: rgba(255, 255, 255, 0.045);
-  --color-bg-surface-strong: rgba(255, 255, 255, 0.08);
-  --color-border: rgba(0, 166, 147, 0.28);
-  --color-text-primary: #ffffff;
-  --color-text-secondary: rgba(230, 247, 244, 0.72);
-  --color-scrollbar-track: #071e19;
-  --color-scrollbar-thumb: #0b5c50;
-  color-scheme: dark;
+    --brand: #00a693;
+    --color-bg-page: #04120f;
+    --color-bg-elevated: #0c2b24;
+    --color-bg-surface: rgba(255, 255, 255, 0.045);
+    --color-bg-surface-strong: rgba(255, 255, 255, 0.08);
+    --color-border: rgba(0, 166, 147, 0.28);
+    --color-text-primary: #ffffff;
+    --color-text-secondary: rgba(230, 247, 244, 0.72);
+    --color-scrollbar-track: #071e19;
+    --color-scrollbar-thumb: #0b5c50;
+    color-scheme: dark;
 }
 
 html.light {
-  --color-bg-page: #f5fbf9;
-  --color-bg-elevated: #ffffff;
-  --color-bg-surface: rgba(0, 89, 79, 0.045);
-  --color-bg-surface-strong: rgba(0, 89, 79, 0.08);
-  --color-border: rgba(0, 166, 147, 0.25);
-  --color-text-primary: #04231f;
-  --color-text-secondary: rgba(4, 35, 31, 0.68);
-  --color-scrollbar-track: #e1f3ef;
-  --color-scrollbar-thumb: #8fdccc;
-  color-scheme: light;
+    --color-bg-page: #f5fbf9;
+    --color-bg-elevated: #ffffff;
+    --color-bg-surface: rgba(0, 89, 79, 0.045);
+    --color-bg-surface-strong: rgba(0, 89, 79, 0.08);
+    --color-border: rgba(0, 166, 147, 0.25);
+    --color-text-primary: #04231f;
+    --color-text-secondary: rgba(4, 35, 31, 0.68);
+    --color-scrollbar-track: #e1f3ef;
+    --color-scrollbar-thumb: #8fdccc;
+    color-scheme: light;
 }
 
 html,
 body {
-  padding: 0;
-  margin: 0;
-  scroll-behavior: smooth;
+    padding: 0;
+    margin: 0;
+    scroll-behavior: smooth;
 }
 
 html[dir='rtl'] body {
-  font-family: var(--font-vazirmatn), Tahoma, sans-serif;
+    font-family: var(--font-vazirmatn), Tahoma, sans-serif;
 }
 
 * {
-  box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 ::selection {
-  background: rgba(0, 166, 147, 0.35);
-  color: var(--color-text-primary);
+    background: rgba(0, 166, 147, 0.35);
+    color: var(--color-text-primary);
 }
 
 ::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
+    width: 8px;
+    height: 8px;
 }
+
 ::-webkit-scrollbar-track {
-  background: var(--color-scrollbar-track);
+    background: var(--color-scrollbar-track);
 }
+
 ::-webkit-scrollbar-thumb {
-  background: var(--color-scrollbar-thumb);
-  border-radius: 999px;
+    background: var(--color-scrollbar-thumb);
+    border-radius: 999px;
 }
 
 /* Semantic surface/text utilities — read the theme variables above so every
    component that uses them automatically supports dark + light mode. */
-.bg-page { background-color: var(--color-bg-page); }
-.bg-elevated { background-color: var(--color-bg-elevated); }
-.bg-surface { background-color: var(--color-bg-surface); }
-.bg-surface-strong { background-color: var(--color-bg-surface-strong); }
-.border-subtle { border-color: var(--color-border); }
-.text-primary { color: var(--color-text-primary); }
-.text-secondary { color: var(--color-text-secondary); }
+.bg-page {
+    background-color: var(--color-bg-page);
+}
+
+.bg-elevated {
+    background-color: var(--color-bg-elevated);
+}
+
+.bg-surface {
+    background-color: var(--color-bg-surface);
+}
+
+.bg-surface-strong {
+    background-color: var(--color-bg-surface-strong);
+}
+
+.border-subtle {
+    border-color: var(--color-border);
+}
+
+.text-primary {
+    color: var(--color-text-primary);
+}
+
+.text-secondary {
+    color: var(--color-text-secondary);
+}
 
 /* Opacity variants of the tokens above (Tailwind's /NN modifier only works on
    Tailwind-generated utilities, not these hand-written classes). */
-.bg-page-60 { background-color: color-mix(in srgb, var(--color-bg-page) 60%, transparent); }
-.bg-page-70 { background-color: color-mix(in srgb, var(--color-bg-page) 70%, transparent); }
-.bg-page-85 { background-color: color-mix(in srgb, var(--color-bg-page) 85%, transparent); }
-.bg-elevated-95 { background-color: color-mix(in srgb, var(--color-bg-elevated) 95%, transparent); }
-.text-primary-90 { color: color-mix(in srgb, var(--color-text-primary) 90%, transparent); }
+.bg-page-60 {
+    background-color: color-mix(in srgb, var(--color-bg-page) 60%, transparent);
+}
+
+.bg-page-70 {
+    background-color: color-mix(in srgb, var(--color-bg-page) 70%, transparent);
+}
+
+.bg-page-85 {
+    background-color: color-mix(in srgb, var(--color-bg-page) 85%, transparent);
+}
+
+.bg-elevated-95 {
+    background-color: color-mix(in srgb, var(--color-bg-elevated) 95%, transparent);
+}
+
+.text-primary-90 {
+    color: color-mix(in srgb, var(--color-text-primary) 90%, transparent);
+}
 
 /* ------------------------------------------------------------------ */
 /* Horizontal scroll showcase (pinned via GSAP ScrollTrigger)          */
 /* ------------------------------------------------------------------ */
 .horizontal-track {
-  display: flex;
-  height: 100vh;
-  width: max-content;
-  will-change: transform;
+    display: flex;
+    height: 100vh;
+    width: 100vw;
+    will-change: transform;
 }
 
 .horizontal-panel {
-  height: 100vh;
-  width: 100vw;
-  flex-shrink: 0;
-  position: relative;
-  overflow: hidden;
+    height: 100vh;
+    width: 100vw;
+    flex-shrink: 0;
+    position: relative;
+    overflow: hidden;
 }
 
 /* ------------------------------------------------------------------ */
 /* Cursor spotlight / lens reveal effect over the vending machine       */
 /* ------------------------------------------------------------------ */
 .spotlight-stage {
-  position: relative;
-  cursor: none;
-  isolation: isolate;
+    position: relative;
+    cursor: none;
+    isolation: isolate;
 }
 
 .spotlight-stage .base-layer,
 .spotlight-stage .reveal-layer {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-  pointer-events: none;
-  user-select: none;
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    pointer-events: none;
+    user-select: none;
 }
 
 .spotlight-stage .reveal-layer {
-  clip-path: circle(0px at 50% 50%);
-  transition: clip-path 0.05s linear;
+    clip-path: circle(0px at 50% 50%);
+    transition: clip-path 0.05s linear;
 }
 
 .spotlight-lens {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190px;
-  height: 190px;
-  border-radius: 999px;
-  border: 2px solid rgba(0, 166, 147, 0.9);
-  box-shadow:
-    0 0 0 4px rgba(0, 166, 147, 0.15),
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 190px;
+    height: 190px;
+    border-radius: 999px;
+    border: 2px solid rgba(0, 166, 147, 0.9);
+    box-shadow: 0 0 0 4px rgba(0, 166, 147, 0.15),
     0 0 40px 6px rgba(0, 166, 147, 0.45);
-  pointer-events: none;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  transition: opacity 0.15s ease;
-  z-index: 30;
+    pointer-events: none;
+    transform: translate(-50%, -50%);
+    opacity: 0;
+    transition: opacity 0.15s ease;
+    z-index: 30;
 }
 
 .spotlight-stage:hover .spotlight-lens {
-  opacity: 1;
+    opacity: 1;
 }
 
 /* Utility: hide native scrollbar but keep scroll functionality */
 .no-scrollbar::-webkit-scrollbar {
-  display: none;
+    display: none;
 }
+
 .no-scrollbar {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
 }
 
 /* Gradient text helper for headings */
 .brand-gradient-text {
-  background: linear-gradient(90deg, #6fe0c9 0%, #00a693 55%, #017065 100%);
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
+    background: linear-gradient(90deg, #6fe0c9 0%, #00a693 55%, #017065 100%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
 }
 
 /* ------------------------------------------------------------------ */
 /* Typewriter caret for the hero headline                              */
 /* ------------------------------------------------------------------ */
 .typewriter-caret {
-  display: inline-block;
-  width: 3px;
-  margin-inline-start: 4px;
-  background-color: var(--brand);
-  animation: caretBlink 0.9s steps(1) infinite;
+    display: inline-block;
+    width: 3px;
+    margin-inline-start: 4px;
+    background-color: var(--brand);
+    animation: caretBlink 0.9s steps(1) infinite;
 }
 
 @keyframes caretBlink {
-  0%, 49% { opacity: 1; }
-  50%, 100% { opacity: 0; }
+    0%, 49% {
+        opacity: 1;
+    }
+    50%, 100% {
+        opacity: 0;
+    }
 }
 
 /* ------------------------------------------------------------------ */
 /* نوار لوگوی بی‌پایان (trusted-by marquee)                             */
 /* ------------------------------------------------------------------ */
 @keyframes marqueeScroll {
-  from { transform: translateX(0); }
-  to { transform: translateX(-50%); } /* دقیقاً نصف عرض، چون لیست دو برابر شده */
+    from {
+        transform: translateX(0);
+    }
+    to {
+        transform: translateX(-50%);
+    }
+    /* دقیقاً نصف عرض، چون لیست دو برابر شده */
 }
 
 .animate-marquee {
-  animation: marqueeScroll 28s linear infinite;
+    animation: marqueeScroll 28s linear infinite;
 }
 
 .animate-marquee:hover {
-  animation-play-state: paused;
+    animation-play-state: paused;
 }
 
 /* ------------------------------------------------------------------ */
 /* Chat widget                                                          */
 /* ------------------------------------------------------------------ */
 .chat-bubble {
-  max-width: 80%;
-  padding: 10px 14px;
-  border-radius: 14px;
-  font-size: 0.875rem;
-  line-height: 1.6;
+    max-width: 80%;
+    padding: 10px 14px;
+    border-radius: 14px;
+    font-size: 0.875rem;
+    line-height: 1.6;
 }
diff --git a/components/Header.jsx b/components/Header.jsx
index 8b5f836..170067d 100644
--- a/components/Header.jsx
+++ b/components/Header.jsx
@@ -2,120 +2,121 @@
 
 // هدر ثابت بالای صفحه: لوگو، منوی ناوبری، سوییچ زبان/تم، دکمه ورود به پنل کاربری و آیکون سبد خرید.
 
-import { useState, useEffect } from 'react';
+import {useState, useEffect} from 'react';
 import Image from 'next/image';
-import { Badge, Button } from 'antd';
-import { ShoppingCartOutlined, MenuOutlined, CloseOutlined, UserOutlined } from '@ant-design/icons';
-import { useSelector, useDispatch } from 'react-redux';
-import { selectCartCount, openDrawer } from '@/store/cartSlice';
-import { useLanguage } from '@/app/context/LanguageContext';
+import {Badge, Button} from 'antd';
+import {ShoppingCartOutlined, MenuOutlined, CloseOutlined, UserOutlined} from '@ant-design/icons';
+import {useSelector, useDispatch} from 'react-redux';
+import {selectCartCount, openDrawer} from '@/store/cartSlice';
+import {useLanguage} from '@/app/context/LanguageContext';
 import ThemeToggle from './ThemeToggle';
 import LanguageToggle from './LanguageToggle';
 
 export default function Header() {
-  const dispatch = useDispatch();
-  const cartCount = useSelector(selectCartCount);
-  const { t } = useLanguage();
-  const [scrolled, setScrolled] = useState(false);
-  const [mobileOpen, setMobileOpen] = useState(false);
+    const dispatch = useDispatch();
+    const cartCount = useSelector(selectCartCount);
+    const {t} = useLanguage();
+    const [scrolled, setScrolled] = useState(false);
+    const [mobileOpen, setMobileOpen] = useState(false);
 
-  const navLinks = [
-    { href: '#hero', label: t.nav.home },
-    { href: '#showcase', label: t.nav.showcase },
-    { href: '#about', label: t.nav.about },
-    { href: '#catalog', label: t.nav.catalog },
-    { href: '#locations', label: t.nav.locations },
-    { href: '#video', label: t.nav.video },
-    { href: '#map', label: t.nav.map },
-    { href: '#support', label: t.nav.support },
-  ];
+    const navLinks = [
+        {href: '#hero', label: t.nav.home},
+        {href: '#showcase', label: t.nav.showcase},
+        {href: '#about', label: t.nav.about},
+        {href: '#catalog', label: t.nav.catalog},
+        {href: '#locations', label: t.nav.locations},
+        {href: '#video', label: t.nav.video},
+        {href: '#map', label: t.nav.map},
+        {href: '#support', label: t.nav.support},
+    ];
 
-  useEffect(() => {
-    const onScroll = () => setScrolled(window.scrollY > 24);
-    window.addEventListener('scroll', onScroll);
-    return () => window.removeEventListener('scroll', onScroll);
-  }, []);
+    useEffect(() => {
+        const onScroll = () => setScrolled(window.scrollY > 24);
+        window.addEventListener('scroll', onScroll);
+        return () => window.removeEventListener('scroll', onScroll);
+    }, []);
 
-  return (
-    <header
-      className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 ${
-        scrolled ? 'bg-page-85 backdrop-blur-md shadow-[0_1px_0_0_rgba(0,166,147,0.25)]' : 'bg-transparent'
-      }`}
-    >
-      <div className="mx-auto max-w-7xl px-5 md:px-8 h-20 flex items-center justify-between gap-4">
-        <a href="#hero" className="flex items-center gap-2 shrink-0">
-          <Image src="/images/logo.svg" alt="روبات مارکت" width={150} height={42} priority />
-        </a>
+    return (
+        <header
+            className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 ${
+                scrolled ? 'bg-page-85 backdrop-blur-md shadow-[0_1px_0_0_rgba(0,166,147,0.25)]' : 'bg-transparent'
+            }`}
+        >
+            <div className="mx-auto max-w-7xl px-5 md:px-8 h-20 flex items-center justify-between gap-4">
+                <a href="#hero" className="flex items-center gap-2 shrink-0">
+                    <Image src="/images/logo.png" alt="روبات مارکت" width={150} height={42} priority/>
+                </a>
 
-        <nav className="hidden xl:flex items-center gap-5 2xl:gap-7">
-          {navLinks.map((link) => (
-            <a
-              key={link.href}
-              href={link.href}
-              className="text-sm text-secondary hover:text-brand-300 transition-colors whitespace-nowrap"
-            >
-              {link.label}
-            </a>
-          ))}
-        </nav>
+                <nav className="hidden xl:flex items-center gap-5 2xl:gap-7">
+                    {navLinks.map((link) => (
+                        <a
+                            key={link.href}
+                            href={link.href}
+                            className="text-sm text-secondary hover:text-brand-300 transition-colors whitespace-nowrap"
+                        >
+                            {link.label}
+                        </a>
+                    ))}
+                </nav>
 
-        <div className="flex items-center gap-2 md:gap-3">
-          <div className="hidden md:flex items-center gap-2">
-            <LanguageToggle />
-            <ThemeToggle />
-          </div>
+                <div className="flex items-center gap-2 md:gap-3">
+                    <div className="hidden md:flex items-center gap-2">
+                        <LanguageToggle/>
+                        <ThemeToggle/>
+                    </div>
 
-          <Button
-            className="hidden sm:inline-flex"
-            icon={<UserOutlined />}
-            onClick={() => {
-              /* TODO: point this at the real customer panel login route */
-            }}
-          >
-            {t.nav.login}
-          </Button>
+                    <Button
+                        className="hidden sm:inline-flex"
+                        icon={<UserOutlined/>}
+                        href="https://panel.my-rm.com"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        {t.nav.login}
+                    </Button>
 
-          <Badge count={cartCount} size="small" offset={[-2, 2]}>
-            <Button
-              shape="circle"
-              size="large"
-              icon={<ShoppingCartOutlined />}
-              onClick={() => dispatch(openDrawer())}
-              aria-label="cart"
-            />
-          </Badge>
+                    <Badge count={cartCount} size="small" offset={[-2, 2]}>
+                        <Button
+                            shape="circle"
+                            size="large"
+                            icon={<ShoppingCartOutlined/>}
+                            onClick={() => dispatch(openDrawer())}
+                            aria-label="cart"
+                        />
+                    </Badge>
 
-          <button
-            className="xl:hidden text-brand-400 text-2xl"
-            onClick={() => setMobileOpen((v) => !v)}
-            aria-label="menu"
-          >
-            {mobileOpen ? <CloseOutlined /> : <MenuOutlined />}
-          </button>
-        </div>
-      </div>
+                    <button
+                        className="xl:hidden text-brand-400 text-2xl"
+                        onClick={() => setMobileOpen((v) => !v)}
+                        aria-label="menu"
+                    >
+                        {mobileOpen ? <CloseOutlined/> : <MenuOutlined/>}
+                    </button>
+                </div>
+            </div>
 
-      {mobileOpen && (
-        <nav className="xl:hidden bg-elevated-95 backdrop-blur-md border-t border-subtle px-5 py-4 flex flex-col gap-4 max-h-[calc(100vh-5rem)] overflow-y-auto">
-          {navLinks.map((link) => (
-            <a
-              key={link.href}
-              href={link.href}
-              onClick={() => setMobileOpen(false)}
-              className="text-secondary text-base"
-            >
-              {link.label}
-            </a>
-          ))}
-          <div className="flex items-center gap-3 pt-2 border-t border-subtle">
-            <LanguageToggle />
-            <ThemeToggle />
-            <Button icon={<UserOutlined />} className="flex-1">
-              {t.nav.login}
-            </Button>
-          </div>
-        </nav>
-      )}
-    </header>
-  );
+            {mobileOpen && (
+                <nav
+                    className="xl:hidden bg-elevated-95 backdrop-blur-md border-t border-subtle px-5 py-4 flex flex-col gap-4 max-h-[calc(100vh-5rem)] overflow-y-auto">
+                    {navLinks.map((link) => (
+                        <a
+                            key={link.href}
+                            href={link.href}
+                            onClick={() => setMobileOpen(false)}
+                            className="text-secondary text-base"
+                        >
+                            {link.label}
+                        </a>
+                    ))}
+                    <div className="flex items-center gap-3 pt-2 border-t border-subtle">
+                        <LanguageToggle/>
+                        <ThemeToggle/>
+                        <Button icon={<UserOutlined/>} className="flex-1">
+                            {t.nav.login}
+                        </Button>
+                    </div>
+                </nav>
+            )}
+        </header>
+    );
 }
diff --git a/components/HeroSection.jsx b/components/HeroSection.jsx
index 99d3956..c308c88 100644
--- a/components/HeroSection.jsx
+++ b/components/HeroSection.jsx
@@ -7,156 +7,156 @@
  * عنوان بزرگ دو خطی، و دکمه‌های فلش قبلی/بعدی برای ناوبری دستی.
  */
 
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { LeftOutlined, RightOutlined } from '@ant-design/icons';
-import { useLanguage } from '@/app/context/LanguageContext';
+import {useCallback, useEffect, useRef, useState} from 'react';
+import {LeftOutlined, RightOutlined} from '@ant-design/icons';
+import {useLanguage} from '@/app/context/LanguageContext';
 
 const AUTOPLAY_DELAY = 5000; // هر ۵ ثانیه اسلاید عوض می‌شود
 
 export default function HeroSection() {
-  const { t, dir } = useLanguage();
-  const slides = t.hero.slides;
-  const [activeIndex, setActiveIndex] = useState(0);
-  const timerRef = useRef(null);
+    const {t, dir} = useLanguage();
+    const slides = t.hero.slides;
+    const [activeIndex, setActiveIndex] = useState(0);
+    const timerRef = useRef(null);
 
-  // رفتن به اسلاید بعدی (با چرخش به اول لیست وقتی به آخر رسید)
-  const goToNext = useCallback(() => {
-    setActiveIndex((prev) => (prev + 1) % slides.length);
-  }, [slides.length]);
+    // رفتن به اسلاید بعدی (با چرخش به اول لیست وقتی به آخر رسید)
+    const goToNext = useCallback(() => {
+        setActiveIndex((prev) => (prev + 1) % slides.length);
+    }, [slides.length]);
 
-  const goToPrev = useCallback(() => {
-    setActiveIndex((prev) => (prev - 1 + slides.length) % slides.length);
-  }, [slides.length]);
+    const goToPrev = useCallback(() => {
+        setActiveIndex((prev) => (prev - 1 + slides.length) % slides.length);
+    }, [slides.length]);
 
-  // تایمر پخش خودکار: هر بار که اسلاید عوض می‌شود، تایمر قبلی پاک و یک تایمر
-  // جدید ۵ ثانیه‌ای ست می‌شود. با کلیک دستی روی فلش‌ها هم همین تابع دوباره
-  // صدا زده می‌شود تا شمارش از نو شروع شود (تجربه کاربری بهتر).
-  const restartAutoplay = useCallback(() => {
-    if (timerRef.current) clearInterval(timerRef.current);
-    timerRef.current = setInterval(goToNext, AUTOPLAY_DELAY);
-  }, [goToNext]);
+    // تایمر پخش خودکار: هر بار که اسلاید عوض می‌شود، تایمر قبلی پاک و یک تایمر
+    // جدید ۵ ثانیه‌ای ست می‌شود. با کلیک دستی روی فلش‌ها هم همین تابع دوباره
+    // صدا زده می‌شود تا شمارش از نو شروع شود (تجربه کاربری بهتر).
+    const restartAutoplay = useCallback(() => {
+        if (timerRef.current) clearInterval(timerRef.current);
+        timerRef.current = setInterval(goToNext, AUTOPLAY_DELAY);
+    }, [goToNext]);
 
-  useEffect(() => {
-    restartAutoplay();
-    return () => {
-      if (timerRef.current) clearInterval(timerRef.current);
+    useEffect(() => {
+        restartAutoplay();
+        return () => {
+            if (timerRef.current) clearInterval(timerRef.current);
+        };
+    }, [restartAutoplay]);
+
+    const handleManualNav = (direction) => {
+        if (direction === 'next') goToNext();
+        else goToPrev();
+        restartAutoplay(); // شمارش ۵ ثانیه بعد از کلیک دستی از نو شروع شود
     };
-  }, [restartAutoplay]);
 
-  const handleManualNav = (direction) => {
-    if (direction === 'next') goToNext();
-    else goToPrev();
-    restartAutoplay(); // شمارش ۵ ثانیه بعد از کلیک دستی از نو شروع شود
-  };
+    const slide = slides[activeIndex];
 
-  const slide = slides[activeIndex];
-
-  return (
-    <section id="hero" className="relative h-screen w-full overflow-hidden bg-page">
-      {/* ------------------------------------------------------------------ */}
-      {/* شکل مورب تزئینی سمت راست/چپ — نسخه سبز برند به‌جای قرمز Sielaff       */}
-      {/* ------------------------------------------------------------------ */}
-      <div
-        className="absolute inset-y-0 w-1/3 hidden md:block"
-        style={{
-          [dir === 'rtl' ? 'left' : 'right']: '-6%',
-          background: 'linear-gradient(135deg, #00a693 0%, #017065 60%, #0b3d38 100%)',
-          clipPath:
-            dir === 'rtl'
-              ? 'polygon(30% 0, 100% 0, 100% 100%, 0% 100%)'
-              : 'polygon(0 0, 70% 0, 100% 100%, 0% 100%)',
-        }}
-      />
-
-      {/* ------------------------------------------------------------------ */}
-      {/* اسلایدهای عکس — همه اسلایدها روی هم قرار دارند و فقط با opacity     */}
-      {/* محو/نمایان می‌شوند (transition نرم به‌جای پرش ناگهانی)                */}
-      {/* ------------------------------------------------------------------ */}
-      <div className="absolute inset-0">
-        {slides.map((s, i) => (
-          <div
-            key={s.id}
-            className="absolute inset-0 flex items-center justify-center transition-opacity duration-1000 ease-in-out"
-            style={{ opacity: i === activeIndex ? 1 : 0, pointerEvents: i === activeIndex ? 'auto' : 'none' }}
-            aria-hidden={i !== activeIndex}
-          >
-            <img
-              src={s.image}
-              alt={s.titleLines.join(' ')}
-              className="h-[55%] md:h-[70%] w-auto object-contain drop-shadow-2xl"
+    return (
+        <section id="hero" className="relative h-screen w-full overflow-hidden bg-page">
+            {/* ------------------------------------------------------------------ */}
+            {/* شکل مورب تزئینی سمت راست/چپ — نسخه سبز برند به‌جای قرمز Sielaff       */}
+            {/* ------------------------------------------------------------------ */}
+            <div
+                className="absolute inset-y-0 w-1/3 hidden md:block"
+                style={{
+                    background: 'linear-gradient(135deg, #00a693 0%, #017065 60%, #0b3d38 100%)',
+                    clipPath:
+                        dir === 'rtl'
+                            ? 'polygon(30% 0, 100% 0, 100% 100%, 0% 100%)'
+                            : 'polygon(0 0, 70% 0, 100% 100%, 0% 100%)',
+                }}
             />
-          </div>
-        ))}
-      </div>
 
-      {/* لایه‌ی نیمه‌شفاف پشت متن، برای خوانایی روی هر عکسی */}
-      <div
-        className="absolute inset-0"
-        style={{
-          background:
-            'linear-gradient(180deg, rgba(4,18,15,0.05) 0%, rgba(4,18,15,0.15) 60%, rgba(4,18,15,0.35) 100%)',
-        }}
-      />
+            {/* ------------------------------------------------------------------ */}
+            {/* اسلایدهای عکس — همه اسلایدها روی هم قرار دارند و فقط با opacity     */}
+            {/* محو/نمایان می‌شوند (transition نرم به‌جای پرش ناگهانی)                */}
+            {/* ------------------------------------------------------------------ */}
+            <div className="absolute inset-0">
+                {slides.map((s, i) => (
+                    <div
+                        key={s.id}
+                        className="absolute inset-0 flex items-center justify-center transition-opacity duration-1000 ease-in-out"
+                        style={{opacity: i === activeIndex ? 1 : 0, pointerEvents: i === activeIndex ? 'auto' : 'none'}}
+                        aria-hidden={i !== activeIndex}
+                    >
+                        <img
+                            src={s.image}
+                            alt={s.titleLines.join(' ')}
+                            className="h-[55%] md:h-[70%] w-auto object-contain drop-shadow-2xl"
+                        />
+                    </div>
+                ))}
+            </div>
 
-      {/* ------------------------------------------------------------------ */}
-      {/* متن روی اسلاید: کیکر کوچک + عنوان بزرگ دو خطی + توضیح + دکمه CTA     */}
-      {/* ------------------------------------------------------------------ */}
-      <div className="relative z-10 h-full flex flex-col justify-end md:justify-center px-6 md:px-16 pb-28 md:pb-0">
-        <div className="max-w-2xl">
-          <span className="text-brand-400 font-semibold tracking-widest text-sm uppercase">
-            {slide.kicker}
-          </span>
-          <h1 className="mt-3 text-3xl sm:text-4xl md:text-6xl font-extrabold leading-tight text-primary">
-            {slide.titleLines.map((line, i) => (
-              <span key={i} className="block">
+            {/* لایه‌ی نیمه‌شفاف پشت متن، برای خوانایی روی هر عکسی */}
+            <div
+                className="absolute inset-0"
+                style={{
+                    background:
+                        'linear-gradient(180deg, rgba(4,18,15,0.05) 0%, rgba(4,18,15,0.15) 60%, rgba(4,18,15,0.35) 100%)',
+                }}
+            />
+
+            {/* ------------------------------------------------------------------ */}
+            {/* متن روی اسلاید: کیکر کوچک + عنوان بزرگ دو خطی + توضیح + دکمه CTA     */}
+            {/* ------------------------------------------------------------------ */}
+            <div
+                className="relative  z-10 h-full flex flex-col justify-end md:justify-center px-6 md:px-16 pb-28 md:pb-0">
+                <div className="max-w-2xl">
+                  <span className="text-brand-400 font-semibold tracking-widest text-sm uppercase">
+                    {slide.kicker}
+                  </span>
+                    <h1 className="mt-3 text-3xl sm:text-4xl md:text-6xl font-extrabold leading-tight text-white drop-shadow-[0_4px_12px_rgba(0,0,0,0.9)]">
+                        {slide.titleLines.map((line, i) => (
+                            <span key={i} className="block">
                 {line}
               </span>
-            ))}
-          </h1>
-          <p className="mt-5 text-secondary text-base md:text-lg max-w-xl">{slide.sub}</p>
-          <a
-            href="#showcase"
-            className="mt-8 inline-flex items-center gap-2 bg-brand hover:bg-brand-400 text-ink-950 font-bold px-8 py-3.5 rounded-full transition-colors shadow-brandGlow"
-          >
-            {t.hero.cta}
-          </a>
-        </div>
-      </div>
+                        ))}
+                    </h1>
+                    <p className="mt-5 text-white/90 text-base md:text-lg max-w-xl drop-shadow-lg">{slide.sub}</p>
+                    <a
+                        href="#showcase"
+                        className="mt-8 inline-flex items-center gap-2 bg-brand hover:bg-brand-400 text-ink-950 font-bold px-8 py-3.5 rounded-full transition-colors shadow-brandGlow"
+                    >
+                        {t.hero.cta}
+                    </a>
+                </div>
+            </div>
 
-      {/* ------------------------------------------------------------------ */}
-      {/* فلش‌های ناوبری دستی (قبلی / بعدی) — شبیه سایت Sielaff، وسط دو طرف   */}
-      {/* ------------------------------------------------------------------ */}
-      <button
-        onClick={() => handleManualNav('prev')}
-        aria-label="previous slide"
-        className="hidden sm:flex absolute top-1/2 -translate-y-1/2 start-4 z-20 w-11 h-11 rounded-full bg-page-70 border border-subtle items-center justify-center text-primary hover:bg-brand hover:text-ink-950 transition-colors"
-      >
-        <LeftOutlined />
-      </button>
-      <button
-        onClick={() => handleManualNav('next')}
-        aria-label="next slide"
-        className="hidden sm:flex absolute top-1/2 -translate-y-1/2 end-4 z-20 w-11 h-11 rounded-full bg-page-70 border border-subtle items-center justify-center text-primary hover:bg-brand hover:text-ink-950 transition-colors"
-      >
-        <RightOutlined />
-      </button>
+            {/* ------------------------------------------------------------------ */}
+            {/* فلش‌های ناوبری دستی (قبلی / بعدی) — وسط دو طرف   */}
+            {/* ------------------------------------------------------------------ */}
+            <button
+                onClick={() => handleManualNav('prev')}
+                aria-label="previous slide"
+                className="hidden sm:flex absolute top-1/2 -translate-y-1/2 start-4 z-20 w-11 h-11 rounded-full bg-page-70 border border-subtle items-center justify-center text-primary hover:bg-brand hover:text-ink-950 transition-colors"
+            >
+                <LeftOutlined/>
+            </button>
+            <button
+                onClick={() => handleManualNav('next')}
+                aria-label="next slide"
+                className="hidden sm:flex absolute top-1/2 -translate-y-1/2 end-4 z-20 w-11 h-11 rounded-full bg-page-70 border border-subtle items-center justify-center text-primary hover:bg-brand hover:text-ink-950 transition-colors"
+            >
+                <RightOutlined/>
+            </button>
 
-      {/* نقطه‌های شمارشگر اسلاید پایین صفحه — کلیک روی هرکدام مستقیم به همان اسلاید می‌رود */}
-      <div className="absolute bottom-8 inset-x-0 z-20 flex justify-center gap-2">
-        {slides.map((s, i) => (
-          <button
-            key={s.id}
-            onClick={() => {
-              setActiveIndex(i);
-              restartAutoplay();
-            }}
-            aria-label={`slide ${i + 1}`}
-            className={`h-2 rounded-full transition-all ${
-              i === activeIndex ? 'w-8 bg-brand' : 'w-2 bg-brand/30 hover:bg-brand/60'
-            }`}
-          />
-        ))}
-      </div>
-    </section>
-  );
+            {/* نقطه‌های شمارشگر اسلاید پایین صفحه — کلیک روی هرکدام مستقیم به همان اسلاید می‌رود */}
+            <div className="absolute bottom-8 inset-x-0 z-20 flex justify-center gap-2">
+                {slides.map((s, i) => (
+                    <button
+                        key={s.id}
+                        onClick={() => {
+                            setActiveIndex(i);
+                            restartAutoplay();
+                        }}
+                        aria-label={`slide ${i + 1}`}
+                        className={`h-2 rounded-full transition-all ${
+                            i === activeIndex ? 'w-8 bg-brand' : 'w-2 bg-brand/30 hover:bg-brand/60'
+                        }`}
+                    />
+                ))}
+            </div>
+        </section>
+    );
 }
diff --git a/components/TrustedBySection.jsx b/components/TrustedBySection.jsx
new file mode 100644
index 0000000..7bc6743
--- /dev/null
+++ b/components/TrustedBySection.jsx
@@ -0,0 +1,56 @@
+'use client';
+
+/**
+ * سکشن «مشتریانی که به ما اعتماد کرده‌اند» — یک نوار لوگوی بی‌پایان (marquee)
+ * که به‌آرامی و پیوسته حرکت می‌کند. برای ساخت افکت حلقه‌ی بی‌پایان، لیست
+ * لوگوها را دو بار پشت‌سرهم رندر می‌کنیم و با انیمیشن CSS آن را جابه‌جا می‌کنیم.
+ *
+ * نکته فنی: مسیر (track) همیشه جهت LTR دارد، چون منطق «حرکت به چپ» انیمیشن
+ * فرض بر همین جهت است — دقیقاً همان مشکلی که در اسکرول افقی محصولات داشتیم و
+ * حلش کردیم. این‌جا هم برای جلوگیری از همان باگ، جهت را ثابت نگه داشتیم.
+ */
+
+import { useLanguage } from '@/app/context/LanguageContext';
+
+export default function TrustedBySection() {
+  const { t } = useLanguage();
+  const clients = t.trustedBy.clients;
+  // لیست لوگوها را دو برابر می‌کنیم تا وقتی نیمه اول با انیمیشن رد شد،
+  // نیمه دوم دقیقاً از همان‌جا ادامه بدهد و چشم متوجه پرش/شکاف نشود.
+  const doubledClients = [...clients, ...clients];
+
+  return (
+    <section className="relative px-6 md:px-16 py-16 md:py-20 bg-page border-t border-subtle overflow-hidden">
+      <div className="max-w-6xl mx-auto">
+        <div className="text-center mb-10">
+          <span className="text-brand-400 text-sm font-semibold tracking-wide">{t.trustedBy.eyebrow}</span>
+          <h2 className="text-xl md:text-2xl font-extrabold text-primary mt-2">{t.trustedBy.title}</h2>
+        </div>
+      </div>
+
+      {/* یک محو تدریجی (fade mask) دو طرف نوار، تا لبه‌های لوگوها بریده به‌نظر نرسد */}
+      <div
+        className="relative"
+        style={{
+          maskImage: 'linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%)',
+          WebkitMaskImage: 'linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%)',
+        }}
+      >
+        <div className="flex w-max animate-marquee gap-10" dir="ltr">
+          {doubledClients.map((client, i) => (
+            <div
+              key={`${client.id}-${i}`}
+              className="w-40 md:w-48 shrink-0 flex items-center justify-center bg-surface border border-subtle rounded-xl p-4 opacity-80 hover:opacity-100 transition-opacity"
+            >
+              <img
+                src={`/images/clients/client-${((i % clients.length) + 1)}.svg`}
+                alt={client.name}
+                className="w-full h-auto"
+              />
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/data/content.js b/data/content.js
index bc873a9..033d38b 100644
--- a/data/content.js
+++ b/data/content.js
@@ -5,493 +5,674 @@
 // ---------------------------------------------------------------------------
 
 const machinesFa = [
-  {
-    id: 'rm-35',
-    name: 'روبات مارکت ۳۵ کانال',
-    shortLabel: '۳۵ کانال',
-    priceLabel: '۳,۸۶۰,۰۰۰,۰۰۰ ریال',
-    priceNumeric: 3860000000,
-    description: 'یخچالدار، ۳۵ کانال اختصاصی، سیستم خنک‌کننده قدرتمند، تحویل نرم، مدیریت آنلاین ۲۴ ساعته.',
-    highlights: ['یخچالدار', '۳۵ کانال اختصاصی', 'تحویل نرم', 'مدیریت آنلاین ۲۴ ساعته'],
-    image: '/images/machine-35-base.svg',
-    imageAlt: '/images/machine-35-white.svg',
-    gif: '/gifs/machine-35.gif',
-  },
-  {
-    id: 'rm-48',
-    name: 'روبات مارکت ۴۸ کانال',
-    shortLabel: '۴۸ کانال',
-    priceLabel: '۴,۴۸۰,۰۰۰,۰۰۰ ریال',
-    priceNumeric: 4480000000,
-    description: 'یخچالدار، ۴۸ کانال اختصاصی، قابلیت‌های پیشرفته مدیریت آنلاین و تحویل کالا.',
-    highlights: ['یخچالدار', '۴۸ کانال اختصاصی', 'مدیریت آنلاین پیشرفته', 'تحویل هوشمند کالا'],
-    image: '/images/machine-48-base.svg',
-    imageAlt: '/images/machine-48-white.svg',
-    gif: '/gifs/machine-48.gif',
-  },
-  {
-    id: 'rm-60',
-    name: 'روبات مارکت ۶۰ کانال',
-    shortLabel: '۶۰ کانال',
-    priceLabel: '۴,۹۸۰,۰۰۰,۰۰۰ ریال',
-    priceNumeric: 4980000000,
-    description: 'یخچالدار، ۶۰ کانال اختصاصی برای کسب‌وکارهای پرتردد.',
-    highlights: ['یخچالدار', '۶۰ کانال اختصاصی', 'مناسب اماکن پرتردد', 'ظرفیت بالا'],
-    image: '/images/machine-60-base.svg',
-    imageAlt: '/images/machine-60-white.svg',
-    gif: '/gifs/machine-60.gif',
-  },
+    {
+        id: 'rm-35',
+        name: 'روبات مارکت ۳۵ کانال',
+        shortLabel: '۳۵ کانال',
+        priceLabel: '۳,۸۶۰,۰۰۰,۰۰۰ ریال',
+        priceNumeric: 3860000000,
+        description: 'یخچالدار، ۳۵ کانال اختصاصی، سیستم خنک‌کننده قدرتمند، تحویل نرم، مدیریت آنلاین ۲۴ ساعته.',
+        highlights: ['یخچالدار', '۳۵ کانال اختصاصی', 'تحویل نرم', 'مدیریت آنلاین ۲۴ ساعته'],
+        image: '/images/machine-35-base.png',
+        imageAlt: '/images/machine-35-white.png',
+        gif: '/gifs/machine-35.gif',
+    },
+    {
+        id: 'rm-48',
+        name: 'روبات مارکت ۴۸ کانال',
+        shortLabel: '۴۸ کانال',
+        priceLabel: '۴,۴۸۰,۰۰۰,۰۰۰ ریال',
+        priceNumeric: 4480000000,
+        description: 'یخچالدار، ۴۸ کانال اختصاصی، قابلیت‌های پیشرفته مدیریت آنلاین و تحویل کالا.',
+        highlights: ['یخچالدار', '۴۸ کانال اختصاصی', 'مدیریت آنلاین پیشرفته', 'تحویل هوشمند کالا'],
+        image: '/images/machine-48-base.png',
+        imageAlt: '/images/machine-48-white.png',
+        gif: '/gifs/machine-48.gif',
+    },
+    {
+        id: 'rm-60',
+        name: 'روبات مارکت ۶۰ کانال',
+        shortLabel: '۶۰ کانال',
+        priceLabel: '۴,۹۸۰,۰۰۰,۰۰۰ ریال',
+        priceNumeric: 4980000000,
+        description: 'یخچالدار، ۶۰ کانال اختصاصی برای کسب‌وکارهای پرتردد.',
+        highlights: ['یخچالدار', '۶۰ کانال اختصاصی', 'مناسب اماکن پرتردد', 'ظرفیت بالا'],
+        image: '/images/machine-60-base.png',
+        imageAlt: '/images/machine-60-white.png',
+        gif: '/gifs/machine-60.gif',
+    },
 ];
 
 const machinesEn = [
-  {
-    id: 'rm-35',
-    name: 'Robot Market RM-35',
-    shortLabel: '35 Channels',
-    priceLabel: '3,860,000,000 Rials',
-    priceNumeric: 3860000000,
-    description: 'Refrigerated, 35 dedicated channels, powerful cooling system, soft delivery, 24/7 online management.',
-    highlights: ['Refrigerated', '35 dedicated channels', 'Soft delivery', '24/7 online management'],
-    image: '/images/machine-35-base.svg',
-    imageAlt: '/images/machine-35-white.svg',
-    gif: '/gifs/machine-35.gif',
-  },
-  {
-    id: 'rm-48',
-    name: 'Robot Market RM-48',
-    shortLabel: '48 Channels',
-    priceLabel: '4,480,000,000 Rials',
-    priceNumeric: 4480000000,
-    description: 'Refrigerated, 48 dedicated channels, advanced online management and delivery capabilities.',
-    highlights: ['Refrigerated', '48 dedicated channels', 'Advanced online management', 'Smart delivery'],
-    image: '/images/machine-48-base.svg',
-    imageAlt: '/images/machine-48-white.svg',
-    gif: '/gifs/machine-48.gif',
-  },
-  {
-    id: 'rm-60',
-    name: 'Robot Market RM-60',
-    shortLabel: '60 Channels',
-    priceLabel: '4,980,000,000 Rials',
-    priceNumeric: 4980000000,
-    description: 'Refrigerated, 60 dedicated channels for high-traffic businesses.',
-    highlights: ['Refrigerated', '60 dedicated channels', 'Ideal for high-traffic venues', 'High capacity'],
-    image: '/images/machine-60-base.svg',
-    imageAlt: '/images/machine-60-white.svg',
-    gif: '/gifs/machine-60.gif',
-  },
+    {
+        id: 'rm-35',
+        name: 'Robot Market RM-35',
+        shortLabel: '35 Channels',
+        priceLabel: '3,860,000,000 Rials',
+        priceNumeric: 3860000000,
+        description: 'Refrigerated, 35 dedicated channels, powerful cooling system, soft delivery, 24/7 online management.',
+        highlights: ['Refrigerated', '35 dedicated channels', 'Soft delivery', '24/7 online management'],
+        image: '/images/machine-35-base.png',
+        imageAlt: '/images/machine-35-white.png',
+        gif: '/gifs/machine-35.gif',
+    },
+    {
+        id: 'rm-48',
+        name: 'Robot Market RM-48',
+        shortLabel: '48 Channels',
+        priceLabel: '4,480,000,000 Rials',
+        priceNumeric: 4480000000,
+        description: 'Refrigerated, 48 dedicated channels, advanced online management and delivery capabilities.',
+        highlights: ['Refrigerated', '48 dedicated channels', 'Advanced online management', 'Smart delivery'],
+        image: '/images/machine-48-base.png',
+        imageAlt: '/images/machine-48-white.png',
+        gif: '/gifs/machine-48.gif',
+    },
+    {
+        id: 'rm-60',
+        name: 'Robot Market RM-60',
+        shortLabel: '60 Channels',
+        priceLabel: '4,980,000,000 Rials',
+        priceNumeric: 4980000000,
+        description: 'Refrigerated, 60 dedicated channels for high-traffic businesses.',
+        highlights: ['Refrigerated', '60 dedicated channels', 'Ideal for high-traffic venues', 'High capacity'],
+        image: '/images/machine-60-base.png',
+        imageAlt: '/images/machine-60-white.png',
+        gif: '/gifs/machine-60.gif',
+    },
 ];
 
 export const content = {
-  fa: {
-    dir: 'rtl',
-    lang: 'fa',
-    meta: {
-      title: 'روبات مارکت | دستگاه‌های وندینگ هوشمند',
-      description:
-        'روبات مارکت؛ دستگاه‌های فروش خودکار هوشمند با مدیریت آنلاین، تحویل نرم و طراحی مدرن.',
-    },
-    nav: {
-      home: 'خانه',
-      showcase: 'دستگاه‌ها',
-      about: 'درباره ما',
-      locations: 'مکان‌های نصب',
-      catalog: 'کاتالوگ محصولات',
-      video: 'ویدیوی معرفی',
-      map: 'نقشه',
-      support: 'پشتیبانی',
-      contact: 'تماس با ما',
-      login: 'ورود به پنل کاربری',
-    },
-    hero: {
-      loading: 'در حال بارگذاری روبات مارکت…',
-      cta: 'مشاهده دستگاه‌ها',
-      // هر اسلاید یک تصویر دستگاه + یک عنوان دو خطی بزرگ (شبیه سایت Sielaff) دارد.
-      // برای افزودن اسلاید جدید، فقط یک آیتم دیگر به این آرایه اضافه کنید.
-      slides: [
-        {
-          id: 'slide-1',
-          kicker: 'روبات مارکت',
-          titleLines: ['فروش خودکار،', 'هوشمند و بی‌وقفه'],
-          sub: 'تجربه‌ای نوین از خرید آسان و سریع با دستگاه‌های وندینگ روبات مارکت.',
-          image: '/images/machine-35-base.svg',
+    fa: {
+        dir: 'rtl',
+        lang: 'fa',
+        meta: {
+            title: 'روبات مارکت | دستگاه‌های وندینگ هوشمند',
+            description:
+                'روبات مارکت؛ دستگاه‌های فروش خودکار هوشمند با مدیریت آنلاین، تحویل نرم و طراحی مدرن.',
         },
-        {
-          id: 'slide-2',
-          kicker: 'یخچالدار',
-          titleLines: ['خنک‌کننده قدرتمند،', 'کیفیت تضمینی'],
-          sub: 'نگهداری اصولی تنقلات و نوشیدنی سرد، ۲۴ ساعته و بدون نیاز به نیروی انسانی.',
-          image: '/images/machine-48-base.svg',
+        nav: {
+            home: 'خانه',
+            showcase: 'دستگاه‌ها',
+            about: 'درباره ما',
+            locations: 'مکان‌های نصب',
+            catalog: 'کاتالوگ محصولات',
+            video: 'ویدیوی معرفی',
+            map: 'نقشه',
+            support: 'پشتیبانی',
+            contact: 'تماس با ما',
+            login: 'ورود به پنل کاربری',
         },
-        {
-          id: 'slide-3',
-          kicker: 'مدیریت آنلاین',
-          titleLines: ['کنترل کامل کسب‌وکار', 'از راه دور'],
-          sub: 'مدیریت موجودی، فروش و گزارش‌گیری آنلاین، هر ساعت از شبانه‌روز.',
-          image: '/images/machine-60-base.svg',
+        hero: {
+            loading: 'در حال بارگذاری روبات مارکت…',
+            cta: 'مشاهده دستگاه‌ها',
+            slides: [
+                {
+                    id: 'slide-1',
+                    kicker: 'روبات مارکت',
+                    titleLines: ['فروش خودکار،', 'هوشمند و بی‌وقفه'],
+                    sub: 'تجربه‌ای نوین از خرید آسان و سریع با دستگاه‌های وندینگ روبات مارکت.',
+                    image: '/images/machine-slide-0.png',
+                },
+                {
+                    id: 'slide-2',
+                    kicker: 'یخچالدار',
+                    titleLines: ['خنک‌کننده قدرتمند،', 'کیفیت تضمینی'],
+                    sub: 'نگهداری اصولی تنقلات و نوشیدنی سرد، ۲۴ ساعته و بدون نیاز به نیروی انسانی.',
+                    image: '/images/machine-slide-1.png',
+                },
+                {
+                    id: 'slide-3',
+                    kicker: 'مدیریت آنلاین',
+                    titleLines: ['کنترل کامل کسب‌وکار', 'از راه دور'],
+                    sub: 'مدیریت موجودی، فروش و گزارش‌گیری آنلاین، هر ساعت از شبانه‌روز.',
+                    image: '/images/machine-slide-2.png',
+                },
+            ],
+        },
+        cart: {
+            title: 'سبد خرید',
+            empty: 'سبد خرید شما خالی است',
+            total: 'جمع کل',
+            checkout: 'پرداخت / تسویه حساب',
+            checkoutToast: 'درگاه پرداخت به‌زودی متصل می‌شود.',
+            addToast: (name) => `${name} به سبد خرید اضافه شد`,
+        },
+        machineActions: {
+            addToCart: 'افزودن به سبد خرید',
+            quickView: 'مشاهده سریع',
+            wishlistAdd: 'افزودن به علاقه‌مندی‌ها',
+            wishlistRemove: 'حذف از علاقه‌مندی‌ها',
+            hoverHint: 'نشانگر را روی دستگاه حرکت دهید',
+            altVariant: 'رنگ جایگزین',
+            gifAlt: (name) => `نمایش عملکرد ${name}`,
+        },
+        machines: machinesFa,
+        trustedBy: {
+            eyebrow: 'اعتماد شما، افتخار ماست',
+            title: 'کسب‌وکارهایی که به روبات مارکت اعتماد کرده‌اند',
+            clients: [
+                {id: 'c1', name: 'هتل پارسیان'},
+                {id: 'c2', name: 'دانشگاه فردوسی'},
+                {id: 'c3', name: 'بیمارستان رضوی'},
+                {id: 'c4', name: 'فروشگاه‌های زنجیره‌ای رفاه'},
+                {id: 'c5', name: 'مجتمع اداری آسمان'},
+                {id: 'c6', name: 'باشگاه ورزشی تلاش'},
+            ],
+        },
+        features: [
+            {
+                id: 'warranty',
+                icon: 'safety',
+                title: 'ضمانت کالا',
+                description: 'کلیه محصولات شرکت دارای یک سال خدمات پس از فروش می‌باشند.'
+            },
+            {
+                id: 'consulting',
+                icon: 'consulting',
+                title: 'مشاوره تخصصی و رایگان',
+                description: 'خدمات مشاوره رایگان در مورد نوع دستگاه و چیدمان محصولات.'
+            },
+            {
+                id: 'installment',
+                icon: 'installment',
+                title: 'امکان خرید اقساطی',
+                description: 'امکان خرید اقساط با شرایط آسان و مناسب جهت کلیه مشاغل.'
+            },
+            {
+                id: 'packaging',
+                icon: 'packaging',
+                title: 'بسته‌بندی ایمن',
+                description: 'با درخواست شما، محصولات با بسته‌بندی باکس پالت با هزینه‌ای اندک ارسال می‌شود.'
+            },
+        ],
+        about: {
+            eyebrow: 'معرفی شرکت',
+            legalName: 'شرکت نگین سازان پیشگام رادمهر آتوسا',
+            more: 'ادامه مطلب',
+            less: 'نمایش کمتر',
+            paragraphs: [
+                'شرکت نگین سازان پیشگام رادمهر آتوسا با شماره ثبت ۸۴۰۹۴ با نام‌های «ایده آوران پیشگام آتوسا» به شماره ثبت ۶۳۰۹۷ و «پیشگام گستر نگین آتوسا» به شماره ثبت ۷۳۴۱۶، از سال ۱۳۹۶ فعالیت خود را با تولید دستگاه‌های دقیق فرآوری زعفران آغاز نمود و با تشکیل شبکه گسترده توزیع و پخش زعفران در سراسر کشور، در سال ۱۴۰۱ با تولید دستگاه‌های وندینگ ماشین با نام تجاری «روبات مارکت» ویژه فروش زعفران وارد این حوزه شد.',
+                'سال ۱۴۰۲ برای حفظ کیفیت زعفران، قابلیت سرمایش به این دستگاه‌ها افزوده شد و روبات مارکت قابلیت عرضه و فروش تنقلات و نوشیدنی سرد را نیز به دست آورد؛ تا اینکه در بهار سال ۱۴۰۳ با معرفی گسترده دستگاه‌های «روبات مارکت»، این ربات‌ها به‌عنوان فروشنده رسمی تنقلات و نوشیدنی‌های سرد در ایران معرفی شدند.',
+                'روبات مارکت تنها یک نام نیست، بلکه نماد تفکری نوین و پیشرو در صنعت فروش خودکار است. آنچه در روبات مارکت اتفاق می‌افتد با تکیه بر دانش فنی مهندسین و بهره‌گیری از تکنولوژی روز دنیا، تجلی پیدا کرده است. هر دستگاه روبات مارکت یک دستیار هوشمند و خستگی‌ناپذیر است که با دقت و سرعت بالا، پلی میان نیاز مصرف‌کنندگان و اهداف تجاری شما می‌سازد.',
+                'تعهد ما تولید دستگاه‌هایی با کیفیت بالا، طراحی مدرن و عملکردی بی‌نقص است تا تجربه‌ای متفاوت از خرید و درآمدزایی رقم بخورد. روبات مارکت نماد اعتماد، نوآوری و تلاش برای پیشرفت صنعت فروش خودکار است.',
+                'در کالبد روبات مارکت، صدها ساعت کار مهندسی و تست‌های عملیاتی نهفته است. ما بر این باوریم که دوام و طول عمر دستگاه‌ها مهم‌ترین شاخص برای سرمایه‌گذاری مشتریان ماست. به همین دلیل، در تمامی مراحل تولید، از انتخاب بهترین متریال و قطعات الکترونیک گرفته تا مونتاژ نهایی، استانداردهای سخت‌گیرانه‌ای را رعایت می‌کنیم تا دستگاه‌ها در شرایط مختلف، عملکردی پایدار و بدون نقص داشته باشند.',
+                'دستگاه‌های هوشمند ما با رابط کاربری ساده و در عین حال پیشرفته، تجربه‌ای لذت‌بخش را برای کاربران و خریداران فراهم می‌کنند. سیستم‌های پرداخت امن، قابلیت اتصال به اینترنت برای مدیریت آنلاین و نظارت بر قیمت اجناس، از جمله ویژگی‌هایی است که روبات مارکت را از سایر رقبا متمایز می‌کند. ما تلاش کرده‌ایم فرآیند خرید را به سادگی چند لمس ساده تبدیل کنیم تا مشتریان شما در هر ساعت از شبانه‌روز، در کمترین زمان به کالای موردنظر خود دسترسی پیدا کنند. روبات مارکت تنها یک تولیدکننده نیست، بلکه مشاوری قابل اعتماد برای توسعه کسب‌وکار شماست؛ لذا راهکارهای فروش خودکار متناسب با نیازهای شما طراحی و ارائه می‌شوند.',
+                'فرقی نمی‌کند یک فروشگاه زنجیره‌ای بزرگ داشته باشید یا مدیر یک مجموعه اداری کوچک باشید؛ دستگاه‌های ما این امکان را می‌دهند که بدون محدودیت زمانی و مکانی و بدون نگرانی از مشکلات نیروی انسانی، فروش خود را افزایش دهید.',
+                'آنچه از ورای تولیدات تخصصی و پیشروی روبات مارکت قابل مشاهده است، تکنولوژی‌ای است که جایگزین نمونه‌های خارجی شده و نه‌تنها نیازهای داخلی را برطرف می‌کند، بلکه در آینده‌ای نچندان دور سهم قابل رقابتی را در بازارهای خارجی از آن خود خواهد کرد. افتخار ما این است که محصولی ایرانی می‌سازیم که با استانداردهای جهانی رقابت می‌کند و گامی کوچک اما استوار در جهت خودکفایی و شکوفایی اقتصاد کشور برمی‌داریم.',
+            ],
+        },
+        locations: {
+            title: 'مکان مناسب برای نصب روبات مارکت',
+            items: [
+                {
+                    id: 'hotels',
+                    icon: 'hotel',
+                    title: 'هتل‌ها و مراکز اقامتی',
+                    description: 'هر جایی که جمعیت زیادی در صف انتظار قرار دارند، به‌جز درآمد، روبات مارکت جزو امکانات رفاهی آن مکان محسوب شده و میزان رضایت مراجعان را نیز افزایش می‌دهد.'
+                },
+                {
+                    id: 'schools',
+                    icon: 'school',
+                    title: 'مراکز آموزشی و مدارس',
+                    description: 'در صورتی که هر یک از دانش‌آموزان و دانشجویان برای خرید مایحتاج خود به خارج از مجموعه مراجعه کنند و خدای‌ناکرده اتفاقی بیفتد، مسئولیت آن مستقیماً به عهده مدیر آموزشگاه است. در نتیجه وجود یک روبات مارکت در هر آموزشگاه ضروری است.'
+                },
+                {
+                    id: 'pharmacies',
+                    icon: 'pharmacy',
+                    title: 'داروخانه‌ها و سوپرمارکت‌ها',
+                    description: 'برای فروش محصولات جنسی و پیشگیری، ویژه مشتریانی که برای خرید آن معذوریت دارند.'
+                },
+                {
+                    id: 'hospitals',
+                    icon: 'hospital',
+                    title: 'بیمارستان‌ها و مراکز درمانی',
+                    description: 'برای فروش محصولات جنسی و پیشگیری، ویژه مشتریانی که برای خرید آن معذوریت دارند.'
+                },
+                {
+                    id: 'night-shift',
+                    icon: 'night',
+                    title: 'کشیک شیفت شب',
+                    description: 'امکان تعبیه روبات مارکت پشت شیشه سکوریت مغازه‌ها نیز وجود دارد تا در زمان تعطیلی فروشگاه و حتی نیمه‌شب‌ها، روبات زحمتکش در حال خدمت‌دهی به مشتریان عزیز شما باشد.'
+                },
+                {
+                    id: 'specialty',
+                    icon: 'specialty',
+                    title: 'محصولات تخصصی',
+                    description: 'اگر تولیدکننده هستید یا نماینده تولیدکننده محصولی خاص هستید، یک روبات مارکت می‌تواند مسئولیت معرفی و عرضه محصولات تخصصی شما را نیز بر عهده بگیرد.'
+                },
+            ],
+        },
+        catalog: {
+            eyebrow: 'کاتالوگ محصولات',
+            title: 'محصولات قابل سفارش برای دستگاه شما',
+            subtitle:
+                'با خرید دستگاه روبات مارکت، می‌توانید این محصولات را با قیمت عمده و کمتر از بازار سفارش دهید؛ تیم ما هم چیدمان اولیه و شارژ دستگاه شما را انجام می‌دهد.',
+            addToOrder: 'افزودن به سفارش',
+            originalPriceLabel: 'قیمت بازار',
+            machinePriceLabel: 'قیمت ویژه مشتریان روبات مارکت',
+            addToast: (name) => `${name} به لیست سفارش اضافه شد`,
+            items: [
+                {
+                    id: 'saffron',
+                    name: 'زعفران ممتاز درجه‌یک',
+                    category: 'زعفران',
+                    image: '/images/catalog/saffron.svg',
+                    originalPriceNumeric: 12000000,
+                    priceNumeric: 8900000
+                },
+                {
+                    id: 'chips',
+                    name: 'چیپس و پفک (بسته عمده)',
+                    category: 'تنقلات',
+                    image: '/images/snacks/chips-1.svg',
+                    originalPriceNumeric: 450000,
+                    priceNumeric: 320000
+                },
+                {
+                    id: 'soda',
+                    name: 'نوشابه و نوشیدنی گازدار',
+                    category: 'نوشیدنی',
+                    image: '/images/snacks/soda-1.svg',
+                    originalPriceNumeric: 250000,
+                    priceNumeric: 180000
+                },
+                {
+                    id: 'water',
+                    name: 'آب معدنی',
+                    category: 'نوشیدنی',
+                    image: '/images/catalog/water.svg',
+                    originalPriceNumeric: 120000,
+                    priceNumeric: 80000
+                },
+                {
+                    id: 'coffee',
+                    name: 'قهوه فوری',
+                    category: 'گرم',
+                    image: '/images/catalog/coffee.svg',
+                    originalPriceNumeric: 650000,
+                    priceNumeric: 470000
+                },
+                {
+                    id: 'tea',
+                    name: 'چای کیسه‌ای',
+                    category: 'گرم',
+                    image: '/images/catalog/tea.svg',
+                    originalPriceNumeric: 380000,
+                    priceNumeric: 270000
+                },
+            ],
+        },
+        introVideo: {
+            eyebrow: 'ویدیوی معرفی',
+            title: 'با روبات مارکت آشنا شوید',
+            subtitle: 'نگاهی کوتاه به کارخانه، فرآیند تولید و عملکرد دستگاه‌های روبات مارکت.',
+            videoNotSupported: 'مرورگر شما از پخش ویدیو پشتیبانی نمی‌کند.',
+        },
+        map: {
+            eyebrow: 'موقعیت ما روی نقشه',
+            title: 'کارخانه و دفاتر روبات مارکت',
+            factoryLabel: 'کارخانه',
+            salesLabel: 'دفتر فروش مرکزی',
+            openInMaps: 'مشاهده در نشان',
+            configNotice: 'برای فعال شدن نقشه، کلید API نشان را در تنظیمات پروژه قرار دهید.',
+        },
+        ticket: {
+            eyebrow: 'پشتیبانی',
+            title: 'ثبت تیکت پشتیبانی',
+            subtitle: 'سوال یا درخواستی دارید؟ فرم زیر را پر کنید تا تیم پشتیبانی در سریع‌ترین زمان با شما تماس بگیرد.',
+            name: 'نام و نام خانوادگی',
+            namePlaceholder: 'مثال: علی رضایی',
+            phone: 'شماره تماس',
+            phonePlaceholder: '09xxxxxxxxx',
+            email: 'ایمیل (اختیاری)',
+            emailPlaceholder: 'example@email.com',
+            subject: 'موضوع',
+            subjectPlaceholder: 'موضوع درخواست خود را بنویسید',
+            priority: 'اولویت',
+            priorities: [
+                {value: 'low', label: 'کم'},
+                {value: 'medium', label: 'متوسط'},
+                {value: 'high', label: 'فوری'},
+            ],
+            message: 'پیام شما',
+            messagePlaceholder: 'توضیحات کامل درخواست یا مشکل خود را بنویسید…',
+            submit: 'ارسال تیکت',
+            requiredMsg: 'این فیلد الزامی است',
+            invalidPhone: 'شماره تماس معتبر نیست',
+            invalidEmail: 'ایمیل معتبر نیست',
+            successMsg: 'تیکت شما با موفقیت ثبت شد. به‌زودی با شما تماس می‌گیریم.',
+        },
+        chat: {
+            fabLabel: 'گفتگوی آنلاین',
+            title: 'پشتیبانی آنلاین روبات مارکت',
+            placeholder: 'پیام خود را بنویسید…',
+            send: 'ارسال',
+            initialBotMessage: 'سلام! 👋 چطور می‌تونم امروز کمکتون کنم؟',
+            fallbackReply: 'ممنون از پیامتون؛ همکاران ما به‌زودی پاسخ می‌دهند.',
+        },
+        footer: {
+            aboutLabel: 'روبات مارکت',
+            aboutText: 'ارائه‌دهنده دستگاه‌های وندینگ هوشمند برای کسب‌وکارهای مدرن — محصولی از شرکت نگین سازان پیشگام رادمهر آتوسا.',
+            quickLinks: 'دسترسی سریع',
+            contactTitle: 'تماس با ما',
+            factoryLabel: 'کارخانه',
+            salesLabel: 'دفتر فروش مرکزی',
+            rights: 'تمامی حقوق محفوظ است.',
+        },
+        contactInfo: {
+            orderPhone: '۰۹۱۵۱۶۰۱۸۴۷',
+            orderPhoneHref: '09151601847',
+            factoryAddress: 'مشهد، کیلومتر ۸ جاده مشهد - چناران، دور برگردان اصلی شهرک صنعتی توس به سمت مشهد، بعد از نیروگاه، اولین فرعی سمت راست (خیابان کاله)، اولین کوچه سمت راست، پلاک ۱۱۰، شرکت نگین سازان پیشگام رادمهر آتوسا',
+            salesOfficeAddress: 'مشهد، نبش پیامبر اعظم ۷، جنب بیمارستان رضوی، برج نخل، واحد ۴۰۱',
+            socialLinks: [
+                {id: 'instagram', label: 'صفحه اینستاگرام', href: 'http://instagram.com/vending_machin_life'},
+                {id: 'bale-join', label: 'کانال پیام‌رسان بله', href: 'https://ble.ir/join/AiTbV6UpBA'},
+                {id: 'bale-site', label: 'وب‌سایت', href: 'https://my-rm.com/'},
+            ],
         },
-      ],
     },
-    cart: {
-      title: 'سبد خرید',
-      empty: 'سبد خرید شما خالی است',
-      total: 'جمع کل',
-      checkout: 'پرداخت / تسویه حساب',
-      checkoutToast: 'درگاه پرداخت به‌زودی متصل می‌شود.',
-      addToast: (name) => `${name} به سبد خرید اضافه شد`,
-    },
-    machineActions: {
-      addToCart: 'افزودن به سبد خرید',
-      quickView: 'مشاهده سریع',
-      wishlistAdd: 'افزودن به علاقه‌مندی‌ها',
-      wishlistRemove: 'حذف از علاقه‌مندی‌ها',
-      hoverHint: 'نشانگر را روی دستگاه حرکت دهید',
-      altVariant: 'رنگ جایگزین',
-      gifAlt: (name) => `نمایش عملکرد ${name}`,
-    },
-    machines: machinesFa,
-    trustedBy: {
-      eyebrow: 'اعتماد شما، افتخار ماست',
-      title: 'کسب‌وکارهایی که به روبات مارکت اعتماد کرده‌اند',
-      // اسم‌های نمونه/فرضی هستند — با نام مشتریان واقعی جایگزین کنید.
-      clients: [
-        { id: 'c1', name: 'هتل پارسیان' },
-        { id: 'c2', name: 'دانشگاه فردوسی' },
-        { id: 'c3', name: 'بیمارستان رضوی' },
-        { id: 'c4', name: 'فروشگاه‌های زنجیره‌ای رفاه' },
-        { id: 'c5', name: 'مجتمع اداری آسمان' },
-        { id: 'c6', name: 'باشگاه ورزشی تلاش' },
-      ],
-    },
-    features: [
-      { id: 'warranty', icon: 'safety', title: 'ضمانت کالا', description: 'کلیه محصولات شرکت دارای یک سال خدمات پس از فروش می‌باشند.' },
-      { id: 'consulting', icon: 'consulting', title: 'مشاوره تخصصی و رایگان', description: 'خدمات مشاوره رایگان در مورد نوع دستگاه و چیدمان محصولات.' },
-      { id: 'installment', icon: 'installment', title: 'امکان خرید اقساطی', description: 'امکان خرید اقساط با شرایط آسان و مناسب جهت کلیه مشاغل.' },
-      { id: 'packaging', icon: 'packaging', title: 'بسته‌بندی ایمن', description: 'با درخواست شما، محصولات با بسته‌بندی باکس پالت با هزینه‌ای اندک ارسال می‌شود.' },
-    ],
-    about: {
-      eyebrow: 'معرفی شرکت',
-      legalName: 'شرکت نگین سازان پیشگام رادمهر آتوسا',
-      more: 'ادامه مطلب',
-      less: 'نمایش کمتر',
-      paragraphs: [
-        'شرکت نگین سازان پیشگام رادمهر آتوسا با شماره ثبت ۸۴۰۹۴ با نام‌های «ایده آوران پیشگام آتوسا» به شماره ثبت ۶۳۰۹۷ و «پیشگام گستر نگین آتوسا» به شماره ثبت ۷۳۴۱۶، از سال ۱۳۹۶ فعالیت خود را با تولید دستگاه‌های دقیق فرآوری زعفران آغاز نمود و با تشکیل شبکه گسترده توزیع و پخش زعفران در سراسر کشور، در سال ۱۴۰۱ با تولید دستگاه‌های وندینگ ماشین با نام تجاری «روبات مارکت» ویژه فروش زعفران وارد این حوزه شد.',
-        'سال ۱۴۰۲ برای حفظ کیفیت زعفران، قابلیت سرمایش به این دستگاه‌ها افزوده شد و روبات مارکت قابلیت عرضه و فروش تنقلات و نوشیدنی سرد را نیز به دست آورد؛ تا اینکه در بهار سال ۱۴۰۳ با معرفی گسترده دستگاه‌های «روبات مارکت»، این ربات‌ها به‌عنوان فروشنده رسمی تنقلات و نوشیدنی‌های سرد در ایران معرفی شدند.',
-        'روبات مارکت تنها یک نام نیست، بلکه نماد تفکری نوین و پیشرو در صنعت فروش خودکار است. آنچه در روبات مارکت اتفاق می‌افتد با تکیه بر دانش فنی مهندسین و بهره‌گیری از تکنولوژی روز دنیا، تجلی پیدا کرده است. هر دستگاه روبات مارکت یک دستیار هوشمند و خستگی‌ناپذیر است که با دقت و سرعت بالا، پلی میان نیاز مصرف‌کنندگان و اهداف تجاری شما می‌سازد.',
-        'تعهد ما تولید دستگاه‌هایی با کیفیت بالا، طراحی مدرن و عملکردی بی‌نقص است تا تجربه‌ای متفاوت از خرید و درآمدزایی رقم بخورد. روبات مارکت نماد اعتماد، نوآوری و تلاش برای پیشرفت صنعت فروش خودکار است.',
-        'در کالبد روبات مارکت، صدها ساعت کار مهندسی و تست‌های عملیاتی نهفته است. ما بر این باوریم که دوام و طول عمر دستگاه‌ها مهم‌ترین شاخص برای سرمایه‌گذاری مشتریان ماست. به همین دلیل، در تمامی مراحل تولید، از انتخاب بهترین متریال و قطعات الکترونیک گرفته تا مونتاژ نهایی، استانداردهای سخت‌گیرانه‌ای را رعایت می‌کنیم تا دستگاه‌ها در شرایط مختلف، عملکردی پایدار و بدون نقص داشته باشند.',
-        'دستگاه‌های هوشمند ما با رابط کاربری ساده و در عین حال پیشرفته، تجربه‌ای لذت‌بخش را برای کاربران و خریداران فراهم می‌کنند. سیستم‌های پرداخت امن، قابلیت اتصال به اینترنت برای مدیریت آنلاین و نظارت بر قیمت اجناس، از جمله ویژگی‌هایی است که روبات مارکت را از سایر رقبا متمایز می‌کند. ما تلاش کرده‌ایم فرآیند خرید را به سادگی چند لمس ساده تبدیل کنیم تا مشتریان شما در هر ساعت از شبانه‌روز، در کمترین زمان به کالای موردنظر خود دسترسی پیدا کنند. روبات مارکت تنها یک تولیدکننده نیست، بلکه مشاوری قابل اعتماد برای توسعه کسب‌وکار شماست؛ لذا راهکارهای فروش خودکار متناسب با نیازهای شما طراحی و ارائه می‌شوند.',
-        'فرقی نمی‌کند یک فروشگاه زنجیره‌ای بزرگ داشته باشید یا مدیر یک مجموعه اداری کوچک باشید؛ دستگاه‌های ما این امکان را می‌دهند که بدون محدودیت زمانی و مکانی و بدون نگرانی از مشکلات نیروی انسانی، فروش خود را افزایش دهید.',
-        'آنچه از ورای تولیدات تخصصی و پیشروی روبات مارکت قابل مشاهده است، تکنولوژی‌ای است که جایگزین نمونه‌های خارجی شده و نه‌تنها نیازهای داخلی را برطرف می‌کند، بلکه در آینده‌ای نچندان دور سهم قابل رقابتی را در بازارهای خارجی از آن خود خواهد کرد. افتخار ما این است که محصولی ایرانی می‌سازیم که با استانداردهای جهانی رقابت می‌کند و گامی کوچک اما استوار در جهت خودکفایی و شکوفایی اقتصاد کشور برمی‌داریم.',
-      ],
-    },
-    locations: {
-      title: 'مکان مناسب برای نصب روبات مارکت',
-      items: [
-        { id: 'hotels', icon: 'hotel', title: 'هتل‌ها و مراکز اقامتی', description: 'هر جایی که جمعیت زیادی در صف انتظار قرار دارند، به‌جز درآمد، روبات مارکت جزو امکانات رفاهی آن مکان محسوب شده و میزان رضایت مراجعان را نیز افزایش می‌دهد.' },
-        { id: 'schools', icon: 'school', title: 'مراکز آموزشی و مدارس', description: 'در صورتی که هر یک از دانش‌آموزان و دانشجویان برای خرید مایحتاج خود به خارج از مجموعه مراجعه کنند و خدای‌ناکرده اتفاقی بیفتد، مسئولیت آن مستقیماً به عهده مدیر آموزشگاه است. در نتیجه وجود یک روبات مارکت در هر آموزشگاه ضروری است.' },
-        { id: 'pharmacies', icon: 'pharmacy', title: 'داروخانه‌ها و سوپرمارکت‌ها', description: 'برای فروش محصولات جنسی و پیشگیری، ویژه مشتریانی که برای خرید آن معذوریت دارند.' },
-        { id: 'hospitals', icon: 'hospital', title: 'بیمارستان‌ها و مراکز درمانی', description: 'برای فروش محصولات جنسی و پیشگیری، ویژه مشتریانی که برای خرید آن معذوریت دارند.' },
-        { id: 'night-shift', icon: 'night', title: 'کشیک شیفت شب', description: 'امکان تعبیه روبات مارکت پشت شیشه سکوریت مغازه‌ها نیز وجود دارد تا در زمان تعطیلی فروشگاه و حتی نیمه‌شب‌ها، روبات زحمتکش در حال خدمت‌دهی به مشتریان عزیز شما باشد.' },
-        { id: 'specialty', icon: 'specialty', title: 'محصولات تخصصی', description: 'اگر تولیدکننده هستید یا نماینده تولیدکننده محصولی خاص هستید، یک روبات مارکت می‌تواند مسئولیت معرفی و عرضه محصولات تخصصی شما را نیز بر عهده بگیرد.' },
-      ],
-    },
-    catalog: {
-      eyebrow: 'کاتالوگ محصولات',
-      title: 'محصولات قابل سفارش برای دستگاه شما',
-      subtitle:
-        'با خرید دستگاه روبات مارکت، می‌توانید این محصولات را با قیمت عمده و کمتر از بازار سفارش دهید؛ تیم ما هم چیدمان اولیه و شارژ دستگاه شما را انجام می‌دهد.',
-      addToOrder: 'افزودن به سفارش',
-      originalPriceLabel: 'قیمت بازار',
-      machinePriceLabel: 'قیمت ویژه مشتریان روبات مارکت',
-      addToast: (name) => `${name} به لیست سفارش اضافه شد`,
-      items: [
-        { id: 'saffron', name: 'زعفران ممتاز درجه‌یک', category: 'زعفران', image: '/images/catalog/saffron.svg', originalPriceNumeric: 12000000, priceNumeric: 8900000 },
-        { id: 'chips', name: 'چیپس و پفک (بسته عمده)', category: 'تنقلات', image: '/images/snacks/chips-1.svg', originalPriceNumeric: 450000, priceNumeric: 320000 },
-        { id: 'soda', name: 'نوشابه و نوشیدنی گازدار', category: 'نوشیدنی', image: '/images/snacks/soda-1.svg', originalPriceNumeric: 250000, priceNumeric: 180000 },
-        { id: 'water', name: 'آب معدنی', category: 'نوشیدنی', image: '/images/catalog/water.svg', originalPriceNumeric: 120000, priceNumeric: 80000 },
-        { id: 'coffee', name: 'قهوه فوری', category: 'گرم', image: '/images/catalog/coffee.svg', originalPriceNumeric: 650000, priceNumeric: 470000 },
-        { id: 'tea', name: 'چای کیسه‌ای', category: 'گرم', image: '/images/catalog/tea.svg', originalPriceNumeric: 380000, priceNumeric: 270000 },
-      ],
-    },
-    introVideo: {
-      eyebrow: 'ویدیوی معرفی',
-      title: 'با روبات مارکت آشنا شوید',
-      subtitle: 'نگاهی کوتاه به کارخانه، فرآیند تولید و عملکرد دستگاه‌های روبات مارکت.',
-      videoNotSupported: 'مرورگر شما از پخش ویدیو پشتیبانی نمی‌کند.',
-    },
-    map: {
-      eyebrow: 'موقعیت ما روی نقشه',
-      title: 'کارخانه و دفاتر روبات مارکت',
-      factoryLabel: 'کارخانه',
-      salesLabel: 'دفتر فروش مرکزی',
-      openInMaps: 'مشاهده در نشان',
-      configNotice: 'برای فعال شدن نقشه، کلید API نشان را در تنظیمات پروژه قرار دهید.',
-    },
-    ticket: {
-      eyebrow: 'پشتیبانی',
-      title: 'ثبت تیکت پشتیبانی',
-      subtitle: 'سوال یا درخواستی دارید؟ فرم زیر را پر کنید تا تیم پشتیبانی در سریع‌ترین زمان با شما تماس بگیرد.',
-      name: 'نام و نام خانوادگی',
-      namePlaceholder: 'مثال: علی رضایی',
-      phone: 'شماره تماس',
-      phonePlaceholder: '09xxxxxxxxx',
-      email: 'ایمیل (اختیاری)',
-      emailPlaceholder: 'example@email.com',
-      subject: 'موضوع',
-      subjectPlaceholder: 'موضوع درخواست خود را بنویسید',
-      priority: 'اولویت',
-      priorities: [
-        { value: 'low', label: 'کم' },
-        { value: 'medium', label: 'متوسط' },
-        { value: 'high', label: 'فوری' },
-      ],
-      message: 'پیام شما',
-      messagePlaceholder: 'توضیحات کامل درخواست یا مشکل خود را بنویسید…',
-      submit: 'ارسال تیکت',
-      requiredMsg: 'این فیلد الزامی است',
-      invalidPhone: 'شماره تماس معتبر نیست',
-      invalidEmail: 'ایمیل معتبر نیست',
-      successMsg: 'تیکت شما با موفقیت ثبت شد. به‌زودی با شما تماس می‌گیریم.',
-    },
-    chat: {
-      fabLabel: 'گفتگوی آنلاین',
-      title: 'پشتیبانی آنلاین روبات مارکت',
-      placeholder: 'پیام خود را بنویسید…',
-      send: 'ارسال',
-      initialBotMessage: 'سلام! 👋 چطور می‌تونم امروز کمکتون کنم؟',
-      fallbackReply: 'ممنون از پیامتون؛ همکاران ما به‌زودی پاسخ می‌دهند.',
-    },
-    footer: {
-      aboutLabel: 'روبات مارکت',
-      aboutText: 'ارائه‌دهنده دستگاه‌های وندینگ هوشمند برای کسب‌وکارهای مدرن — محصولی از شرکت نگین سازان پیشگام رادمهر آتوسا.',
-      quickLinks: 'دسترسی سریع',
-      contactTitle: 'تماس با ما',
-      factoryLabel: 'کارخانه',
-      salesLabel: 'دفتر فروش مرکزی',
-      rights: 'تمامی حقوق محفوظ است.',
-    },
-    contactInfo: {
-      orderPhone: '۰۹۱۵۱۶۰۱۸۴۷',
-      orderPhoneHref: '09151601847',
-      factoryAddress: 'مشهد، کیلومتر ۸ جاده مشهد - چناران، دور برگردان اصلی شهرک صنعتی توس به سمت مشهد، بعد از نیروگاه، اولین فرعی سمت راست (خیابان کاله)، اولین کوچه سمت راست، پلاک ۱۱۰، شرکت نگین سازان پیشگام رادمهر آتوسا',
-      salesOfficeAddress: 'مشهد، نبش پیامبر اعظم ۷، جنب بیمارستان رضوی، برج نخل، واحد ۴۰۱',
-      socialLinks: [
-        { id: 'instagram', label: 'صفحه اینستاگرام', href: 'http://instagram.com/vending_machin_life' },
-        { id: 'bale-join', label: 'کانال پیام‌رسان بله', href: 'https://ble.ir/join/AiTbV6UpBA' },
-        { id: 'bale-site', label: 'وب‌سایت', href: 'https://my-rm.com/' },
-      ],
-    },
-  },
 
-  en: {
-    dir: 'ltr',
-    lang: 'en',
-    meta: {
-      title: 'Robot Market | Smart Vending Machines',
-      description:
-        'Robot Market — smart vending machines with online management, soft delivery and modern design.',
-    },
-    nav: {
-      home: 'Home',
-      showcase: 'Machines',
-      about: 'About Us',
-      locations: 'Where to Install',
-      catalog: 'Product Catalog',
-      video: 'Intro Video',
-      map: 'Map',
-      support: 'Support',
-      contact: 'Contact',
-      login: 'Sign In',
-    },
-    hero: {
-      loading: 'Loading Robot Market…',
-      cta: 'View Machines',
-      slides: [
-        {
-          id: 'slide-1',
-          kicker: 'Robot Market',
-          titleLines: ['Automated selling,', 'smart & non-stop'],
-          sub: 'A new experience of fast, easy shopping with Robot Market vending machines.',
-          image: '/images/machine-35-base.svg',
+    en: {
+        dir: 'ltr',
+        lang: 'en',
+        meta: {
+            title: 'Robot Market | Smart Vending Machines',
+            description:
+                'Robot Market — smart vending machines with online management, soft delivery and modern design.',
         },
-        {
-          id: 'slide-2',
-          kicker: 'Refrigerated',
-          titleLines: ['Powerful cooling,', 'guaranteed quality'],
-          sub: 'Proper storage for snacks and cold drinks, 24/7, with no staff required.',
-          image: '/images/machine-48-base.svg',
+        nav: {
+            home: 'Home',
+            showcase: 'Machines',
+            about: 'About Us',
+            locations: 'Where to Install',
+            catalog: 'Product Catalog',
+            video: 'Intro Video',
+            map: 'Map',
+            support: 'Support',
+            contact: 'Contact',
+            login: 'Sign In',
         },
-        {
-          id: 'slide-3',
-          kicker: 'Online Management',
-          titleLines: ['Full control of your', 'business, remotely'],
-          sub: 'Manage inventory, sales, and reports online, any hour of the day.',
-          image: '/images/machine-60-base.svg',
+        hero: {
+            loading: 'Loading Robot Market…',
+            cta: 'View Machines',
+            slides: [
+                {
+                    id: 'slide-1',
+                    kicker: 'Robot Market',
+                    titleLines: ['Automated selling,', 'smart & non-stop'],
+                    sub: 'A new experience of fast, easy shopping with Robot Market vending machines.',
+                    image: '/images/machine-slide-0.png',
+                },
+                {
+                    id: 'slide-2',
+                    kicker: 'Refrigerated',
+                    titleLines: ['Powerful cooling,', 'guaranteed quality'],
+                    sub: 'Proper storage for snacks and cold drinks, 24/7, with no staff required.',
+                    image: '/images/machine-slide-1.png',
+                },
+                {
+                    id: 'slide-3',
+                    kicker: 'Online Management',
+                    titleLines: ['Full control of your', 'business, remotely'],
+                    sub: 'Manage inventory, sales, and reports online, any hour of the day.',
+                    image: '/images/machine-slide-2.png',
+                },
+            ],
+        },
+        cart: {
+            title: 'Cart',
+            empty: 'Your cart is empty',
+            total: 'Total',
+            checkout: 'Checkout',
+            checkoutToast: 'Payment gateway will be connected soon.',
+            addToast: (name) => `${name} added to cart`,
+        },
+        machineActions: {
+            addToCart: 'Add to Cart',
+            quickView: 'Quick View',
+            wishlistAdd: 'Add to Wishlist',
+            wishlistRemove: 'Remove from Wishlist',
+            hoverHint: 'Move your cursor over the machine',
+            altVariant: 'Alternate color',
+            gifAlt: (name) => `${name} in action`,
+        },
+        machines: machinesEn,
+        trustedBy: {
+            eyebrow: 'Trusted by businesses like yours',
+            title: 'Businesses That Trust Robot Market',
+            // Sample/placeholder names — replace with real client names.
+            clients: [
+                {id: 'c1', name: 'Parsian Hotel'},
+                {id: 'c2', name: 'Ferdowsi University'},
+                {id: 'c3', name: 'Razavi Hospital'},
+                {id: 'c4', name: 'Refah Retail Chain'},
+                {id: 'c5', name: 'Asemaan Office Complex'},
+                {id: 'c6', name: 'Talash Sports Club'},
+            ],
+        },
+        features: [
+            {
+                id: 'warranty',
+                icon: 'safety',
+                title: 'Product Warranty',
+                description: 'All our products come with one year of after-sales service.'
+            },
+            {
+                id: 'consulting',
+                icon: 'consulting',
+                title: 'Free Expert Consulting',
+                description: 'Free consulting on the right machine type and product layout.'
+            },
+            {
+                id: 'installment',
+                icon: 'installment',
+                title: 'Installment Purchase',
+                description: 'Flexible, easy installment plans suitable for any business.'
+            },
+            {
+                id: 'packaging',
+                icon: 'packaging',
+                title: 'Secure Packaging',
+                description: 'On request, products ship in pallet-box packaging for a small fee.'
+            },
+        ],
+        about: {
+            eyebrow: 'Company Profile',
+            legalName: 'Negin Sazan Pishgam Radmehr Atousa Co.',
+            more: 'Read more',
+            less: 'Show less',
+            paragraphs: [
+                'Negin Sazan Pishgam Radmehr Atousa Co. (registration No. 84094), also known as "Ideh Avaran Pishgam Atousa" (No. 63097) and "Pishgam Gostar Negin Atousa" (No. 73416), began operations in 2017 producing precision saffron-processing machines. After building a nationwide saffron distribution network, in 2022 the company entered the vending-machine industry with saffron-dedicated machines under the "Robot Market" brand.',
+                'In 2023, cooling capability was added to preserve saffron quality, and Robot Market gained the ability to sell snacks and cold drinks as well. By spring 2024, with the wide rollout of "Robot Market" machines, these robots were introduced as an official retailer of snacks and cold drinks in Iran.',
+                'Robot Market is not just a name — it is a symbol of a modern, forward-looking way of thinking in the vending industry. What happens inside Robot Market is the result of our engineers\' technical expertise combined with today\'s technology. Every Robot Market machine is a tireless, intelligent assistant that bridges consumer needs and your business goals with precision and speed.',
+                'Our commitment is to build high-quality machines with modern design and flawless performance, delivering a different experience of shopping and revenue generation. Robot Market stands for trust, innovation, and continuous progress in the vending industry.',
+                'Hundreds of hours of engineering work and operational testing go into every Robot Market unit. We believe durability and machine lifespan are the most important measures of our customers\' investment. That is why, from selecting the best materials and electronic components to final assembly, we follow strict standards so our machines perform reliably in any condition.',
+                'Our smart machines offer a simple yet advanced user interface for an enjoyable experience. Secure payment systems and internet connectivity for online management and price monitoring set Robot Market apart from competitors. We have made the purchase process as simple as a few taps, so your customers can access what they need, any time of day, in the shortest time possible. Robot Market is not just a manufacturer — it is a trusted advisor for growing your business, designing automated sales solutions tailored to your needs.',
+                'Whether you run a large retail chain or manage a small office, our machines let you increase sales without time or location limits, and without worrying about staffing issues.',
+                'Behind Robot Market\'s specialized, forward-looking products lies technology that replaces foreign alternatives — meeting domestic needs today, and poised to compete meaningfully in export markets in the near future. We take pride in building an Iranian product that competes with global standards — a small but firm step toward self-sufficiency and economic growth.',
+            ],
+        },
+        locations: {
+            title: 'Ideal Locations for a Robot Market Machine',
+            items: [
+                {
+                    id: 'hotels',
+                    icon: 'hotel',
+                    title: 'Hotels & Accommodations',
+                    description: 'Anywhere large crowds wait in line — beyond the revenue, Robot Market becomes an amenity that increases guest satisfaction.'
+                },
+                {
+                    id: 'schools',
+                    icon: 'school',
+                    title: 'Schools & Educational Centers',
+                    description: 'If a student has to leave campus to buy something and, God forbid, an incident occurs, responsibility falls directly on the school administrator. A Robot Market on-site is essential.'
+                },
+                {
+                    id: 'pharmacies',
+                    icon: 'pharmacy',
+                    title: 'Pharmacies & Supermarkets',
+                    description: 'For selling personal/health products discreetly, for customers who prefer not to purchase them in person.'
+                },
+                {
+                    id: 'hospitals',
+                    icon: 'hospital',
+                    title: 'Hospitals & Medical Centers',
+                    description: 'For selling personal/health products discreetly, for customers who prefer not to purchase them in person.'
+                },
+                {
+                    id: 'night-shift',
+                    icon: 'night',
+                    title: 'Night-Shift Coverage',
+                    description: 'Robot Market can be installed behind a shop\'s security glass, serving customers even after closing time and in the middle of the night.'
+                },
+                {
+                    id: 'specialty',
+                    icon: 'specialty',
+                    title: 'Specialty Products',
+                    description: 'If you manufacture or represent a specific product line, a Robot Market machine can take on introducing and offering your specialty products too.'
+                },
+            ],
+        },
+        catalog: {
+            eyebrow: 'Product Catalog',
+            title: 'Products You Can Order for Your Machine',
+            subtitle:
+                'When you buy a Robot Market machine, you can order these products at a wholesale price below market rate — our team also handles the initial stocking and layout for you.',
+            addToOrder: 'Add to Order',
+            originalPriceLabel: 'Market price',
+            machinePriceLabel: 'Robot Market customer price',
+            addToast: (name) => `${name} added to your order`,
+            items: [
+                {
+                    id: 'saffron',
+                    name: 'Premium Grade-1 Saffron',
+                    category: 'Saffron',
+                    image: '/images/catalog/saffron.svg',
+                    originalPriceNumeric: 12000000,
+                    priceNumeric: 8900000
+                },
+                {
+                    id: 'chips',
+                    name: 'Chips & Crisps (bulk pack)',
+                    category: 'Snacks',
+                    image: '/images/snacks/chips-1.svg',
+                    originalPriceNumeric: 450000,
+                    priceNumeric: 320000
+                },
+                {
+                    id: 'soda',
+                    name: 'Soda & Carbonated Drinks',
+                    category: 'Drinks',
+                    image: '/images/snacks/soda-1.svg',
+                    originalPriceNumeric: 250000,
+                    priceNumeric: 180000
+                },
+                {
+                    id: 'water',
+                    name: 'Mineral Water',
+                    category: 'Drinks',
+                    image: '/images/catalog/water.svg',
+                    originalPriceNumeric: 120000,
+                    priceNumeric: 80000
+                },
+                {
+                    id: 'coffee',
+                    name: 'Instant Coffee',
+                    category: 'Hot Drinks',
+                    image: '/images/catalog/coffee.svg',
+                    originalPriceNumeric: 650000,
+                    priceNumeric: 470000
+                },
+                {
+                    id: 'tea',
+                    name: 'Tea Bags',
+                    category: 'Hot Drinks',
+                    image: '/images/catalog/tea.svg',
+                    originalPriceNumeric: 380000,
+                    priceNumeric: 270000
+                },
+            ],
+        },
+        introVideo: {
+            eyebrow: 'Intro Video',
+            title: 'Get to Know Robot Market',
+            subtitle: 'A short look at the factory, our production process, and the machines in action.',
+            videoNotSupported: 'Your browser does not support video playback.',
+        },
+        map: {
+            eyebrow: 'Find Us on the Map',
+            title: 'Robot Market Factory & Offices',
+            factoryLabel: 'Factory',
+            salesLabel: 'Central Sales Office',
+            openInMaps: 'Open in Neshan',
+            configNotice: 'Add your Neshan API key in the project settings to activate the map.',
+        },
+        ticket: {
+            eyebrow: 'Support',
+            title: 'Submit a Support Ticket',
+            subtitle: 'Have a question or request? Fill out the form below and our support team will get back to you as soon as possible.',
+            name: 'Full Name',
+            namePlaceholder: 'e.g. John Smith',
+            phone: 'Phone Number',
+            phonePlaceholder: '09xxxxxxxxx',
+            email: 'Email (optional)',
+            emailPlaceholder: 'example@email.com',
+            subject: 'Subject',
+            subjectPlaceholder: 'Write the subject of your request',
+            priority: 'Priority',
+            priorities: [
+                {value: 'low', label: 'Low'},
+                {value: 'medium', label: 'Medium'},
+                {value: 'high', label: 'Urgent'},
+            ],
+            message: 'Your Message',
+            messagePlaceholder: 'Describe your request or issue in full…',
+            submit: 'Submit Ticket',
+            requiredMsg: 'This field is required',
+            invalidPhone: 'Invalid phone number',
+            invalidEmail: 'Invalid email address',
+            successMsg: 'Your ticket was submitted successfully. We will contact you soon.',
+        },
+        chat: {
+            fabLabel: 'Live Chat',
+            title: 'Robot Market Live Support',
+            placeholder: 'Type your message…',
+            send: 'Send',
+            initialBotMessage: "Hi! 👋 How can we help you today?",
+            fallbackReply: "Thanks for your message — our team will reply shortly.",
+        },
+        footer: {
+            aboutLabel: 'Robot Market',
+            aboutText: 'Smart vending machines for modern businesses — a product of Negin Sazan Pishgam Radmehr Atousa Co.',
+            quickLinks: 'Quick Links',
+            contactTitle: 'Contact Us',
+            factoryLabel: 'Factory',
+            salesLabel: 'Central Sales Office',
+            rights: 'All rights reserved.',
+        },
+        contactInfo: {
+            orderPhone: '09151601847',
+            orderPhoneHref: '09151601847',
+            factoryAddress: 'Mashhad, Mashhad–Chenaran Rd. km 8, main roundabout of Toos Industrial Town toward Mashhad, after the power plant, 1st street on the right (Kaleh St.), 1st alley on the right, No. 110 — Negin Sazan Pishgam Radmehr Atousa Co.',
+            salesOfficeAddress: 'Mashhad, corner of Payambar-e Azam 7, next to Razavi Hospital, Nakhl Tower, Unit 401',
+            socialLinks: [
+                {id: 'instagram', label: 'Instagram', href: 'http://instagram.com/vending_machin_life'},
+                {id: 'bale-join', label: 'Bale Channel', href: 'https://ble.ir/join/AiTbV6UpBA'},
+                {id: 'bale-site', label: 'Website', href: 'https://my-rm.com/'},
+            ],
         },
-      ],
     },
-    cart: {
-      title: 'Cart',
-      empty: 'Your cart is empty',
-      total: 'Total',
-      checkout: 'Checkout',
-      checkoutToast: 'Payment gateway will be connected soon.',
-      addToast: (name) => `${name} added to cart`,
-    },
-    machineActions: {
-      addToCart: 'Add to Cart',
-      quickView: 'Quick View',
-      wishlistAdd: 'Add to Wishlist',
-      wishlistRemove: 'Remove from Wishlist',
-      hoverHint: 'Move your cursor over the machine',
-      altVariant: 'Alternate color',
-      gifAlt: (name) => `${name} in action`,
-    },
-    machines: machinesEn,
-    trustedBy: {
-      eyebrow: 'Trusted by businesses like yours',
-      title: 'Businesses That Trust Robot Market',
-      // Sample/placeholder names — replace with real client names.
-      clients: [
-        { id: 'c1', name: 'Parsian Hotel' },
-        { id: 'c2', name: 'Ferdowsi University' },
-        { id: 'c3', name: 'Razavi Hospital' },
-        { id: 'c4', name: 'Refah Retail Chain' },
-        { id: 'c5', name: 'Asemaan Office Complex' },
-        { id: 'c6', name: 'Talash Sports Club' },
-      ],
-    },
-    features: [
-      { id: 'warranty', icon: 'safety', title: 'Product Warranty', description: 'All our products come with one year of after-sales service.' },
-      { id: 'consulting', icon: 'consulting', title: 'Free Expert Consulting', description: 'Free consulting on the right machine type and product layout.' },
-      { id: 'installment', icon: 'installment', title: 'Installment Purchase', description: 'Flexible, easy installment plans suitable for any business.' },
-      { id: 'packaging', icon: 'packaging', title: 'Secure Packaging', description: 'On request, products ship in pallet-box packaging for a small fee.' },
-    ],
-    about: {
-      eyebrow: 'Company Profile',
-      legalName: 'Negin Sazan Pishgam Radmehr Atousa Co.',
-      more: 'Read more',
-      less: 'Show less',
-      paragraphs: [
-        'Negin Sazan Pishgam Radmehr Atousa Co. (registration No. 84094), also known as "Ideh Avaran Pishgam Atousa" (No. 63097) and "Pishgam Gostar Negin Atousa" (No. 73416), began operations in 2017 producing precision saffron-processing machines. After building a nationwide saffron distribution network, in 2022 the company entered the vending-machine industry with saffron-dedicated machines under the "Robot Market" brand.',
-        'In 2023, cooling capability was added to preserve saffron quality, and Robot Market gained the ability to sell snacks and cold drinks as well. By spring 2024, with the wide rollout of "Robot Market" machines, these robots were introduced as an official retailer of snacks and cold drinks in Iran.',
-        'Robot Market is not just a name — it is a symbol of a modern, forward-looking way of thinking in the vending industry. What happens inside Robot Market is the result of our engineers\' technical expertise combined with today\'s technology. Every Robot Market machine is a tireless, intelligent assistant that bridges consumer needs and your business goals with precision and speed.',
-        'Our commitment is to build high-quality machines with modern design and flawless performance, delivering a different experience of shopping and revenue generation. Robot Market stands for trust, innovation, and continuous progress in the vending industry.',
-        'Hundreds of hours of engineering work and operational testing go into every Robot Market unit. We believe durability and machine lifespan are the most important measures of our customers\' investment. That is why, from selecting the best materials and electronic components to final assembly, we follow strict standards so our machines perform reliably in any condition.',
-        'Our smart machines offer a simple yet advanced user interface for an enjoyable experience. Secure payment systems and internet connectivity for online management and price monitoring set Robot Market apart from competitors. We have made the purchase process as simple as a few taps, so your customers can access what they need, any time of day, in the shortest time possible. Robot Market is not just a manufacturer — it is a trusted advisor for growing your business, designing automated sales solutions tailored to your needs.',
-        'Whether you run a large retail chain or manage a small office, our machines let you increase sales without time or location limits, and without worrying about staffing issues.',
-        'Behind Robot Market\'s specialized, forward-looking products lies technology that replaces foreign alternatives — meeting domestic needs today, and poised to compete meaningfully in export markets in the near future. We take pride in building an Iranian product that competes with global standards — a small but firm step toward self-sufficiency and economic growth.',
-      ],
-    },
-    locations: {
-      title: 'Ideal Locations for a Robot Market Machine',
-      items: [
-        { id: 'hotels', icon: 'hotel', title: 'Hotels & Accommodations', description: 'Anywhere large crowds wait in line — beyond the revenue, Robot Market becomes an amenity that increases guest satisfaction.' },
-        { id: 'schools', icon: 'school', title: 'Schools & Educational Centers', description: 'If a student has to leave campus to buy something and, God forbid, an incident occurs, responsibility falls directly on the school administrator. A Robot Market on-site is essential.' },
-        { id: 'pharmacies', icon: 'pharmacy', title: 'Pharmacies & Supermarkets', description: 'For selling personal/health products discreetly, for customers who prefer not to purchase them in person.' },
-        { id: 'hospitals', icon: 'hospital', title: 'Hospitals & Medical Centers', description: 'For selling personal/health products discreetly, for customers who prefer not to purchase them in person.' },
-        { id: 'night-shift', icon: 'night', title: 'Night-Shift Coverage', description: 'Robot Market can be installed behind a shop\'s security glass, serving customers even after closing time and in the middle of the night.' },
-        { id: 'specialty', icon: 'specialty', title: 'Specialty Products', description: 'If you manufacture or represent a specific product line, a Robot Market machine can take on introducing and offering your specialty products too.' },
-      ],
-    },
-    catalog: {
-      eyebrow: 'Product Catalog',
-      title: 'Products You Can Order for Your Machine',
-      subtitle:
-        'When you buy a Robot Market machine, you can order these products at a wholesale price below market rate — our team also handles the initial stocking and layout for you.',
-      addToOrder: 'Add to Order',
-      originalPriceLabel: 'Market price',
-      machinePriceLabel: 'Robot Market customer price',
-      addToast: (name) => `${name} added to your order`,
-      items: [
-        { id: 'saffron', name: 'Premium Grade-1 Saffron', category: 'Saffron', image: '/images/catalog/saffron.svg', originalPriceNumeric: 12000000, priceNumeric: 8900000 },
-        { id: 'chips', name: 'Chips & Crisps (bulk pack)', category: 'Snacks', image: '/images/snacks/chips-1.svg', originalPriceNumeric: 450000, priceNumeric: 320000 },
-        { id: 'soda', name: 'Soda & Carbonated Drinks', category: 'Drinks', image: '/images/snacks/soda-1.svg', originalPriceNumeric: 250000, priceNumeric: 180000 },
-        { id: 'water', name: 'Mineral Water', category: 'Drinks', image: '/images/catalog/water.svg', originalPriceNumeric: 120000, priceNumeric: 80000 },
-        { id: 'coffee', name: 'Instant Coffee', category: 'Hot Drinks', image: '/images/catalog/coffee.svg', originalPriceNumeric: 650000, priceNumeric: 470000 },
-        { id: 'tea', name: 'Tea Bags', category: 'Hot Drinks', image: '/images/catalog/tea.svg', originalPriceNumeric: 380000, priceNumeric: 270000 },
-      ],
-    },
-    introVideo: {
-      eyebrow: 'Intro Video',
-      title: 'Get to Know Robot Market',
-      subtitle: 'A short look at the factory, our production process, and the machines in action.',
-      videoNotSupported: 'Your browser does not support video playback.',
-    },
-    map: {
-      eyebrow: 'Find Us on the Map',
-      title: 'Robot Market Factory & Offices',
-      factoryLabel: 'Factory',
-      salesLabel: 'Central Sales Office',
-      openInMaps: 'Open in Neshan',
-      configNotice: 'Add your Neshan API key in the project settings to activate the map.',
-    },
-    ticket: {
-      eyebrow: 'Support',
-      title: 'Submit a Support Ticket',
-      subtitle: 'Have a question or request? Fill out the form below and our support team will get back to you as soon as possible.',
-      name: 'Full Name',
-      namePlaceholder: 'e.g. John Smith',
-      phone: 'Phone Number',
-      phonePlaceholder: '09xxxxxxxxx',
-      email: 'Email (optional)',
-      emailPlaceholder: 'example@email.com',
-      subject: 'Subject',
-      subjectPlaceholder: 'Write the subject of your request',
-      priority: 'Priority',
-      priorities: [
-        { value: 'low', label: 'Low' },
-        { value: 'medium', label: 'Medium' },
-        { value: 'high', label: 'Urgent' },
-      ],
-      message: 'Your Message',
-      messagePlaceholder: 'Describe your request or issue in full…',
-      submit: 'Submit Ticket',
-      requiredMsg: 'This field is required',
-      invalidPhone: 'Invalid phone number',
-      invalidEmail: 'Invalid email address',
-      successMsg: 'Your ticket was submitted successfully. We will contact you soon.',
-    },
-    chat: {
-      fabLabel: 'Live Chat',
-      title: 'Robot Market Live Support',
-      placeholder: 'Type your message…',
-      send: 'Send',
-      initialBotMessage: "Hi! 👋 How can we help you today?",
-      fallbackReply: "Thanks for your message — our team will reply shortly.",
-    },
-    footer: {
-      aboutLabel: 'Robot Market',
-      aboutText: 'Smart vending machines for modern businesses — a product of Negin Sazan Pishgam Radmehr Atousa Co.',
-      quickLinks: 'Quick Links',
-      contactTitle: 'Contact Us',
-      factoryLabel: 'Factory',
-      salesLabel: 'Central Sales Office',
-      rights: 'All rights reserved.',
-    },
-    contactInfo: {
-      orderPhone: '09151601847',
-      orderPhoneHref: '09151601847',
-      factoryAddress: 'Mashhad, Mashhad–Chenaran Rd. km 8, main roundabout of Toos Industrial Town toward Mashhad, after the power plant, 1st street on the right (Kaleh St.), 1st alley on the right, No. 110 — Negin Sazan Pishgam Radmehr Atousa Co.',
-      salesOfficeAddress: 'Mashhad, corner of Payambar-e Azam 7, next to Razavi Hospital, Nakhl Tower, Unit 401',
-      socialLinks: [
-        { id: 'instagram', label: 'Instagram', href: 'http://instagram.com/vending_machin_life' },
-        { id: 'bale-join', label: 'Bale Channel', href: 'https://ble.ir/join/AiTbV6UpBA' },
-        { id: 'bale-site', label: 'Website', href: 'https://my-rm.com/' },
-      ],
-    },
-  },
 };
 
 // Locale-independent asset config (positions/paths only — same in both languages).
 export const floatingSnacks = [
-  { id: 'chips-1', image: '/images/snacks/chips-1.svg', size: 76, top: '18%', left: '8%', duration: 5.5, delay: 0 },
-  { id: 'soda-1', image: '/images/snacks/soda-1.svg', size: 64, top: '68%', left: '12%', duration: 6.2, delay: 0.6 },
-  { id: 'chips-2', image: '/images/snacks/chips-2.svg', size: 58, top: '22%', left: '85%', duration: 4.8, delay: 0.3 },
-  { id: 'soda-2', image: '/images/snacks/soda-2.svg', size: 70, top: '72%', left: '88%', duration: 5.9, delay: 0.9 },
-  { id: 'chips-3', image: '/images/snacks/chips-1.svg', size: 48, top: '42%', left: '90%', duration: 6.6, delay: 1.2 },
-  { id: 'soda-3', image: '/images/snacks/soda-1.svg', size: 52, top: '46%', left: '4%', duration: 5.1, delay: 1.5 },
+    {id: 'chips-1', image: '/images/snacks/item-1.png', size: 76, top: '18%', left: '8%', duration: 5.5, delay: 0},
+    {id: 'soda-1', image: '/images/snacks/item-2.png', size: 64, top: '68%', left: '12%', duration: 6.2, delay: 0.6},
+    {id: 'chips-2', image: '/images/snacks/item-3.png', size: 58, top: '22%', left: '85%', duration: 4.8, delay: 0.3},
+    {id: 'soda-2', image: '/images/snacks/item-4.png', size: 70, top: '72%', left: '88%', duration: 5.9, delay: 0.9},
+    {id: 'chips-3', image: '/images/snacks/item-5.png', size: 48, top: '42%', left: '90%', duration: 6.6, delay: 1.2},
+    {id: 'soda-3', image: '/images/snacks/item-6.png', size: 52, top: '46%', left: '4%', duration: 5.1, delay: 1.5},
 ];
 
 export const showcaseVideoSrc = '/video/showcase-placeholder.mp4';
@@ -504,6 +685,6 @@ export const introVideoPoster = '/images/video-poster.svg';
 // Placeholder coordinates for Toos Industrial Town, Mashhad (approximate).
 // Replace with the exact factory pin — see README.
 export const mapLocations = {
-  factory: { lat: 36.42, lng: 59.445 },
-  salesOffice: { lat: 36.3110, lng: 59.5683 }, // approximate central Mashhad placeholder
+    factory: {lat: 36.42, lng: 59.445},
+    salesOffice: {lat: 36.3110, lng: 59.5683}, // approximate central Mashhad placeholder
 };
diff --git a/jsconfig.json b/jsconfig.json
index 9c33383..fe655bc 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -3,6 +3,7 @@
     "baseUrl": ".",
     "paths": {
       "@/*": ["./*"]
-    }
+    },
+    "jsx": "react"
   }
 }
diff --git a/public/images/clients/client-1.svg b/public/images/clients/client-1.svg
new file mode 100644
index 0000000..cc52aeb
--- /dev/null
+++ b/public/images/clients/client-1.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 80" width="200" height="80">
+  <rect x="2" y="2" width="196" height="76" rx="12" fill="none" stroke="#00a693" stroke-opacity="0.3" stroke-width="2"/>
+  <circle cx="40" cy="40" r="20" fill="#00a693"/>
+  <text x="40" y="47" font-family="Tahoma, sans-serif" font-size="20" font-weight="bold" fill="#ffffff" text-anchor="middle">پ</text>
+  <rect x="72" y="32" width="100" height="8" rx="4" fill="#00a693" fill-opacity="0.35"/>
+  <rect x="72" y="46" width="70" height="6" rx="3" fill="#00a693" fill-opacity="0.2"/>
+</svg>
diff --git a/public/images/clients/client-2.svg b/public/images/clients/client-2.svg
new file mode 100644
index 0000000..6280773
--- /dev/null
+++ b/public/images/clients/client-2.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 80" width="200" height="80">
+  <rect x="2" y="2" width="196" height="76" rx="12" fill="none" stroke="#00a693" stroke-opacity="0.3" stroke-width="2"/>
+  <circle cx="40" cy="40" r="20" fill="#017065"/>
+  <text x="40" y="47" font-family="Tahoma, sans-serif" font-size="20" font-weight="bold" fill="#ffffff" text-anchor="middle">ف</text>
+  <rect x="72" y="32" width="100" height="8" rx="4" fill="#00a693" fill-opacity="0.35"/>
+  <rect x="72" y="46" width="70" height="6" rx="3" fill="#00a693" fill-opacity="0.2"/>
+</svg>
diff --git a/public/images/clients/client-3.svg b/public/images/clients/client-3.svg
new file mode 100644
index 0000000..5fc8799
--- /dev/null
+++ b/public/images/clients/client-3.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 80" width="200" height="80">
+  <rect x="2" y="2" width="196" height="76" rx="12" fill="none" stroke="#00a693" stroke-opacity="0.3" stroke-width="2"/>
+  <circle cx="40" cy="40" r="20" fill="#00a693"/>
+  <text x="40" y="47" font-family="Tahoma, sans-serif" font-size="20" font-weight="bold" fill="#ffffff" text-anchor="middle">ر</text>
+  <rect x="72" y="32" width="100" height="8" rx="4" fill="#00a693" fill-opacity="0.35"/>
+  <rect x="72" y="46" width="70" height="6" rx="3" fill="#00a693" fill-opacity="0.2"/>
+</svg>
diff --git a/public/images/clients/client-4.svg b/public/images/clients/client-4.svg
new file mode 100644
index 0000000..cf1a69f
--- /dev/null
+++ b/public/images/clients/client-4.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 80" width="200" height="80">
+  <rect x="2" y="2" width="196" height="76" rx="12" fill="none" stroke="#00a693" stroke-opacity="0.3" stroke-width="2"/>
+  <circle cx="40" cy="40" r="20" fill="#0b3d38"/>
+  <text x="40" y="47" font-family="Tahoma, sans-serif" font-size="20" font-weight="bold" fill="#ffffff" text-anchor="middle">ر</text>
+  <rect x="72" y="32" width="100" height="8" rx="4" fill="#00a693" fill-opacity="0.35"/>
+  <rect x="72" y="46" width="70" height="6" rx="3" fill="#00a693" fill-opacity="0.2"/>
+</svg>
diff --git a/public/images/clients/client-5.svg b/public/images/clients/client-5.svg
new file mode 100644
index 0000000..7b23f4f
--- /dev/null
+++ b/public/images/clients/client-5.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 80" width="200" height="80">
+  <rect x="2" y="2" width="196" height="76" rx="12" fill="none" stroke="#00a693" stroke-opacity="0.3" stroke-width="2"/>
+  <circle cx="40" cy="40" r="20" fill="#00a693"/>
+  <text x="40" y="47" font-family="Tahoma, sans-serif" font-size="20" font-weight="bold" fill="#ffffff" text-anchor="middle">آ</text>
+  <rect x="72" y="32" width="100" height="8" rx="4" fill="#00a693" fill-opacity="0.35"/>
+  <rect x="72" y="46" width="70" height="6" rx="3" fill="#00a693" fill-opacity="0.2"/>
+</svg>
diff --git a/public/images/clients/client-6.svg b/public/images/clients/client-6.svg
new file mode 100644
index 0000000..0934461
--- /dev/null
+++ b/public/images/clients/client-6.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 80" width="200" height="80">
+  <rect x="2" y="2" width="196" height="76" rx="12" fill="none" stroke="#00a693" stroke-opacity="0.3" stroke-width="2"/>
+  <circle cx="40" cy="40" r="20" fill="#017065"/>
+  <text x="40" y="47" font-family="Tahoma, sans-serif" font-size="20" font-weight="bold" fill="#ffffff" text-anchor="middle">ت</text>
+  <rect x="72" y="32" width="100" height="8" rx="4" fill="#00a693" fill-opacity="0.35"/>
+  <rect x="72" y="46" width="70" height="6" rx="3" fill="#00a693" fill-opacity="0.2"/>
+</svg>
diff --git a/public/images/logo.svg b/public/images/logo.svg
deleted file mode 100644
index d6c9ae4..0000000
--- a/public/images/logo.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 60" width="220" height="60">
-  <rect x="2" y="2" width="56" height="56" rx="14" fill="#00a693"/>
-  <rect x="16" y="14" width="28" height="32" rx="4" fill="#04120f"/>
-  <rect x="20" y="18" width="8" height="10" rx="1" fill="#00a693"/>
-  <rect x="32" y="18" width="8" height="10" rx="1" fill="#00a693"/>
-  <text x="70" y="27" font-family="Tahoma, sans-serif" font-size="20" font-weight="bold" fill="#e6f7f4">روبات مارکت</text>
-  <text x="70" y="46" font-family="Tahoma, sans-serif" font-size="12" fill="#8fdccc">Robot Market</text>
-</svg>
diff --git a/public/images/machine-35-base.svg b/public/images/machine-35-base.svg
deleted file mode 100644
index 0d3b47e..0000000
--- a/public/images/machine-35-base.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 700" width="400" height="700">
-  <defs>
-    <linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#00a693" stop-opacity="0.95"/>
-      <stop offset="1" stop-color="#08554e"/>
-    </linearGradient>
-  </defs>
-  <rect x="40" y="30" width="320" height="620" rx="26" fill="url(#body)" stroke="#012e28" stroke-width="6"/>
-  <rect x="70" y="70" width="260" height="360" rx="10" fill="#04120f" opacity="0.55"/>
-  <g fill="#0b3d38" opacity="0.9">
-    <rect x="85" y="85" width="55" height="80" rx="4"/>
-    <rect x="150" y="85" width="55" height="80" rx="4"/>
-    <rect x="215" y="85" width="55" height="80" rx="4"/>
-    <rect x="280" y="85" width="35" height="80" rx="4"/>
-    <rect x="85" y="175" width="55" height="80" rx="4"/>
-    <rect x="150" y="175" width="55" height="80" rx="4"/>
-    <rect x="215" y="175" width="55" height="80" rx="4"/>
-    <rect x="280" y="175" width="35" height="80" rx="4"/>
-    <rect x="85" y="265" width="55" height="80" rx="4"/>
-    <rect x="150" y="265" width="55" height="80" rx="4"/>
-    <rect x="215" y="265" width="55" height="80" rx="4"/>
-    <rect x="280" y="265" width="35" height="80" rx="4"/>
-  </g>
-  <rect x="70" y="450" width="260" height="150" rx="10" fill="#04120f" opacity="0.4"/>
-  <circle cx="200" cy="525" r="34" fill="none" stroke="#e6f7f4" stroke-width="4"/>
-  <rect x="185" y="595" width="30" height="40" rx="4" fill="#04120f"/>
-  <text x="200" y="670" font-family="Tahoma, sans-serif" font-size="26" fill="#e6f7f4" text-anchor="middle">RM-35</text>
-</svg>
diff --git a/public/images/machine-35-white.svg b/public/images/machine-35-white.svg
deleted file mode 100644
index 818fff9..0000000
--- a/public/images/machine-35-white.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 700" width="400" height="700">
-  <defs>
-    <linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#ffffff"/>
-      <stop offset="1" stop-color="#dff3ef"/>
-    </linearGradient>
-  </defs>
-  <rect x="40" y="30" width="320" height="620" rx="26" fill="url(#body)" stroke="#00a693" stroke-width="6"/>
-  <rect x="70" y="70" width="260" height="360" rx="10" fill="#ffffff" opacity="0.9" stroke="#8fdccc" stroke-width="2"/>
-  <g fill="#c0ebe3" stroke="#00a693" stroke-width="1.5">
-    <rect x="85" y="85" width="55" height="80" rx="4"/>
-    <rect x="150" y="85" width="55" height="80" rx="4"/>
-    <rect x="215" y="85" width="55" height="80" rx="4"/>
-    <rect x="280" y="85" width="35" height="80" rx="4"/>
-    <rect x="85" y="175" width="55" height="80" rx="4"/>
-    <rect x="150" y="175" width="55" height="80" rx="4"/>
-    <rect x="215" y="175" width="55" height="80" rx="4"/>
-    <rect x="280" y="175" width="35" height="80" rx="4"/>
-    <rect x="85" y="265" width="55" height="80" rx="4"/>
-    <rect x="150" y="265" width="55" height="80" rx="4"/>
-    <rect x="215" y="265" width="55" height="80" rx="4"/>
-    <rect x="280" y="265" width="35" height="80" rx="4"/>
-  </g>
-  <rect x="70" y="450" width="260" height="150" rx="10" fill="#ffffff" opacity="0.9" stroke="#8fdccc" stroke-width="2"/>
-  <circle cx="200" cy="525" r="34" fill="none" stroke="#00a693" stroke-width="4"/>
-  <rect x="185" y="595" width="30" height="40" rx="4" fill="#00a693"/>
-  <text x="200" y="670" font-family="Tahoma, sans-serif" font-size="26" fill="#00a693" text-anchor="middle">RM-35 · White</text>
-</svg>
diff --git a/public/images/machine-48-base.svg b/public/images/machine-48-base.svg
deleted file mode 100644
index 19c8240..0000000
--- a/public/images/machine-48-base.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 700" width="400" height="700">
-  <defs>
-    <linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#00a693" stop-opacity="0.95"/>
-      <stop offset="1" stop-color="#08554e"/>
-    </linearGradient>
-  </defs>
-  <rect x="40" y="30" width="320" height="620" rx="26" fill="url(#body)" stroke="#012e28" stroke-width="6"/>
-  <rect x="70" y="70" width="260" height="360" rx="10" fill="#04120f" opacity="0.55"/>
-  <g fill="#0b3d38" opacity="0.9">
-    <rect x="85" y="85" width="55" height="80" rx="4"/>
-    <rect x="150" y="85" width="55" height="80" rx="4"/>
-    <rect x="215" y="85" width="55" height="80" rx="4"/>
-    <rect x="280" y="85" width="35" height="80" rx="4"/>
-    <rect x="85" y="175" width="55" height="80" rx="4"/>
-    <rect x="150" y="175" width="55" height="80" rx="4"/>
-    <rect x="215" y="175" width="55" height="80" rx="4"/>
-    <rect x="280" y="175" width="35" height="80" rx="4"/>
-    <rect x="85" y="265" width="55" height="80" rx="4"/>
-    <rect x="150" y="265" width="55" height="80" rx="4"/>
-    <rect x="215" y="265" width="55" height="80" rx="4"/>
-    <rect x="280" y="265" width="35" height="80" rx="4"/>
-  </g>
-  <rect x="70" y="450" width="260" height="150" rx="10" fill="#04120f" opacity="0.4"/>
-  <circle cx="200" cy="525" r="34" fill="none" stroke="#e6f7f4" stroke-width="4"/>
-  <rect x="185" y="595" width="30" height="40" rx="4" fill="#04120f"/>
-  <text x="200" y="670" font-family="Tahoma, sans-serif" font-size="26" fill="#e6f7f4" text-anchor="middle">RM-48</text>
-</svg>
diff --git a/public/images/machine-48-white.svg b/public/images/machine-48-white.svg
deleted file mode 100644
index a937942..0000000
--- a/public/images/machine-48-white.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 700" width="400" height="700">
-  <defs>
-    <linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#ffffff"/>
-      <stop offset="1" stop-color="#dff3ef"/>
-    </linearGradient>
-  </defs>
-  <rect x="40" y="30" width="320" height="620" rx="26" fill="url(#body)" stroke="#00a693" stroke-width="6"/>
-  <rect x="70" y="70" width="260" height="360" rx="10" fill="#ffffff" opacity="0.9" stroke="#8fdccc" stroke-width="2"/>
-  <g fill="#c0ebe3" stroke="#00a693" stroke-width="1.5">
-    <rect x="85" y="85" width="55" height="80" rx="4"/>
-    <rect x="150" y="85" width="55" height="80" rx="4"/>
-    <rect x="215" y="85" width="55" height="80" rx="4"/>
-    <rect x="280" y="85" width="35" height="80" rx="4"/>
-    <rect x="85" y="175" width="55" height="80" rx="4"/>
-    <rect x="150" y="175" width="55" height="80" rx="4"/>
-    <rect x="215" y="175" width="55" height="80" rx="4"/>
-    <rect x="280" y="175" width="35" height="80" rx="4"/>
-    <rect x="85" y="265" width="55" height="80" rx="4"/>
-    <rect x="150" y="265" width="55" height="80" rx="4"/>
-    <rect x="215" y="265" width="55" height="80" rx="4"/>
-    <rect x="280" y="265" width="35" height="80" rx="4"/>
-  </g>
-  <rect x="70" y="450" width="260" height="150" rx="10" fill="#ffffff" opacity="0.9" stroke="#8fdccc" stroke-width="2"/>
-  <circle cx="200" cy="525" r="34" fill="none" stroke="#00a693" stroke-width="4"/>
-  <rect x="185" y="595" width="30" height="40" rx="4" fill="#00a693"/>
-  <text x="200" y="670" font-family="Tahoma, sans-serif" font-size="26" fill="#00a693" text-anchor="middle">RM-48 · White</text>
-</svg>
diff --git a/public/images/machine-60-base.svg b/public/images/machine-60-base.svg
deleted file mode 100644
index 336e102..0000000
--- a/public/images/machine-60-base.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 700" width="400" height="700">
-  <defs>
-    <linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#00a693" stop-opacity="0.95"/>
-      <stop offset="1" stop-color="#08554e"/>
-    </linearGradient>
-  </defs>
-  <rect x="40" y="30" width="320" height="620" rx="26" fill="url(#body)" stroke="#012e28" stroke-width="6"/>
-  <rect x="70" y="70" width="260" height="360" rx="10" fill="#04120f" opacity="0.55"/>
-  <g fill="#0b3d38" opacity="0.9">
-    <rect x="85" y="85" width="55" height="80" rx="4"/>
-    <rect x="150" y="85" width="55" height="80" rx="4"/>
-    <rect x="215" y="85" width="55" height="80" rx="4"/>
-    <rect x="280" y="85" width="35" height="80" rx="4"/>
-    <rect x="85" y="175" width="55" height="80" rx="4"/>
-    <rect x="150" y="175" width="55" height="80" rx="4"/>
-    <rect x="215" y="175" width="55" height="80" rx="4"/>
-    <rect x="280" y="175" width="35" height="80" rx="4"/>
-    <rect x="85" y="265" width="55" height="80" rx="4"/>
-    <rect x="150" y="265" width="55" height="80" rx="4"/>
-    <rect x="215" y="265" width="55" height="80" rx="4"/>
-    <rect x="280" y="265" width="35" height="80" rx="4"/>
-  </g>
-  <rect x="70" y="450" width="260" height="150" rx="10" fill="#04120f" opacity="0.4"/>
-  <circle cx="200" cy="525" r="34" fill="none" stroke="#e6f7f4" stroke-width="4"/>
-  <rect x="185" y="595" width="30" height="40" rx="4" fill="#04120f"/>
-  <text x="200" y="670" font-family="Tahoma, sans-serif" font-size="26" fill="#e6f7f4" text-anchor="middle">RM-60</text>
-</svg>
diff --git a/public/images/machine-60-white.svg b/public/images/machine-60-white.svg
deleted file mode 100644
index 7269c06..0000000
--- a/public/images/machine-60-white.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 700" width="400" height="700">
-  <defs>
-    <linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#ffffff"/>
-      <stop offset="1" stop-color="#dff3ef"/>
-    </linearGradient>
-  </defs>
-  <rect x="40" y="30" width="320" height="620" rx="26" fill="url(#body)" stroke="#00a693" stroke-width="6"/>
-  <rect x="70" y="70" width="260" height="360" rx="10" fill="#ffffff" opacity="0.9" stroke="#8fdccc" stroke-width="2"/>
-  <g fill="#c0ebe3" stroke="#00a693" stroke-width="1.5">
-    <rect x="85" y="85" width="55" height="80" rx="4"/>
-    <rect x="150" y="85" width="55" height="80" rx="4"/>
-    <rect x="215" y="85" width="55" height="80" rx="4"/>
-    <rect x="280" y="85" width="35" height="80" rx="4"/>
-    <rect x="85" y="175" width="55" height="80" rx="4"/>
-    <rect x="150" y="175" width="55" height="80" rx="4"/>
-    <rect x="215" y="175" width="55" height="80" rx="4"/>
-    <rect x="280" y="175" width="35" height="80" rx="4"/>
-    <rect x="85" y="265" width="55" height="80" rx="4"/>
-    <rect x="150" y="265" width="55" height="80" rx="4"/>
-    <rect x="215" y="265" width="55" height="80" rx="4"/>
-    <rect x="280" y="265" width="35" height="80" rx="4"/>
-  </g>
-  <rect x="70" y="450" width="260" height="150" rx="10" fill="#ffffff" opacity="0.9" stroke="#8fdccc" stroke-width="2"/>
-  <circle cx="200" cy="525" r="34" fill="none" stroke="#00a693" stroke-width="4"/>
-  <rect x="185" y="595" width="30" height="40" rx="4" fill="#00a693"/>
-  <text x="200" y="670" font-family="Tahoma, sans-serif" font-size="26" fill="#00a693" text-anchor="middle">RM-60 · White</text>
-</svg>
diff --git a/public/images/snacks/chips-1.svg b/public/images/snacks/chips-1.svg
deleted file mode 100644
index 30ea8e3..0000000
--- a/public/images/snacks/chips-1.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 160" width="120" height="160">
-  <path d="M20 10 L100 10 L92 150 L28 150 Z" fill="#ffb020" stroke="#7a4a00" stroke-width="3"/>
-  <path d="M20 10 L100 10 L96 45 L24 45 Z" fill="#00a693"/>
-  <circle cx="60" cy="90" r="26" fill="#fff4d6" opacity="0.85"/>
-  <text x="60" y="30" font-family="Tahoma, sans-serif" font-size="14" fill="#ffffff" text-anchor="middle">چیپس</text>
-</svg>
diff --git a/public/images/snacks/chips-2.svg b/public/images/snacks/chips-2.svg
deleted file mode 100644
index d267d86..0000000
--- a/public/images/snacks/chips-2.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 160" width="120" height="160">
-  <path d="M20 10 L100 10 L92 150 L28 150 Z" fill="#e6533c" stroke="#6b1f10" stroke-width="3"/>
-  <path d="M20 10 L100 10 L96 45 L24 45 Z" fill="#00a693"/>
-  <circle cx="60" cy="90" r="26" fill="#ffe3d6" opacity="0.85"/>
-  <text x="60" y="30" font-family="Tahoma, sans-serif" font-size="14" fill="#ffffff" text-anchor="middle">چیپس</text>
-</svg>
diff --git a/public/images/snacks/soda-1.svg b/public/images/snacks/soda-1.svg
deleted file mode 100644
index 96404cf..0000000
--- a/public/images/snacks/soda-1.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 180" width="100" height="180">
-  <rect x="20" y="10" width="60" height="160" rx="14" fill="#00a693" stroke="#012e28" stroke-width="3"/>
-  <rect x="20" y="60" width="60" height="45" fill="#e6f7f4" opacity="0.9"/>
-  <text x="50" y="88" font-family="Tahoma, sans-serif" font-size="13" fill="#00594f" text-anchor="middle">نوشابه</text>
-  <rect x="38" y="0" width="24" height="14" rx="3" fill="#8fdccc"/>
-</svg>
diff --git a/public/images/snacks/soda-2.svg b/public/images/snacks/soda-2.svg
deleted file mode 100644
index 522778b..0000000
--- a/public/images/snacks/soda-2.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 180" width="100" height="180">
-  <rect x="20" y="10" width="60" height="160" rx="14" fill="#ffb020" stroke="#012e28" stroke-width="3"/>
-  <rect x="20" y="60" width="60" height="45" fill="#fff4d6" opacity="0.9"/>
-  <text x="50" y="88" font-family="Tahoma, sans-serif" font-size="13" fill="#7a4a00" text-anchor="middle">نوشابه</text>
-  <rect x="38" y="0" width="24" height="14" rx="3" fill="#ffe0a3"/>
-</svg>