danak suggested:

src/app/globals.css

@@ -37,7 +37,7 @@ textarea::placeholder {
 
 @theme {
   --color-primary: black;
-  --spacing-maxWidth: 1280px;
+  --spacing-maxWidth: 1100px;
 }
 
 tbody tr {

src/app/home/DanakSuggestedService.tsx

@@ -1,8 +1,18 @@
 import { FC } from 'react'
+import ServiceItem from '@/components/ServiceItem'
 
 const DanakSuggestedService: FC = () => {
     return (
-        <div>DanakSuggestedService</div>
+        <div className='max-w-maxWidth mx-auto mt-20'>
+            <h2 className='text-2xl'>
+                سرویس های  پیشنهادی داناک
+            </h2>
+
+            <div className='mt-14 flex gap-8'>
+                <ServiceItem />
+                <ServiceItem />
+            </div>
+        </div>
     )
 }