update part service

src/components/home/Services.tsx

@@ -3,18 +3,16 @@ import { Reveal } from '../Reveal'
 import { ServiceIcon } from '../ServiceIcon'
 import { SERVICES } from '../../data/site'
 
-type ServicesProps = {
+// ۱. تعریف Prop جدید برای پنهان کردن کلمه خدمات
-  showLabel?: boolean
+export function Services({ hideLabel = false }: { hideLabel?: boolean }) {
-}
-
-export function Services({ showLabel = true }: ServicesProps) {
   return (
     <section className="bg-ink py-24 lg:py-32" aria-labelledby="services-title">
       <div className="mx-auto max-w-site px-6 lg:px-10">
         <Reveal className="max-w-2xl text-right">
-          {/* لیبل "خدمات" فقط در صورتی نمایش داده می‌شود که showLabel برابر true باشد */}
+          {/* ۲. شرط برای نمایش یا عدم نمایش لیبل */}
-          <h2 id="services-title" className={`text-section font-bold text-ivory ${showLabel ? 'mt-5' : ''}`}>
+          {!hideLabel && <p className="text-sm font-light text-copper">خدمات</p>}
-           خدمات
+          <h2 id="services-title" className={`text-section font-bold text-ivory ${hideLabel ? '' : 'mt-5'}`}>
+            هشت تخصص، یک چرخه کامل ساخت
           </h2>
           <p className="mt-5 text-base font-light leading-9 text-ivory/60">
             از نخستین خط روی کاغذ تا تحویل کلید، مدیریت سرمایه و طراحی محوطه؛ همه مراحل در یک مجموعه و زیر یک نظام

src/pages/ServicesPage.tsx

@@ -19,11 +19,11 @@ export function ServicesPage() {
     <>
       <PageHero
         title="خدمات"
-        lead="هفت حوزه تخصصی که چرخه کامل یک پروژه ساختمانی را از ایده تا بهره‌برداری پوشش می‌دهند."
+        lead="هشت حوزه تخصصی که چرخه کامل یک پروژه ساختمانی را از ایده تا بهره‌برداری پوشش می‌دهند."
         image={IMAGES[1]}
       />
-      {/* مخفی کردن کلمه تکراری "خدمات" */}
+      
-      <Services showLabel={false} />
+      <Services hideLabel />
 
       <section className="bg-char py-24 lg:py-32" aria-labelledby="process-title">
         <div className="mx-auto max-w-site px-6 lg:px-10">
@@ -31,11 +31,11 @@ export function ServicesPage() {
           <div className="mt-14 grid gap-px bg-ivory/10 md:grid-cols-2 lg:grid-cols-4">
             {PROCESS.map((item, i) => (
               <Reveal key={item.step} delay={0.06 * i} className="h-full">
-                {/* تغییرات فاصله‌دهی: استفاده از py-12 برای فضای بیشتر بالا و پایین، mt-6 و mt-5 برای فاصله بین متون */}
+                {/* تغییرات در کلاس‌های این دایو اعمال شد: افزایش پدینگ عمودی و وسط‌چین کردن کامل */}
-                <div className="flex h-full flex-col bg-char px-6 py-12 text-center md:px-8">
+                <div className="flex h-full flex-col justify-center bg-char px-6 py-14 text-center">
-                  <p className="text-4xl font-bold text-copper/80">{item.step}</p>
+                  <p className="text-4xl font-bold text-copper">{item.step}</p>
-                  <h3 className="mt-6 text-lg font-bold text-ivory">{item.title}</h3>
+                  <h3 className="mt-6 text-xl font-bold text-ivory">{item.title}</h3>
-                  <p className="mt-5 text-sm font-light leading-9 text-ivory/55">{item.desc}</p>
+                  <p className="mt-4 text-base font-light leading-9 text-ivory/60">{item.desc}</p>
                 </div>
               </Reveal>
             ))}