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 = () => { const Blog: FC = () => {
return ( return (
<div className='mt-24 max-w-maxWidth mx-auto'> <div className='xl:mt-24 mt-14 max-w-maxWidth mx-auto'>
<SectionHeader <SectionHeader
title='بلاگ داناک' 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 /> <BlogItem />
<BlogItem /> <BlogItem />
src/app/home/Collaboration.tsx
+7 -7
View File
@@ -5,18 +5,18 @@ import { FC } from 'react'
const Collaboration: FC = () => { const Collaboration: FC = () => {
return ( return (
<div className='w-full py-32 bg-gradient-to-r from-[#eef0f6] via-[#e2e5ec] to-[#dee1e9] mt-40 rounded-4xl'> <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 mx-auto flex items-center gap-20'> <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='max-w-[300px]'> <div className='xl:max-w-[300px] text-center xl:text-right'>
<h2 className='text-3xl'> <h2 className='xl:text-3xl text-sm font-bold'>
همکاری با داناک همکاری با داناک
</h2> </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> </p>
<div className='flex gap-2 mt-10'> <div className='flex justify-center xl:justify-start gap-2 mt-10'>
<Button <Button
label='توسعه دهندگان' label='توسعه دهندگان'
className='w-fit px-5 whitespace-nowrap' className='w-fit px-5 whitespace-nowrap'
@@ -28,7 +28,7 @@ const Collaboration: FC = () => {
</div> </div>
</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'> <div className='min-w-[40%] flex-1'>
<InfoBox <InfoBox
icon={<DocumentCode icon={<DocumentCode
src/app/home/DanakServices.tsx
+22 -11
View File
@@ -10,7 +10,7 @@ const DanakServices: FC = () => {
const [categoryId, setCategoryId] = useState<string>('') const [categoryId, setCategoryId] = useState<string>('')
return ( return (
<div className='mt-24 max-w-maxWidth mx-auto'> <div className='xl:mt-24 mt-12 max-w-maxWidth mx-auto'>
<SectionHeader <SectionHeader
title='سرویس های داناک' title='سرویس های داناک'
/> />
@@ -48,16 +48,27 @@ const DanakServices: FC = () => {
</Swiper> </Swiper>
</div> </div>
<div className='mt-16 flex gap-8'> <div className='xl:mt-16 mt-10 flex flex-wrap gap-8'>
<ServiceItem <div className='xl:min-w-[30%] min-w-[70%] flex-1'>
isShort <ServiceItem
/> isShort
<ServiceItem />
isShort </div>
/> <div className='xl:min-w-[30%] min-w-[70%] flex-1'>
<ServiceItem <ServiceItem
isShort 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>
</div> </div>
) )
src/app/home/DanakSuggestedService.tsx
+3 -3
View File
@@ -3,12 +3,12 @@ import ServiceItem from '@/components/ServiceItem'
const DanakSuggestedService: FC = () => { const DanakSuggestedService: FC = () => {
return ( return (
<div className='max-w-maxWidth mx-auto mt-20'> <div className='max-w-maxWidth mx-auto xl:mt-20 mt-12'>
<h2 className='text-2xl'> <h2 className='xl:text-2xl text-sm font-bold text-center xl:text-right'>
سرویس های پیشنهادی داناک سرویس های پیشنهادی داناک
</h2> </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 />
<ServiceItem /> <ServiceItem />
</div> </div>
src/app/home/HeroSection.tsx
+4 -4
View File
@@ -10,16 +10,16 @@ const HeroSection: FC = () => {
alt='banner' alt='banner'
width={1920} width={1920}
height={1080} 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='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>داناک،</p>
<p className='mt-5 font-bold'>تلفیق هنر و تکنولوژی</p> <p className='xl:mt-5 font-bold'>تلفیق هنر و تکنولوژی</p>
<Button <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='درباره ی ما' label='درباره ی ما'
/> />
</div> </div>
src/app/home/WhyDanak.tsx
+7 -7
View File
@@ -5,24 +5,24 @@ import { FC } from 'react'
const WhyDanak: FC = () => { const WhyDanak: FC = () => {
return ( return (
<div className='w-full py-32 bg-gradient-to-l from-[#eef0f6] via-[#e2e5ec] to-[#dee1e9] mt-40 rounded-4xl'> <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 mx-auto flex items-center gap-20'> <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='max-w-[300px]'> <div className='xl:max-w-[300px] text-center xl:text-right'>
<h2 className='text-3xl'> <h2 className='xl:text-3xl text-sm font-bold'>
چرا داناک؟ چرا داناک؟
</h2> </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> </p>
<Button <Button
label='خدمات' label='خدمات'
className='mt-10 w-fit px-12' className='mt-10 w-fit px-12 hidden xl:block'
/> />
</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'> <div className='min-w-[40%] flex-1'>
<InfoBox <InfoBox
icon={<Profile2User icon={<Profile2User
src/app/layout.tsx
+1 -1
View File
@@ -29,7 +29,7 @@ export default function RootLayout({
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased`} className={`${geistSans.variable} ${geistMono.variable} antialiased`}
> >
<div className="font-irancell p-16"> <div className="font-irancell xl:p-16 p-4">
{children} {children}
</div> </div>
</body> </body>
src/components/BlogItem.tsx
+1 -1
View File
@@ -3,7 +3,7 @@ import { FC } from 'react'
const BlogItem: FC = () => { const BlogItem: FC = () => {
return ( 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 <Image
src='https://picsum.photos/seed/picsum/200/300' src='https://picsum.photos/seed/picsum/200/300'
layout='fill' layout='fill'
src/components/InfoBox.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ const InfoBox: FC<Props> = (props: Props) => {
</div> </div>
<div className='flex-1'> <div className='flex-1'>
<h3 className='text-lg'> <h3 className='xl:text-lg font-bold'>
{props.title} {props.title}
</h3> </h3>
</div> </div>
src/components/SectionHeader.tsx
+1 -1
View File
@@ -8,7 +8,7 @@ type Props = {
const SectionHeader: FC<Props> = (props) => { const SectionHeader: FC<Props> = (props) => {
return ( return (
<div className='flex justify-between items-center'> <div className='flex justify-between items-center'>
<h2 className='text-2xl'> <h2 className='xl:text-2xl font-bold'>
{props.title} {props.title}
</h2> </h2>
src/components/ServiceItem.tsx
+3 -3
View File
@@ -7,15 +7,15 @@ type Props = {
const ServiceItem: FC<Props> = (props) => { const ServiceItem: FC<Props> = (props) => {
return ( 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='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 className='h-8 bg-primary text-white px-4 rounded-2xl text-sm flex items-center'>
دسته بندی دسته بندی
</div> </div>
</div> </div>
<h3 className='mt-6 text-2xl'> <h3 className='mt-6 xl:text-2xl font-bold'>
دی منو دی منو
</h3> </h3>
src/shared/Footer.tsx
+60 -58
View File
@@ -5,13 +5,13 @@ import { FC } from 'react'
const Footer: FC = () => { const Footer: FC = () => {
return ( 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='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'> <div className='max-w-maxWidth mx-auto flex flex-col flex-1 w-full pt-10'>
<div className='flex-1 flex items-center'> <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 <Image
src={'/images/logo.svg'} src={'/images/logo.svg'}
width={140} width={140}
@@ -19,61 +19,63 @@ const Footer: FC = () => {
alt='لوگو داناک' alt='لوگو داناک'
/> />
<p className='mt-6 text-sm text-justify'> <p className='mt-6 text-sm xl:text-justify text-center'>
ما در داناک هم تولیدکننده نرم‌افزارهای پیشرفته هستیم و هم بستری برای فروش محصولات نرم‌افزاری دیگران فراهم کرده‌ایم. با ما هوشمندانه بسازید و حرفه‌ای بفروشید. ما در داناک هم تولیدکننده نرم‌افزارهای پیشرفته هستیم و هم بستری برای فروش محصولات نرم‌افزاری دیگران فراهم کرده‌ایم. با ما هوشمندانه بسازید و حرفه‌ای بفروشید.
</p> </p>
</div> </div>
<div> <div className='flex xl:gap-24 gap-7 justify-between'>
<h6 className='font-bold'> <div>
داناک <h6 className='font-bold xl:text-base text-xs'>
</h6> داناک
<ul className='text-sm mt-4 flex flex-col gap-4'> </h6>
<li> <ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-center'>
محصولات <li>
</li> محصولات
<li> </li>
خدمات <li>
</li> خدمات
<li> </li>
مجله <li>
</li> مجله
</ul> </li>
</div> </ul>
</div>
<div> <div>
<h6 className='font-bold'> <h6 className='font-bold xl:text-base text-xs whitespace-nowrap'>
سرویس ها محبوب سرویس ها محبوب
</h6> </h6>
<ul className='text-sm mt-4 flex flex-col gap-4'> <ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-center'>
<li> <li>
دی منو دی منو
</li> </li>
<li> <li>
دی میل دی میل
</li> </li>
<li> <li>
دی پیج دی پیج
</li> </li>
</ul> </ul>
</div> </div>
<div> <div>
<h6 className='font-bold'> <h6 className='font-bold xl:text-base text-xs'>
همکاری با داناک همکاری با داناک
</h6> </h6>
<ul className='text-sm mt-4 flex flex-col gap-4'> <ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-center'>
<li> <li>
توسعه دهندگان توسعه دهندگان
</li> </li>
<li> <li>
نمایندگان نمایندگان
</li> </li>
</ul> </ul>
</div>
</div> </div>
<div className='w-full flex-1'> <div className='w-full flex-1'>
<h6 className='font-bold'> <h6 className='font-bold xl:text-base text-xs'>
خبرنامه خبرنامه
</h6> </h6>
@@ -89,7 +91,7 @@ const Footer: FC = () => {
</div> </div>
</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 <Image
src={'/images/linkedin.svg'} src={'/images/linkedin.svg'}
width={24} width={24}
@@ -120,15 +122,15 @@ const Footer: FC = () => {
</div> </div>
</div> </div>
<div className='h-14 border-t border-[#DADDE6] flex justify-between items-center'> <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 text-sm'> <ul className='flex gap-4 xl:text-sm text-[10px]'>
<li className='pl-4 border-l border-[#DADDE6]'> <li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
درباره ی ما درباره ی ما
</li> </li>
<li className='pl-4 border-l border-[#DADDE6]'> <li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
حریم خصوصی حریم خصوصی
</li> </li>
<li className='pl-4 border-l border-[#DADDE6]'> <li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
قوانین و مقررات قوانین و مقررات
</li> </li>
<li> <li>
@@ -136,7 +138,7 @@ const Footer: FC = () => {
</li> </li>
</ul> </ul>
<div className='text-sm dltr'> <div className='xl:text-sm text-xs dltr pb-4 xl:pb-0'>
© 2025 Danak. All rights reserved. © 2025 Danak. All rights reserved.
</div> </div>
</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 Image from 'next/image'
import Link from 'next/link' import Link from 'next/link'
import { Profile, SearchNormal } from 'iconsax-react' import { HambergerMenu, Profile, SearchNormal } from 'iconsax-react'
import Button from '@/components/Button' import Button from '@/components/Button'
const Header: FC = () => { const Header: FC = () => {
return ( return (
<div className='w-full h-[100px] bg-white/26 rounded-4xl border-[3px] border-white px-10'> <Fragment>
<div className='max-w-maxWidth mx-auto flex items-center justify-between h-full'> <div className='w-full h-[100px] bg-white/26 rounded-4xl border-[3px] border-white px-10 xl:block hidden'>
<Image src='/images/logo.svg' alt='logo' width={150} height={40} /> <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'> <ul className='flex items-center gap-8 text-sm'>
<Link href='/'> <Link href='/'>
<li> <li>
خانه خانه
</li> </li>
</Link> </Link>
<Link href='/'> <Link href='/'>
<li> <li>
محصولات محصولات
</li> </li>
</Link> </Link>
<Link href='/'> <Link href='/'>
<li> <li>
خدمات خدمات
</li> </li>
</Link> </Link>
<Link href='/'> <Link href='/'>
<li> <li>
درباره ی ما درباره ی ما
</li> </li>
</Link> </Link>
<Link href='/'> <Link href='/'>
<li> <li>
مجله مجله
</li> </li>
</Link> </Link>
</ul> </ul>
<div className='flex items-center gap-4 text-sm'> <div className='flex items-center gap-4 text-sm'>
<div className='border-l-2 border-[#D8DCE4] pl-4'> <div className='border-l-2 border-[#D8DCE4] pl-4'>
<SearchNormal <SearchNormal
size={20} size={20}
color='black' 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>
<div className='border-l-2 whitespace-nowrap border-[#D8DCE4] pl-4 flex gap-2'> </div>
<Profile
size={20}
color='black'
/>
<div>ورود | ثبت نام</div>
</div>
<Button <div className='h-[51px] bg-white/26 rounded-4xl border-[3px] border-white px-4 xl:hidden flex items-center justify-between'>
label='تماس با ما' <div className='flex-1'>
className='w-fit px-8' <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> </div>
</Fragment>
</div>
) )
} }