footer

src/app/home/Collaboration.tsx

@@ -5,18 +5,18 @@ 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'>
+        <div className='w-full xl:py-32 py-20 bg-gradient-to-r from-[#eef0f6] via-[#e2e5ec] to-[#dee1e9] xl:mt-40 mt-12 rounded-4xl'>
+            <div className='max-w-maxWidth px-6 xl:px-0 mx-auto flex xl:flex-row flex-col items-center xl:gap-20 gap-14'>
+                <div className='xl:max-w-[300px] text-center xl:text-right'>
+                    <h2 className='xl:text-3xl text-sm font-bold'>
                         همکاری با داناک
                     </h2>
 
-                    <p className='mt-10 leading-7 text-sm'>
+                    <p className='xl:mt-10 mt-5 leading-5 xl:leading-7 xl:text-sm text-xs'>
                         با پیوستن به داناک، فرصت‌های جدیدی برای رشد و کسب درآمد خواهید داشت. چه به‌عنوان نماینده فروش و چه به‌عنوان توسعه‌دهنده، ما بستر مناسبی برای موفقیت شما فراهم کرده‌ایم.
                     </p>
 
-                    <div className='flex gap-2 mt-10'>
+                    <div className='flex justify-center xl:justify-start gap-2 mt-10'>
                         <Button
                             label='توسعه دهندگان'
                             className='w-fit px-5 whitespace-nowrap'
@@ -28,7 +28,7 @@ const Collaboration: FC = () => {
                     </div>
                 </div>
 
-                <div className='flex-1 flex gap-8 flex-wrap'>
+                <div className='flex-1 flex xl:flex-row flex-col gap-8 flex-wrap'>
                     <div className='min-w-[40%] flex-1'>
                         <InfoBox
                             icon={<DocumentCode