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></>;
}