import Button from '@/components/Button'
import InfoBox from '@/components/InfoBox'
import { ArrowLeft, TickCircle } 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 Representatives: 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>
                </div>
            </div>

            <div className='mt-24'>
                <h6 className='text-lg font-bold'>
                    چرا فروش نرم افزار ها داناک؟
                </h6>

                <div className='flex gap-8 flex-wrap mt-14'>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1 flex'>
                        <InfoBox
                            icon={<TickCircle color='#FF00B8' size={24} />}
                            title='درامد خوب'
                            description='فروش نرم افزار یکی از مشاغل جدید و بسیار پر درآمد در بسیاری از کشورهاست. در کشور ما نیز اخیرا مشتریان نرم افزاری همچون سیلی در مقابل تولیدکنندگان و فروشندگان نرم افزاری ظهور پیدا کرده اند. به طوری که هیچ سقفی برای درآمد مدیران توانمند در این حرفه وجود ندارد.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1 flex'>
                        <InfoBox
                            icon={<TickCircle color='#0028FF' size={24} />}
                            title='محصولات داناک'
                            description='متفاوت و قدرتمند و به اعتراف مشتریان در نظر سنجی های انجام شده فوق العاده راحت است. لذا خود محصولات می توانند مشتری های بعدی خود را به سرعت جذب نماید.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1 flex'>
                        <InfoBox
                            icon={<TickCircle color='#FF7B00' size={24} />}
                            title='مهارت'
                            description='روش های موفق پیشنهادی برای چگونگی افزایش مشتریان بالقوه، نحوه ارائه نرم افزار، نحوه قطعی کردن فروش و دیگر مهارت های فروش که در اختیار نمایندگان جدید قرار خواهد گرفت.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1 flex'>
                        <InfoBox
                            icon={<TickCircle color='#00980F' size={24} />}
                            title='رشد فردی'
                            description='برگزاری دوره ای همایش هایی سراسری برای نمایندگان کل کشور و ایجاد شرایطی برای رشد و بروز شدن اطلاعات نمایندگان در زمینه های مختلف فروش و بازاریابی با حضور اساتید مطرح این علوم.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1 flex'>
                        <InfoBox
                            icon={<TickCircle color='#FFB800' size={24} />}
                            title='ارتقا شغلی'
                            description='نمایندگانی که با انرژی فعالیت میکنند، درآمد نسبتا بالایی دارند به طوری که نمایندگان میتوانند برای ارتقای شغلی و درآمد زایی خود در این شرکت، اهداف دراز مدت تعیین کنند.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1 flex'>
                        <InfoBox
                            icon={<TickCircle color='#E63EF5' size={24} />}
                            title='سیاست ها'
                            description='سیاست ها و استراتژی های اعطای نمایندگی در شرکت داناک منحصر به فرد، نماینده محور می باشد.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1 flex'>
                        <InfoBox
                            icon={<TickCircle color='#FF2E00' size={24} />}
                            title='روابط عمومی'
                            description='کسانی که دارای روابط عمومی بالایی هستند و یا دوست دارند که روابط گسترده ای ایجاد کنند، بهترین ها خواهند بود.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1 flex'>
                        <InfoBox
                            icon={<TickCircle color='#0028FF' size={24} />}
                            title='یکپارچگی مجموعه'
                            description='ارتباط نزدیک و صمیمانه دفتر مرکزی با نمایندگان و همراهی آن ها.'
                        />
                    </div>
                </div>

            </div>

            <div className='mt-24 relative'>
                <Image
                    src='/images/representive.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'>
                            اگر شما هم می‌خواهید به کسب‌وکارها بهترین راهکارهای نرم‌افزاری را ارائه دهید و با تیمی حرفه‌ای همکاری کنید، حالا وقت آن است که به عنوان نماینده داناک شناخته شوید. با دریافت گواهینامه معتبر و طی فرآیند احراز صلاحیت داناک، به دنیای جدیدی از فرصت‌ها و چالش‌های جذاب وارد شوید.
                        </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 Representatives