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