about us desktop version
This commit is contained in:
hamid zarghami
@@ -0,0 +1,140 @@
|
||||
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
|
||||
@@ -6,10 +6,10 @@ import { FC } from 'react'
|
||||
const Footer: FC = () => {
|
||||
return (
|
||||
<div className='w-full border-4 border-white rounded-4xl bg-white/26 px-4 min-h-[550px] xl:mt-24 mt-16 flex flex-col'>
|
||||
<div className='max-w-maxWidth mx-auto flex flex-col flex-1 w-full pt-10'>
|
||||
<div className=' flex flex-col flex-1 w-full pt-10'>
|
||||
<div className='flex-1 flex items-center pb-10'>
|
||||
|
||||
<div className='flex xl:flex-row flex-col xl:gap-24 gap-7 w-full'>
|
||||
<div className='flex xl:flex-row flex-col xl:gap-24 gap-7 w-full justify-between xl:px-10'>
|
||||
|
||||
<div className='xl:max-w-[203px] flex flex-col items-center text-center xl:items-start xl:text-right'>
|
||||
<Image
|
||||
@@ -74,7 +74,7 @@ const Footer: FC = () => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='w-full flex-1'>
|
||||
<div className='w-full flex-1 max-w-[204px]'>
|
||||
<h6 className='font-bold xl:text-base text-xs'>
|
||||
خبرنامه
|
||||
</h6>
|
||||
|
||||
Reference in New Issue
Block a user