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

export const metadata = {
    title: 'داناک | درباره ما',
    description: 'داناک به مدیران کمک می کند تا عملیات جاری سازمانشان را بهتر مدیریت کنند ، بهره وری بیشتری از منابع داشته باشند و از فعالیت های تکراری و روزمره رهایی یابند.',
    openGraph: {
        title: 'داناک | درباره ما',
        description: 'داناک به مدیران کمک می کند تا عملیات جاری سازمانشان را بهتر مدیریت کنند ، بهره وری بیشتری از منابع داشته باشند و از فعالیت های تکراری و روزمره رهایی یابند.',
        url: 'https://danakcorp.com/about',
        siteName: 'داناک',
        locale: 'fa_IR',
        type: 'website',
    },
}

const About: NextPage = () => {
    return (
        <div className='mt-24'>
            <div className='flex items-start justify-between max-w-maxWidth mx-auto'>
                <h1 className='text-2xl font-bold'>
                    درباره ی داناک
                </h1>
                <div className='max-w-[500px] text-sm leading-6'>
                    قبل از تبدیل شدن داناک به یک شرکت ، یک ایده بودیم. ایده ای نه برای ساخت یک محصول یا خدمت جدید، ایده ای برای ساخت یک فرهنگ خلاقانه و ارزش محور. داناک با این باور متولد شده که استعداد ، توانایی و تعهد افراد می تواند موتور محرکه شرکتی رو به آینده باشد. شرکتی که توانایی انجام کارهای شگفت انگیز و فوق العاده ای دارد و غیر ممکن ها را ممکن می سازد. داناک ترکیبی از بهترین مهندسین ، توانمندترین متخصصین ، جدیدترین تکنولوژی ها و خلاقانه ترین ایده هاست. به پشتوانه این ترکیب فوق العاده می توانیم با ارائه راه کار های مبتنی بر نرم افزار ، هوش مصنوعی و آنالیز داده به شما کمک کنیم تا سازمان خود را بهتر رصد کنید و تصمیم های هوشمندانه تری اتخاذ نمایید.
                </div>
            </div>
            <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='مأموریت'
                    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 xl:h-[500px]'>
                <div className='max-w-maxWidth mx-auto'>
                    <video controls className='w-full object-cover xl:-mt-[300px] -mt-[100px] rounded-4xl max-h-[500px]'>
                        <source src='/hp-s3-360p.mp4' type='video/mp4' />
                    </video>

                    <div className='flex xl:flex-row flex-col 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 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 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
                                مشاوره استقرار ISMS
                            </div>
                            <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 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
                                GDPR
                            </div>
                            <div className='flex-1 xl:min-w-[30%] min-w-[90%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
                                ISO:27001
                            </div>
                            <div className='flex-1 min-w-[30%] bg-[#ECEFF6] h-10 rounded-xl font-bold flex justify-center items-center'>
                                SSAE18
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <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'>
                        ارزش های ما
                    </h6>
                    <p className=' leading-5 text-sm mt-2'>
                        از محصولات تولیدی تا خدماتی که در داناک عرضه می کنیم، هسته اصلی ارزش های ما برقراری ارتباط بلند مدت با مشتریان و شرکای تجاریمان است.
                    </p>
                </div>

                <div className='flex-1 flex flex-col gap-4'>
                    <Accordion title='تعهد' content='ما به انجام کار به بهترین حالت ممکن متعهدیم.' />
                    <Accordion title='قابل اعتماد' content='عملکرد شفاف و ارائه گزارش های دقیق ضامن این اصل از ارزش های ماست.' />
                    <Accordion title='پاسخگویی' content='ما مسئول تمام آنچه برای شما انجام میدهیم هستیم.' />
                </div>
            </div>

            <WhyDanak />
        </div>
    )
}

export default About