پروژه کامل: فرانت متصل به API + داکرایز

- اتصال کامل فرانت به API: همه محتوای سایت (پروژه‌ها، مقالات، خدمات، برند و...) از بک‌اند خوانده می‌شود (SiteProvider + useSite) - فرم تماس و خبرنامه متصل به بک‌اند و تست‌شده در مرورگر - ساختار مونوریپو: frontend/ + backend/ - Dockerfile برای هر دو بخش + docker-compose (PostgreSQL + FastAPI + nginx) - nginx با پروکسی /api — بدون نیاز به CORS در حالت داکر - README کامل فارسی
2026-08-29 13:26:58 +03:30
parent ed14435485
commit ad75f7a7bd
78 changed files with 8242 additions and 133 deletions
@@ -0,0 +1,49 @@
+import React from 'react'
+import { PageHero } from '../components/PageHero'
+import { Services } from '../components/home/Services'
+import { Faq } from '../components/home/Faq'
+import { ContactSection } from '../components/ContactSection'
+import { Reveal } from '../components/Reveal'
+import { SectionHeading } from '../components/SectionHeading'
+import { IMAGES } from '../data/site'
+
+const PROCESS = [
+  { step: '۰۱', title: 'مطالعه و امکان‌سنجی', desc: 'بررسی زمین، ضوابط شهری و تحلیل بازدهی اقتصادی پروژه.' },
+  { step: '۰۲', title: 'طراحی و فاز اجرایی', desc: 'کانسپت معماری، طراحی سازه و تأسیسات و تهیه نقشه‌های اجرایی.' },
+  { step: '۰۳', title: 'اجرا و کنترل کیفیت', desc: 'ساخت با نظارت مستمر، گزارش ماهانه پیشرفت و کنترل هزینه.' },
+  { step: '۰۴', title: 'تحویل و پشتیبانی', desc: 'تحویل کلید، آموزش بهره‌برداری و پنج سال پشتیبانی فنی.' },
+]
+
+export function ServicesPage() {
+  return (
+    <>
+      <PageHero
+        title="خدمات"
+        lead="هشت حوزه تخصصی که چرخه کامل یک پروژه ساختمانی را از ایده تا بهره‌برداری پوشش می‌دهند."
+        image={IMAGES[1]}
+      />
+      
+      <Services />
+
+      <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">
+          <SectionHeading title="فرآیند کار ما" lead="چهار مرحله شفاف، از نخستین جلسه تا تحویل کلید." align="center" />
+          <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">
+                <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">{item.step}</p>
+                  <h3 className="mt-6 text-xl font-bold text-ivory">{item.title}</h3>
+                  <p className="mt-4 text-base font-light leading-9 text-ivory/60">{item.desc}</p>
+                </div>
+              </Reveal>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <Faq />
+      <ContactSection />
+    </>
+  )
+}