developer desktop and responsive

2025-04-12 15:47:10 +03:30
parent 84e9873915
commit b8744085f7
2 changed files with 72 additions and 0 deletions
@@ -0,0 +1,72 @@
+import Button from '@/components/Button'
+import { ArrowLeft } from 'iconsax-react'
+import { NextPage } from 'next'
+import Image from 'next/image'
+import React from 'react'
+
+const Developers: NextPage = () => {
+    return (
+        <div className='mt-24'>
+            <h1 className='text-2xl font-bold'>
+                توسعه دهندگان
+            </h1>
+
+            <div className='flex xl:flex-row flex-col xl:gap-24 gap-10 mt-14'>
+                <div className='flex-[2] font-bold'>
+                    چه در قالب فرد و یا شرکت ایده منحصر به فرد و خلاقانه ای دارید که نیاز به مشتری و گسترش بازار دارید؟
+                </div>
+                <div className='flex-[3] text-sm'>
+                    <p className='leading-6'>
+                        داناک از طریق شبکه گسترده فروش خود به صورت کاملا مکانیزه به شما کمک میکند تا محصولات و خدمات خود را با یک تجربه کاربری منحصر به فرد عرضه کنید:
+                    </p>
+
+                    <p className='mt-4 leading-6'>
+                        کافی است در بخش توسعه دهندگان داناک ثبت نام کرده و پس از طی کردن فرآیند احراز محصول یا سرویس خود را برای داناک ارسال نمایید. پس از بررسی مستندات فوق داناک شروع به بررسی آن کرده و بر روی فروشگاه اختصاصی محصولات و خدمات قرار می دهد.
+                    </p>
+                </div>
+            </div>
+
+            <div className='mt-24 relative'>
+                <Image
+                    src='/images/developer.webp'
+                    alt='developers'
+                    width={2000}
+                    height={1000}
+                    className='w-full object-cover xl:max-h-[450px] min-h-[200px] rounded-4xl'
+                />
+                <div className='absolute top-0 left-0 w-full h-full rounded-4xl flex flex-col justify-center items-center text-white'>
+                    <div className='max-w-maxWidth mx-auto flex flex-col items-center'>
+                        <h4 className='xl:text-2xl font-bold'>
+                            پنل توسعه دهندگان داناک
+                        </h4>
+
+                        <p className='leading-6 mt-8 text-center xl:block hidden'>
+                            عضویت در پنل توسعه دهندگان داناک شامل تمام ابزارها، منابع و پشتیبانی مورد نیاز برای توسعه و توزیع برنامه‌ها، از جمله دسترسی به نرم‌افزار های بتا، API پرداخت و تراکنش ها ، ابزارهای آزمایش، تجزیه و تحلیل برنامه‌ها و سایر موارد دیگر است.
+                        </p>
+
+                        <p className='mt-3 xl:block hidden'>
+                            زمانیکه به توسعه دهندگان داناک ملحق می شوید به شبکه توزیع در سراسر ایران دسترسی خواهید داشت تا بتوانید محصولات خود را به سراسر کشور عرضه نمایید.
+                        </p>
+
+                        <Button
+                            className='xl:mt-10 mt-4 bg-white text-black w-fit px-6 h-8 xl:h-10'
+                        >
+                            <div className='flex gap-1.5 items-center'>
+                                <div className='text-sm'>
+                                    شروع کنید
+                                </div>
+                                <ArrowLeft
+                                    size={24}
+                                    color='black'
+                                />
+                            </div>
+                        </Button>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    )
+}
+
+export default Developers