blog collaboration in landing

2025-03-26 23:47:51 +03:30
parent 0ac093ecd9
commit 2a76161a2f
9 changed files with 175 additions and 16 deletions
@@ -0,0 +1,58 @@
+import Button from '@/components/Button'
+import InfoBox from '@/components/InfoBox'
+import { DocumentCode, FavoriteChart } from 'iconsax-react'
+import { FC } from 'react'
+
+const Collaboration: FC = () => {
+    return (
+        <div className='w-full py-32 bg-gradient-to-r from-[#eef0f6] via-[#e2e5ec] to-[#dee1e9] mt-40 rounded-4xl'>
+            <div className='max-w-maxWidth mx-auto flex items-center gap-20'>
+                <div className='max-w-[300px]'>
+                    <h2 className='text-3xl'>
+                        همکاری با داناک
+                    </h2>
+
+                    <p className='mt-10 leading-7 text-sm'>
+                        با پیوستن به داناک، فرصت‌های جدیدی برای رشد و کسب درآمد خواهید داشت. چه به‌عنوان نماینده فروش و چه به‌عنوان توسعه‌دهنده، ما بستر مناسبی برای موفقیت شما فراهم کرده‌ایم.
+                    </p>
+
+                    <div className='flex gap-2 mt-10'>
+                        <Button
+                            label='توسعه دهندگان'
+                            className='w-fit px-5 whitespace-nowrap'
+                        />
+                        <Button
+                            label='نمایندگان'
+                            className='w-fit px-5 bg-transparent border border-black text-black whitespace-nowrap'
+                        />
+                    </div>
+                </div>
+
+                <div className='flex-1 flex gap-8 flex-wrap'>
+                    <div className='min-w-[40%] flex-1'>
+                        <InfoBox
+                            icon={<DocumentCode
+                                size={24}
+                                color='#00980F'
+                            />}
+                            title='توسعه دهندگان'
+                            description='اگر توسعه‌دهنده نرم‌افزار هستید، مارکت‌پلیس داناک بستری ایده‌آل برای عرضه محصولات شماست. نرم‌افزارهای خود را به مشتریان گسترده معرفی کنید و از یک پلتفرم حرفه‌ای برای فروش و پشتیبانی بهره ببرید.'
+                        />
+                    </div>
+                    <div className='min-w-[40%] flex-1'>
+                        <InfoBox
+                            icon={<FavoriteChart
+                                size={24}
+                                color='#FF7B00'
+                            />}
+                            title='نمایندگان فروش'
+                            description='اگر به فروش و بازاریابی علاقه دارید، می‌توانید به‌عنوان نماینده فروش محصولات ما فعالیت کنید. با دسترسی به مجموعه‌ای از راهکارهای نرم‌افزاری باکیفیت، کسب درآمد کنید و شبکه تجاری خود را گسترش دهید.'
+                        />
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default Collaboration