first commit

app/ourservices/page.js

@@ -0,0 +1,14 @@
+import { services } from '../../lib/content';
+import { PageHeading } from '../../components/common';
+export const metadata = { title: 'خدمات طراحی معماری و دکوراسیون', description:'خدمات طراحی ویلا و آپارتمان، فضاهای اداری و تجاری، سالن‌های زیبایی، فضای سبز و نمای ساختمان توسط گروه ساناز گودرزی.', alternates:{canonical:'/ourservices/'} };
+const order = ['residential', 'commercial', 'landscape', 'beauty', 'facade'];
+export default function Services() {
+  return <><PageHeading title="خدمات ما" en="Our Services"/>
+    <div className="reference-services">{order.map(id => {
+      const service = services.find(item => item.id === id);
+      return <section className="reference-service-card" id={id} key={id}>
+        <h2>{service.title}</h2><p className="reference-english" dir="ltr">{service.en}</p>
+        <div className="service-card-text"><p>{service.description}</p>{service.details.map(text => <p key={text}>{text}</p>)}</div>
+      </section>;
+    })}</div></>;
+}