footer

src/app/home/WhyDanak.tsx

@@ -5,24 +5,24 @@ import { FC } from 'react'
 
 const WhyDanak: FC = () => {
     return (
-        <div className='w-full py-32 bg-gradient-to-l 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-l from-[#eef0f6] via-[#e2e5ec] to-[#dee1e9] xl:mt-40 mt-12 rounded-4xl'>
+            <div className='max-w-maxWidth px-4 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>
 
                     <Button
                         label='خدمات'
-                        className='mt-10 w-fit px-12'
+                        className='mt-10 w-fit px-12 hidden xl:block'
                     />
                 </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={<Profile2User