footer
This commit is contained in:
hamid zarghami
@@ -4,12 +4,12 @@ import { FC } from 'react'
|
||||
|
||||
const Blog: FC = () => {
|
||||
return (
|
||||
<div className='mt-24 max-w-maxWidth mx-auto'>
|
||||
<div className='xl:mt-24 mt-14 max-w-maxWidth mx-auto'>
|
||||
<SectionHeader
|
||||
title='بلاگ داناک'
|
||||
/>
|
||||
|
||||
<div className='flex gap-8 mt-16 items-center'>
|
||||
<div className='flex xl:flex-row flex-col gap-8 xl:mt-16 mt-10 items-center'>
|
||||
<BlogItem />
|
||||
<BlogItem />
|
||||
<BlogItem />
|
||||
|
||||
@@ -5,18 +5,18 @@ import { FC } from 'react'
|
||||
|
||||
const Collaboration: FC = () => {
|
||||
return (
|
||||
<div className='w-full py-32 bg-gradient-to-r from-[#eef0f6] via-[#e2e5ec] to-[#dee1e9] mt-40 rounded-4xl'>
|
||||
<div className='max-w-maxWidth mx-auto flex items-center gap-20'>
|
||||
<div className='max-w-[300px]'>
|
||||
<h2 className='text-3xl'>
|
||||
<div className='w-full xl:py-32 py-20 bg-gradient-to-r from-[#eef0f6] via-[#e2e5ec] to-[#dee1e9] xl:mt-40 mt-12 rounded-4xl'>
|
||||
<div className='max-w-maxWidth px-6 xl:px-0 mx-auto flex xl:flex-row flex-col items-center xl:gap-20 gap-14'>
|
||||
<div className='xl:max-w-[300px] text-center xl:text-right'>
|
||||
<h2 className='xl:text-3xl text-sm font-bold'>
|
||||
همکاری با داناک
|
||||
</h2>
|
||||
|
||||
<p className='mt-10 leading-7 text-sm'>
|
||||
<p className='xl:mt-10 mt-5 leading-5 xl:leading-7 xl:text-sm text-xs'>
|
||||
با پیوستن به داناک، فرصتهای جدیدی برای رشد و کسب درآمد خواهید داشت. چه بهعنوان نماینده فروش و چه بهعنوان توسعهدهنده، ما بستر مناسبی برای موفقیت شما فراهم کردهایم.
|
||||
</p>
|
||||
|
||||
<div className='flex gap-2 mt-10'>
|
||||
<div className='flex justify-center xl:justify-start gap-2 mt-10'>
|
||||
<Button
|
||||
label='توسعه دهندگان'
|
||||
className='w-fit px-5 whitespace-nowrap'
|
||||
@@ -28,7 +28,7 @@ const Collaboration: FC = () => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='flex-1 flex gap-8 flex-wrap'>
|
||||
<div className='flex-1 flex xl:flex-row flex-col gap-8 flex-wrap'>
|
||||
<div className='min-w-[40%] flex-1'>
|
||||
<InfoBox
|
||||
icon={<DocumentCode
|
||||
|
||||
@@ -10,7 +10,7 @@ const DanakServices: FC = () => {
|
||||
const [categoryId, setCategoryId] = useState<string>('')
|
||||
|
||||
return (
|
||||
<div className='mt-24 max-w-maxWidth mx-auto'>
|
||||
<div className='xl:mt-24 mt-12 max-w-maxWidth mx-auto'>
|
||||
<SectionHeader
|
||||
title='سرویس های داناک'
|
||||
/>
|
||||
@@ -48,16 +48,27 @@ const DanakServices: FC = () => {
|
||||
</Swiper>
|
||||
</div>
|
||||
|
||||
<div className='mt-16 flex gap-8'>
|
||||
<ServiceItem
|
||||
isShort
|
||||
/>
|
||||
<ServiceItem
|
||||
isShort
|
||||
/>
|
||||
<ServiceItem
|
||||
isShort
|
||||
/>
|
||||
<div className='xl:mt-16 mt-10 flex flex-wrap gap-8'>
|
||||
<div className='xl:min-w-[30%] min-w-[70%] flex-1'>
|
||||
<ServiceItem
|
||||
isShort
|
||||
/>
|
||||
</div>
|
||||
<div className='xl:min-w-[30%] min-w-[70%] flex-1'>
|
||||
<ServiceItem
|
||||
isShort
|
||||
/>
|
||||
</div>
|
||||
<div className='xl:min-w-[30%] min-w-[70%] flex-1'>
|
||||
<ServiceItem
|
||||
isShort
|
||||
/>
|
||||
</div>
|
||||
<div className='xl:min-w-[30%] min-w-[70%] flex-1'>
|
||||
<ServiceItem
|
||||
isShort
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
@@ -3,12 +3,12 @@ import ServiceItem from '@/components/ServiceItem'
|
||||
|
||||
const DanakSuggestedService: FC = () => {
|
||||
return (
|
||||
<div className='max-w-maxWidth mx-auto mt-20'>
|
||||
<h2 className='text-2xl'>
|
||||
<div className='max-w-maxWidth mx-auto xl:mt-20 mt-12'>
|
||||
<h2 className='xl:text-2xl text-sm font-bold text-center xl:text-right'>
|
||||
سرویس های پیشنهادی داناک
|
||||
</h2>
|
||||
|
||||
<div className='mt-14 flex gap-8'>
|
||||
<div className='xl:mt-14 mt-10 flex xl:flex-row flex-col gap-8'>
|
||||
<ServiceItem />
|
||||
<ServiceItem />
|
||||
</div>
|
||||
|
||||
@@ -10,16 +10,16 @@ const HeroSection: FC = () => {
|
||||
alt='banner'
|
||||
width={1920}
|
||||
height={1080}
|
||||
className='w-full rounded-4xl object-cover mt-14'
|
||||
className='w-full rounded-4xl object-cover xl:mt-14 mt-8 min-h-[210px]'
|
||||
/>
|
||||
|
||||
<div className='absolute flex items-center z-1 top-0 left-0 w-full h-full bg-black/10 rounded-4xl'>
|
||||
<div className='max-w-maxWidth w-full mx-auto px-10 text-4xl text-white'>
|
||||
<div className='max-w-maxWidth w-full mx-auto px-10 xl:text-4xl text-lg text-white'>
|
||||
<p>داناک،</p>
|
||||
<p className='mt-5 font-bold'>تلفیق هنر و تکنولوژی</p>
|
||||
<p className='xl:mt-5 font-bold'>تلفیق هنر و تکنولوژی</p>
|
||||
|
||||
<Button
|
||||
className='mt-12 !w-fit px-10 bg-white !text-black'
|
||||
className='xl:mt-12 mt-5 !w-fit px-10 bg-white !text-black'
|
||||
label='درباره ی ما'
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -5,24 +5,24 @@ import { FC } from 'react'
|
||||
|
||||
const WhyDanak: FC = () => {
|
||||
return (
|
||||
<div className='w-full py-32 bg-gradient-to-l from-[#eef0f6] via-[#e2e5ec] to-[#dee1e9] mt-40 rounded-4xl'>
|
||||
<div className='max-w-maxWidth mx-auto flex items-center gap-20'>
|
||||
<div className='max-w-[300px]'>
|
||||
<h2 className='text-3xl'>
|
||||
<div className='w-full xl:py-32 py-20 bg-gradient-to-l from-[#eef0f6] via-[#e2e5ec] to-[#dee1e9] xl:mt-40 mt-12 rounded-4xl'>
|
||||
<div className='max-w-maxWidth px-4 xl:px-0 mx-auto flex xl:flex-row flex-col items-center xl:gap-20 gap-14'>
|
||||
<div className='xl:max-w-[300px] text-center xl:text-right'>
|
||||
<h2 className='xl:text-3xl text-sm font-bold'>
|
||||
چرا داناک؟
|
||||
</h2>
|
||||
|
||||
<p className='mt-10 leading-7 text-sm'>
|
||||
<p className='xl:mt-10 mt-5 leading-5 xl:leading-7 xl:text-sm text-xs'>
|
||||
ما در داناک با ترکیب خلاقیت، تخصص و تکنولوژیهای روز، راهکارهای نرمافزاری منحصربهفردی ارائه میدهیم که کسبوکار شما را به سطحی بالاتر میبرد.
|
||||
</p>
|
||||
|
||||
<Button
|
||||
label='خدمات'
|
||||
className='mt-10 w-fit px-12'
|
||||
className='mt-10 w-fit px-12 hidden xl:block'
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='flex-1 flex gap-8 flex-wrap'>
|
||||
<div className='flex-1 flex xl:flex-row flex-col gap-8 flex-wrap'>
|
||||
<div className='min-w-[40%] flex-1'>
|
||||
<InfoBox
|
||||
icon={<Profile2User
|
||||
|
||||
+1
-1
@@ -29,7 +29,7 @@ export default function RootLayout({
|
||||
<body
|
||||
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
|
||||
>
|
||||
<div className="font-irancell p-16">
|
||||
<div className="font-irancell xl:p-16 p-4">
|
||||
{children}
|
||||
</div>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user