From 715d58a3b8c20a0f5b7ec9e6a594b7c214ec24bf Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Sat, 12 Apr 2025 16:49:28 +0330
Subject: [PATCH] about reponsive

---
 src/app/about/page.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index abc2de8..87b97a3 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -12,7 +12,7 @@ const About: NextPage = () => {
                     درباره ی داناک
                 </h1>
             </div>
-            <div className='flex mt-14 justify-between max-w-maxWidth mx-auto'>
+            <div className='flex xl:flex-row flex-col gap-8 mt-14 justify-between max-w-maxWidth mx-auto'>
                 <h6 className='font-bold'>
                     داناک در یک نگاه
                 </h6>
@@ -20,7 +20,7 @@ const About: NextPage = () => {
                     قبل از تبدیل شدن داناک به یک شرکت ، یک ایده بودیم. ایده ای نه برای ساخت یک محصول یا خدمت جدید، ایده ای برای ساخت یک فرهنگ خلاقانه و ارزش محور. داناک با این باور متولد شده که استعداد ، توانایی و تعهد افراد می تواند موتور محرکه شرکتی رو به آینده باشد. شرکتی که توانایی انجام کارهای شگفت انگیز و فوق العاده ای دارد و غیر ممکن ها را ممکن می سازد. داناک ترکیبی از بهترین مهندسین ، توانمندترین متخصصین ، جدیدترین تکنولوژی ها و خلاقانه ترین ایده هاست. به پشتوانه این ترکیب فوق العاده می توانیم با ارائه راه کار های مبتنی بر نرم افزار ، هوش مصنوعی و آنالیز داده به شما کمک کنیم تا سازمان خود را بهتر رصد کنید و تصمیم های هوشمندانه تری اتخاذ نمایید.
                 </div>
             </div>
-            <div className='mt-20 flex gap-8 max-w-maxWidth mx-auto'>
+            <div className='mt-20 flex xl:flex-row flex-col gap-8 max-w-maxWidth mx-auto'>
                 <InfoBox
                     icon={<TickCircle size={24} color='#FF7B00' />}
                     title='مأموریت'
@@ -43,12 +43,12 @@ const About: NextPage = () => {
                 />
             </div>
 
-            <div className='mt-[300px] bg-white rounded-4xl p-10 h-[500px]'>
+            <div className='mt-[300px] bg-white rounded-4xl p-10 xl:h-[500px]'>
                 <div className='max-w-maxWidth mx-auto'>
-                    <video controls className='w-full -mt-[300px] rounded-4xl max-h-[500px]'>
+                    <video controls className='w-full xl:-mt-[300px] -mt-[100px] rounded-4xl max-h-[500px]'>
                     </video>
 
-                    <div className='flex gap-24 mt-20'>
+                    <div className='flex xl:flex-row flex-col gap-24 mt-20'>
                         <div className='max-w-[300px]'>
                             <h6 className='font-bold'>
                                 مجوز ها و گواهینامه ها
@@ -59,19 +59,19 @@ const About: NextPage = () => {
                         </div>
 
                         <div className='flex-1 flex flex-wrap gap-6 text-sm'>
-                            <div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
+                            <div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
                                 صادرکنندگان نرم افزار
                             </div>
-                            <div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
+                            <div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
                                 صادرکنندگان نرم افزار
                             </div>
-                            <div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
+                            <div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
                                 صادرکنندگان نرم افزار
                             </div>
-                            <div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
+                            <div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
                                 صادرکنندگان نرم افزار
                             </div>
-                            <div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
+                            <div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
                                 صادرکنندگان نرم افزار
                             </div>
                             <div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
@@ -82,7 +82,7 @@ const About: NextPage = () => {
                 </div>
             </div>
 
-            <div className='max-w-maxWidth mx-auto flex gap-24 mt-24'>
+            <div className='max-w-maxWidth mx-auto flex xl:flex-row flex-col xl:gap-24 gap-10 mt-24'>
                 <div className='max-w-[300px]'>
                     <h6 className='font-bold'>
                         ارزش های ما