From 9bf2a30f8df00afa0fa2810d6bcaec00dc57a9db Mon Sep 17 00:00:00 2001
From: aramesh-site deploy <deploy@aramesh-site.local>
Date: Fri, 9 Oct 2026 15:17:18 +0000
Subject: [PATCH] =?UTF-8?q?feat(investment):=20=D8=A8=D8=AE=D8=B4=20=D9=85?=
 =?UTF-8?q?=D8=AF=D9=84=E2=80=8C=D9=87=D8=A7=DB=8C=20=D9=87=D9=85=DA=A9?=
 =?UTF-8?q?=D8=A7=D8=B1=DB=8C=20=D9=88=D8=B3=D8=B7=E2=80=8C=DA=86=DB=8C?=
 =?UTF-8?q?=D9=86=20=D8=A8=D8=A7=20=D8=B7=D8=B1=D8=A7=D8=AD=DB=8C=20=D9=85?=
 =?UTF-8?q?=D8=B1=D8=A7=D8=AD=D9=84=20=D9=81=D8=B1=D8=A2=DB=8C=D9=86=D8=AF?=
 =?UTF-8?q?=20=E2=80=94=20=D8=A8=D8=AF=D9=88=D9=86=20=D8=B4=D9=85=D8=A7?=
 =?UTF-8?q?=D8=B1=D9=87=20=D9=88=20=D8=A8=D8=AF=D9=88=D9=86=20=D9=81=D9=87?=
 =?UTF-8?q?=D8=B1=D8=B3=D8=AA=20=DA=AF=D9=84=D9=88=D9=84=D9=87=E2=80=8C?=
 =?UTF-8?q?=D8=A7=DB=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/Investment.tsx | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/frontend/src/pages/Investment.tsx b/frontend/src/pages/Investment.tsx
index 3404a76..ab34985 100644
--- a/frontend/src/pages/Investment.tsx
+++ b/frontend/src/pages/Investment.tsx
@@ -5,12 +5,10 @@ import { SectionHeading } from '../components/SectionHeading'
 import { Stats } from '../components/home/Stats'
 import { ContactSection } from '../components/ContactSection'
 import { useSectionHeading, useSite } from '../api'
-import { useLang, formatNumber } from '../i18n/lang'
 import { AddItemButton, EditableItem } from '../admin/Editable'
 
 export function Investment() {
   const { investment_models } = useSite()
-  const { lang } = useLang()
   const heading = useSectionHeading('investment_models')
 
   return (
@@ -19,28 +17,26 @@ export function Investment() {
 
       <section className="bg-ink py-24 lg:py-32" aria-labelledby="models-title">
         <div className="mx-auto max-w-site px-6 lg:px-10">
-          <SectionHeading title={heading.title} lead={heading.lead} />
+          <SectionHeading title={heading.title} lead={heading.lead} align="center" />
           <div className="mt-14 grid gap-6 lg:grid-cols-3">
             {investment_models.map((model, i) => (
               <Reveal key={model.id} delay={0.06 * i} className="h-full">
                 <EditableItem resource="investment_models" item={model} className="h-full">
-                  <article className="group relative flex h-full flex-col overflow-hidden rounded-2xl border border-ivory/10 bg-char/40 p-10 backdrop-blur-md transition-all duration-500 ease-lux hover:-translate-y-2 hover:border-copper/50 hover:bg-char/70 hover:shadow-[0_12px_40px_-10px_rgba(197,143,92,0.35)] transform-gpu">
+                  <article className="group relative flex h-full flex-col overflow-hidden rounded-2xl border border-ivory/10 bg-char/40 p-10 text-center backdrop-blur-md transition-all duration-500 ease-lux hover:-translate-y-2 hover:border-copper/50 hover:bg-char/70 hover:shadow-[0_12px_40px_-10px_rgba(197,143,92,0.35)] transform-gpu">
                     {/* لایه نوری ظریف که در زمان هاور روشن می‌شود */}
                     <div className="pointer-events-none absolute inset-0 bg-gradient-to-br from-white/[0.03] to-transparent opacity-0 transition-opacity duration-500 group-hover:opacity-100" />
-                    
-                    <p className="relative z-10 text-sm font-bold text-copper/80">{lang === 'fa' ? `۰${formatNumber(i + 1, lang)}` : formatNumber(i + 1, lang).padStart(2, '0')}</p>
 
-                    <h3 className="relative z-10 mt-6 text-2xl font-bold text-ivory transition-colors duration-300 ease-out group-hover:text-copper">
+                    <h3 className="relative z-10 text-xl font-bold text-ivory transition-colors duration-300 ease-out group-hover:text-copper">
                       {model.title}
                     </h3>
 
-                    <p className="relative z-10 mt-5 text-sm font-light leading-9 text-ivory/65">{model.desc}</p>
+                    <p className="relative z-10 mt-4 text-base font-light leading-9 text-ivory/60">{model.desc}</p>
 
                     <div className="relative z-10 mt-auto pt-10">
                       <ul className="space-y-4 border-t border-ivory/10 pt-8 transition-colors duration-500 group-hover:border-copper/20">
                         {model.points.map((point) => (
-                          <li key={point} className="flex items-start gap-3 text-sm font-light leading-8 text-ivory/70 transition-colors duration-300 group-hover:text-ivory">
-                            <span className="mt-3.5 h-1.5 w-1.5 shrink-0 rounded-full bg-copper/60 transition-all duration-300 ease-lux group-hover:scale-125 group-hover:bg-copper group-hover:shadow-[0_0_10px_rgba(197,143,92,0.8)]" aria-hidden="true" />
+                          <li key={point} className="flex items-center justify-center gap-3 text-sm font-light leading-8 text-ivory/70 transition-colors duration-300 group-hover:text-ivory">
+                            <span className="h-1.5 w-1.5 shrink-0 rounded-full bg-copper/60 transition-all duration-300 ease-lux group-hover:scale-125 group-hover:bg-copper group-hover:shadow-[0_0_10px_rgba(197,143,92,0.8)]" aria-hidden="true" />
                             {point}
                           </li>
                         ))}