import Button from '@/components/Button'
import { ArrowLeft } from 'iconsax-react'
import { NextPage } from 'next'
import Image from 'next/image'
import React from 'react'

export const metadata = {
    title: 'داناک | توسعه دهندگان',
    description: 'توسعه دهندگان داناک',
    openGraph: {
        title: 'داناک | توسعه دهندگان',
        description: 'توسعه دهندگان داناک',
    },
}
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] leading-6 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