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

footer

Browse Source
This commit is contained in:
hamid zarghami
2025-03-28 18:19:02 +03:30
parent ef64cb9694
commit fff96e33d2
13 changed files with 186 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/home/Blog.tsx
+2 -2
View File
@@ -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 />
src/app/home/Collaboration.tsx
+7 -7
View File
@@ -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
src/app/home/DanakServices.tsx
+22 -11
View File
@@ -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>
)
src/app/home/DanakSuggestedService.tsx
+3 -3
View File
@@ -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>
src/app/home/HeroSection.tsx
+4 -4
View File
@@ -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>
src/app/home/WhyDanak.tsx
+7 -7
View File
@@ -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
src/app/layout.tsx
+1 -1
View File
@@ -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>
src/components/BlogItem.tsx
+1 -1
View File
@@ -3,7 +3,7 @@ import { FC } from 'react'
const BlogItem: FC = () => {
return (
<div className='flex-1 h-[390px] rounded-4xl overflow-hidden relative'>
<div className='flex-1 w-full min-h-[390px] bg-red-500 rounded-4xl overflow-hidden relative'>
<Image
src='https://picsum.photos/seed/picsum/200/300'
layout='fill'
src/components/InfoBox.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ const InfoBox: FC<Props> = (props: Props) => {
</div>
<div className='flex-1'>
<h3 className='text-lg'>
<h3 className='xl:text-lg font-bold'>
{props.title}
</h3>
</div>
src/components/SectionHeader.tsx
+1 -1
View File
@@ -8,7 +8,7 @@ type Props = {
const SectionHeader: FC<Props> = (props) => {
return (
<div className='flex justify-between items-center'>
<h2 className='text-2xl'>
<h2 className='xl:text-2xl font-bold'>
{props.title}
</h2>
src/components/ServiceItem.tsx
+3 -3
View File
@@ -7,15 +7,15 @@ type Props = {
const ServiceItem: FC<Props> = (props) => {
return (
<div className='flex-1 bg-white rounded-4xl p-7'>
<div className='flex-1 bg-white rounded-4xl xl:p-7 p-4'>
<div className='flex justify-between'>
<div className='size-[65px] rounded-2xl bg-orange-400'></div>
<div className='xl:size-[65px] size-[50px] rounded-2xl bg-orange-400'></div>
<div className='h-8 bg-primary text-white px-4 rounded-2xl text-sm flex items-center'>
دسته بندی
</div>
</div>
<h3 className='mt-6 text-2xl'>
<h3 className='mt-6 xl:text-2xl font-bold'>
دی منو
</h3>
src/shared/Footer.tsx
+60 -58
View File
@@ -5,13 +5,13 @@ 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] mt-24 flex flex-col'>
<div className='max-w-maxWidth mx-auto flex flex-col flex-1 w-full'>
<div className='flex-1 flex items-center'>
<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-1 flex items-center pb-10'>
<div className='flex gap-24 w-full'>
<div className='flex xl:flex-row flex-col xl:gap-24 gap-7 w-full'>
<div className='max-w-[203px]'>
<div className='xl:max-w-[203px] flex flex-col items-center text-center xl:items-start xl:text-right'>
<Image
src={'/images/logo.svg'}
width={140}
@@ -19,61 +19,63 @@ const Footer: FC = () => {
alt='لوگو داناک'
/>
<p className='mt-6 text-sm text-justify'>
<p className='mt-6 text-sm xl:text-justify text-center'>
ما در داناک هم تولیدکننده نرم‌افزارهای پیشرفته هستیم و هم بستری برای فروش محصولات نرم‌افزاری دیگران فراهم کرده‌ایم. با ما هوشمندانه بسازید و حرفه‌ای بفروشید.
</p>
</div>
<div>
<h6 className='font-bold'>
داناک
</h6>
<ul className='text-sm mt-4 flex flex-col gap-4'>
<li>
محصولات
</li>
<li>
خدمات
</li>
<li>
مجله
</li>
</ul>
</div>
<div className='flex xl:gap-24 gap-7 justify-between'>
<div>
<h6 className='font-bold xl:text-base text-xs'>
داناک
</h6>
<ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-center'>
<li>
محصولات
</li>
<li>
خدمات
</li>
<li>
مجله
</li>
</ul>
</div>
<div>
<h6 className='font-bold'>
سرویس ها محبوب
</h6>
<ul className='text-sm mt-4 flex flex-col gap-4'>
<li>
دی منو
</li>
<li>
دی میل
</li>
<li>
دی پیج
</li>
</ul>
</div>
<div>
<h6 className='font-bold xl:text-base text-xs whitespace-nowrap'>
سرویس ها محبوب
</h6>
<ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-center'>
<li>
دی منو
</li>
<li>
دی میل
</li>
<li>
دی پیج
</li>
</ul>
</div>
<div>
<h6 className='font-bold'>
همکاری با داناک
</h6>
<ul className='text-sm mt-4 flex flex-col gap-4'>
<li>
توسعه دهندگان
</li>
<li>
نمایندگان
</li>
</ul>
<div>
<h6 className='font-bold xl:text-base text-xs'>
همکاری با داناک
</h6>
<ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-center'>
<li>
توسعه دهندگان
</li>
<li>
نمایندگان
</li>
</ul>
</div>
</div>
<div className='w-full flex-1'>
<h6 className='font-bold'>
<h6 className='font-bold xl:text-base text-xs'>
خبرنامه
</h6>
@@ -89,7 +91,7 @@ const Footer: FC = () => {
</div>
</div>
<div className='mt-10 flex gap-4 items-center'>
<div className='mt-10 flex gap-4 items-center justify-center xl:justify-start'>
<Image
src={'/images/linkedin.svg'}
width={24}
@@ -120,15 +122,15 @@ const Footer: FC = () => {
</div>
</div>
<div className='h-14 border-t border-[#DADDE6] flex justify-between items-center'>
<ul className='flex gap-4 text-sm'>
<li className='pl-4 border-l border-[#DADDE6]'>
<div className='xl:h-14 border-t border-[#DADDE6] flex xl:flex-row flex-col gap-5 pt-5 xl:pt-0 justify-between items-center'>
<ul className='flex gap-4 xl:text-sm text-[10px]'>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
درباره ی ما
</li>
<li className='pl-4 border-l border-[#DADDE6]'>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
حریم خصوصی
</li>
<li className='pl-4 border-l border-[#DADDE6]'>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
قوانین و مقررات
</li>
<li>
@@ -136,7 +138,7 @@ const Footer: FC = () => {
</li>
</ul>
<div className='text-sm dltr'>
<div className='xl:text-sm text-xs dltr pb-4 xl:pb-0'>
© 2025 Danak. All rights reserved.
</div>
</div>
src/shared/Header.tsx
+74 -49
View File
@@ -1,71 +1,96 @@
import { FC } from 'react'
import { FC, Fragment } from 'react'
import Image from 'next/image'
import Link from 'next/link'
import { Profile, SearchNormal } from 'iconsax-react'
import { HambergerMenu, Profile, SearchNormal } from 'iconsax-react'
import Button from '@/components/Button'
const Header: FC = () => {
return (
<div className='w-full h-[100px] bg-white/26 rounded-4xl border-[3px] border-white px-10'>
<div className='max-w-maxWidth mx-auto flex items-center justify-between h-full'>
<Image src='/images/logo.svg' alt='logo' width={150} height={40} />
<Fragment>
<div className='w-full h-[100px] bg-white/26 rounded-4xl border-[3px] border-white px-10 xl:block hidden'>
<div className='max-w-maxWidth mx-auto flex items-center justify-between h-full'>
<Image src='/images/logo.svg' alt='logo' width={150} height={40} />
<ul className='flex items-center gap-8 text-sm'>
<Link href='/'>
<li>
خانه
</li>
</Link>
<ul className='flex items-center gap-8 text-sm'>
<Link href='/'>
<li>
خانه
</li>
</Link>
<Link href='/'>
<li>
محصولات
</li>
</Link>
<Link href='/'>
<li>
محصولات
</li>
</Link>
<Link href='/'>
<li>
خدمات
</li>
</Link>
<Link href='/'>
<li>
خدمات
</li>
</Link>
<Link href='/'>
<li>
درباره ی ما
</li>
</Link>
<Link href='/'>
<li>
درباره ی ما
</li>
</Link>
<Link href='/'>
<li>
مجله
</li>
</Link>
</ul>
<Link href='/'>
<li>
مجله
</li>
</Link>
</ul>
<div className='flex items-center gap-4 text-sm'>
<div className='border-l-2 border-[#D8DCE4] pl-4'>
<SearchNormal
size={20}
color='black'
<div className='flex items-center gap-4 text-sm'>
<div className='border-l-2 border-[#D8DCE4] pl-4'>
<SearchNormal
size={20}
color='black'
/>
</div>
<div className='border-l-2 whitespace-nowrap border-[#D8DCE4] pl-4 flex gap-2'>
<Profile
size={20}
color='black'
/>
<div>ورود | ثبت نام</div>
</div>
<Button
label='تماس با ما'
className='w-fit px-8'
/>
</div>
</div>
<div className='border-l-2 whitespace-nowrap border-[#D8DCE4] pl-4 flex gap-2'>
<Profile
size={20}
color='black'
/>
<div>ورود | ثبت نام</div>
</div>
</div>
<Button
label='تماس با ما'
className='w-fit px-8'
<div className='h-[51px] bg-white/26 rounded-4xl border-[3px] border-white px-4 xl:hidden flex items-center justify-between'>
<div className='flex-1'>
<HambergerMenu
size={24}
color='black'
/>
</div>
<Image src='/images/logo.svg' alt='logo' width={73} height={24} />
<div className='flex gap-2 items-center flex-1 justify-end'>
<SearchNormal
size={16}
color='black'
/>
<Profile
size={16}
color='black'
/>
</div>
</div>
</div>
</Fragment>
)
}