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>
     )
 }
 

src/components/ServiceItem.tsx

@@ -0,0 +1,36 @@
+import { ArrowLeft } from 'iconsax-react'
+import { FC } from 'react'
+
+const ServiceItem: FC = () => {
+    return (
+        <div className='flex-1 bg-white rounded-4xl p-10'>
+            <div className='flex justify-between'>
+                <div className='size-[70px] rounded-2xl bg-orange-400'></div>
+                <div className='h-8 bg-primary text-white px-4 rounded-2xl text-sm flex items-center'>
+                    دسته بندی
+                </div>
+            </div>
+
+            <h3 className='mt-6 text-2xl'>
+                دی منو
+            </h3>
+
+            <p className='text-xs font-light mt-1'>
+                منو دیجیتال رستوران
+            </p>
+
+            <p className='mt-6 text-sm leading-7'>
+                لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم استلورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
+            </p>
+
+            <div className='flex justify-end mt-6'>
+                <div className='flex gap-1.5 items-center'>
+                    <div className='text-sm'>جزییات</div>
+                    <ArrowLeft size={20} color='black' />
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default ServiceItem