representive desktop and responsive version

2025-04-12 16:15:33 +03:30
parent b8744085f7
commit 78ad7d9827
2 changed files with 132 additions and 0 deletions
@@ -0,0 +1,132 @@
 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'
 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'>
                        <InfoBox
                            icon={<TickCircle color='#FF00B8' size={24} />}
                            title='درامد خوب'
                            description='فروش نرم افزار یکی از مشاغل جدید و بسیار پر درآمد در بسیاری از کشورهاست. در کشور ما نیز اخیرا مشتریان نرم افزاری همچون سیلی در مقابل تولیدکنندگان و فروشندگان نرم افزاری ظهور پیدا کرده اند. به طوری که هیچ سقفی برای درآمد مدیران توانمند در این حرفه وجود ندارد.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1'>
                        <InfoBox
                            icon={<TickCircle color='#FF00B8' size={24} />}
                            title='درامد خوب'
                            description='فروش نرم افزار یکی از مشاغل جدید و بسیار پر درآمد در بسیاری از کشورهاست. در کشور ما نیز اخیرا مشتریان نرم افزاری همچون سیلی در مقابل تولیدکنندگان و فروشندگان نرم افزاری ظهور پیدا کرده اند. به طوری که هیچ سقفی برای درآمد مدیران توانمند در این حرفه وجود ندارد.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1'>
                        <InfoBox
                            icon={<TickCircle color='#FF00B8' size={24} />}
                            title='درامد خوب'
                            description='فروش نرم افزار یکی از مشاغل جدید و بسیار پر درآمد در بسیاری از کشورهاست. در کشور ما نیز اخیرا مشتریان نرم افزاری همچون سیلی در مقابل تولیدکنندگان و فروشندگان نرم افزاری ظهور پیدا کرده اند. به طوری که هیچ سقفی برای درآمد مدیران توانمند در این حرفه وجود ندارد.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1'>
                        <InfoBox
                            icon={<TickCircle color='#0028FF' size={24} />}
                            title='محصولات داناک'
                            description='متفاوت و قدرتمند و به اعتراف مشتریان در نظر سنجی های انجام شده فوق العاده راحت است. لذا خود محصولات می توانند مشتری های بعدی خود را به سرعت جذب نماید.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1'>
                        <InfoBox
                            icon={<TickCircle color='#FF00B8' size={24} />}
                            title='درامد خوب'
                            description='فروش نرم افزار یکی از مشاغل جدید و بسیار پر درآمد در بسیاری از کشورهاست. در کشور ما نیز اخیرا مشتریان نرم افزاری همچون سیلی در مقابل تولیدکنندگان و فروشندگان نرم افزاری ظهور پیدا کرده اند. به طوری که هیچ سقفی برای درآمد مدیران توانمند در این حرفه وجود ندارد.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1'>
                        <InfoBox
                            icon={<TickCircle color='#FF00B8' size={24} />}
                            title='درامد خوب'
                            description='فروش نرم افزار یکی از مشاغل جدید و بسیار پر درآمد در بسیاری از کشورهاست. در کشور ما نیز اخیرا مشتریان نرم افزاری همچون سیلی در مقابل تولیدکنندگان و فروشندگان نرم افزاری ظهور پیدا کرده اند. به طوری که هیچ سقفی برای درآمد مدیران توانمند در این حرفه وجود ندارد.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1'>
                        <InfoBox
                            icon={<TickCircle color='#FF00B8' size={24} />}
                            title='درامد خوب'
                            description='فروش نرم افزار یکی از مشاغل جدید و بسیار پر درآمد در بسیاری از کشورهاست. در کشور ما نیز اخیرا مشتریان نرم افزاری همچون سیلی در مقابل تولیدکنندگان و فروشندگان نرم افزاری ظهور پیدا کرده اند. به طوری که هیچ سقفی برای درآمد مدیران توانمند در این حرفه وجود ندارد.'
                        />
                    </div>
                    <div className='xl:min-w-[23%] min-w-[60%] flex-1'>
                        <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