import InfoBox from '@/components/InfoBox'
import { AddCircle, TickCircle } from 'iconsax-react'
import { NextPage } from 'next'
import React from 'react'
import WhyDanak from '../home/WhyDanak'

const About: NextPage = () => {
    return (
        <div className='mt-24'>
            <div className='flex items-center justify-between max-w-maxWidth mx-auto'>
                <h1 className='text-2xl font-bold'>
                    درباره ی داناک
                </h1>
            </div>
            <div className='flex mt-14 justify-between max-w-maxWidth mx-auto'>
                <h6 className='font-bold'>
                    داناک در یک نگاه
                </h6>
                <div className='max-w-[500px] text-sm leading-6'>
                    قبل از تبدیل شدن داناک به یک شرکت ، یک ایده بودیم. ایده ای نه برای ساخت یک محصول یا خدمت جدید، ایده ای برای ساخت یک فرهنگ خلاقانه و ارزش محور. داناک با این باور متولد شده که استعداد ، توانایی و تعهد افراد می تواند موتور محرکه شرکتی رو به آینده باشد. شرکتی که توانایی انجام کارهای شگفت انگیز و فوق العاده ای دارد و غیر ممکن ها را ممکن می سازد. داناک ترکیبی از بهترین مهندسین ، توانمندترین متخصصین ، جدیدترین تکنولوژی ها و خلاقانه ترین ایده هاست. به پشتوانه این ترکیب فوق العاده می توانیم با ارائه راه کار های مبتنی بر نرم افزار ، هوش مصنوعی و آنالیز داده به شما کمک کنیم تا سازمان خود را بهتر رصد کنید و تصمیم های هوشمندانه تری اتخاذ نمایید.
                </div>
            </div>
            <div className='mt-20 flex gap-8 max-w-maxWidth mx-auto'>
                <InfoBox
                    icon={<TickCircle size={24} color='#FF7B00' />}
                    title='مأموریت'
                    description='ماموریت ما ارائه ابزارهایی است که به کمک آن بتوانید رویه های جاری سازمانتان را مدیریت کنید، از منابعتان بهره برداری بیشتری بکنید و هوشمندانه تر تصمیم گیری کنید، ماموریت ما کمک به بهتر شدن سازمان شماست.'
                />
                <InfoBox
                    icon={<TickCircle size={24} color='#0028FF' />}
                    title='چشم انداز ما'
                    description='ما در رویای ساخت دنیایی بهتر هستیم، با ارائه محصولات و خدمات عالی بر آن هستیم به شما کمک کنیم تا تصمیمات بهتری اتخاذ نمایید، زمانیکه تصمیمات درست در لحظات درست اخذ شود دنیا مکان بهتری برای زندگی خواهد بود.'
                />
                <InfoBox
                    icon={<TickCircle size={24} color='#FF2E00' />}
                    title='فرهنگ کاری ما'
                    description='هر ناممکنی ممکن است. شعار ما که “هر نا ممکنی ممکن است” بازتاب عقیده ما مبنی بر این است که ترکیبی از بهترین استعداد ها، به روز ترین تکنولوژی ها و کار گروهی فرمولی مطمئن برای ممکن کردن هر نا ممکنی است.'
                />
                <InfoBox
                    icon={<TickCircle size={24} color='#00980F' />}
                    title='نام ما'
                    description='نام ما”داناک” بیش از تنها یک نام برای ما اهمیت دارد، این اسم نشان دهنده فلسفه فکری ماست، فلسفه ای که در آن ذکاوت، هوشمندی ، خردمندی عناصر جدایی ناپذیر آنند. این نام مرتبا به ما یاد آوری میکند تا باید هوشمندانه ترین راه کار ها را به مشتریانمان ارائه کنیم و راه را برای توسعه آن ها هموار تر کنیم.'
                />
            </div>

            <div className='mt-[300px] bg-white rounded-4xl p-10 h-[500px]'>
                <div className='max-w-maxWidth mx-auto'>
                    <video controls className='w-full -mt-[300px] rounded-4xl max-h-[500px]'>
                    </video>

                    <div className='flex gap-24 mt-20'>
                        <div className='max-w-[300px]'>
                            <h6 className='font-bold'>
                                مجوز ها و گواهینامه ها
                            </h6>
                            <p className='text-sm leading-6 mt-3'>
                                با استانداردهای سختگیرانه جهانی ایمنی مطابقت دارد و از آنها فراتر می رود.
                            </p>
                        </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>
                            <div className='flex-1 min-w-[30%] 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>
                            <div className='flex-1 min-w-[30%] 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>
                            <div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
                                صادرکنندگان نرم افزار
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div className='max-w-maxWidth mx-auto flex gap-24 mt-24'>
                <div className='max-w-[300px]'>
                    <h6 className='font-bold'>
                        ارزش های ما
                    </h6>
                    <p className=' leading-5 text-sm mt-2'>
                        از محصولات تولیدی تا خدماتی که در داناک عرضه می کنیم، هسته اصلی ارزش های ما برقراری ارتباط بلند مدت با مشتریان و شرکای تجاریمان است.
                    </p>
                </div>

                <div className='flex-1 flex flex-col gap-4'>
                    <div className='bg-white rounded-xl p-3 flex-1 h-fit'>
                        <div className='flex justify-between'>
                            <div className='font-bold'>
                                تعهد
                            </div>

                            <AddCircle
                                size={24}
                                color='black'
                            />
                        </div>
                    </div>
                    <div className='bg-white rounded-xl p-3 flex-1 h-fit'>
                        <div className='flex justify-between'>
                            <div className='font-bold'>
                                تعهد
                            </div>

                            <AddCircle
                                size={24}
                                color='black'
                            />
                        </div>
                    </div>
                    <div className='bg-white rounded-xl p-3 flex-1 h-fit'>
                        <div className='flex justify-between'>
                            <div className='font-bold'>
                                تعهد
                            </div>

                            <AddCircle
                                size={24}
                                color='black'
                            />
                        </div>
                    </div>
                </div>
            </div>

            <WhyDanak />
        </div>
    )
}

export default About