danak/danak-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

about reponsive

Browse Source
This commit is contained in:
hamid zarghami
2025-04-12 16:49:28 +03:30
parent a2f4f782cc
commit 715d58a3b8
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/about/page.tsx
+11 -11
View File
@@ -12,7 +12,7 @@ const About: NextPage = () => {
درباره ی داناک درباره ی داناک
</h1> </h1>
</div> </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 className='font-bold'>
داناک در یک نگاه داناک در یک نگاه
</h6> </h6>
@@ -20,7 +20,7 @@ const About: NextPage = () => {
قبل از تبدیل شدن داناک به یک شرکت ، یک ایده بودیم. ایده ای نه برای ساخت یک محصول یا خدمت جدید، ایده ای برای ساخت یک فرهنگ خلاقانه و ارزش محور. داناک با این باور متولد شده که استعداد ، توانایی و تعهد افراد می تواند موتور محرکه شرکتی رو به آینده باشد. شرکتی که توانایی انجام کارهای شگفت انگیز و فوق العاده ای دارد و غیر ممکن ها را ممکن می سازد. داناک ترکیبی از بهترین مهندسین ، توانمندترین متخصصین ، جدیدترین تکنولوژی ها و خلاقانه ترین ایده هاست. به پشتوانه این ترکیب فوق العاده می توانیم با ارائه راه کار های مبتنی بر نرم افزار ، هوش مصنوعی و آنالیز داده به شما کمک کنیم تا سازمان خود را بهتر رصد کنید و تصمیم های هوشمندانه تری اتخاذ نمایید. قبل از تبدیل شدن داناک به یک شرکت ، یک ایده بودیم. ایده ای نه برای ساخت یک محصول یا خدمت جدید، ایده ای برای ساخت یک فرهنگ خلاقانه و ارزش محور. داناک با این باور متولد شده که استعداد ، توانایی و تعهد افراد می تواند موتور محرکه شرکتی رو به آینده باشد. شرکتی که توانایی انجام کارهای شگفت انگیز و فوق العاده ای دارد و غیر ممکن ها را ممکن می سازد. داناک ترکیبی از بهترین مهندسین ، توانمندترین متخصصین ، جدیدترین تکنولوژی ها و خلاقانه ترین ایده هاست. به پشتوانه این ترکیب فوق العاده می توانیم با ارائه راه کار های مبتنی بر نرم افزار ، هوش مصنوعی و آنالیز داده به شما کمک کنیم تا سازمان خود را بهتر رصد کنید و تصمیم های هوشمندانه تری اتخاذ نمایید.
</div> </div>
</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 <InfoBox
icon={<TickCircle size={24} color='#FF7B00' />} icon={<TickCircle size={24} color='#FF7B00' />}
title='مأموریت' title='مأموریت'
@@ -43,12 +43,12 @@ const About: NextPage = () => {
/> />
</div> </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'> <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> </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]'> <div className='max-w-[300px]'>
<h6 className='font-bold'> <h6 className='font-bold'>
مجوز ها و گواهینامه ها مجوز ها و گواهینامه ها
@@ -59,19 +59,19 @@ const About: NextPage = () => {
</div> </div>
<div className='flex-1 flex flex-wrap gap-6 text-sm'> <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>
<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>
<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>
<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>
<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>
<div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'> <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> </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]'> <div className='max-w-[300px]'>
<h6 className='font-bold'> <h6 className='font-bold'>
ارزش های ما ارزش های ما