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

fix bug design

Browse Source
This commit is contained in:
hamid zarghami
2025-04-23 09:57:53 +03:30
parent 452a709273
commit 01cb9b2781
11 changed files with 119 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/hp-s3-360p.mp4
BIN
View File
Binary file not shown.
src/app/about/page.tsx
+2 -1
View File
@@ -54,7 +54,8 @@ const About: NextPage = () => {
<div className='mt-[300px] bg-white rounded-4xl p-10 xl:h-[500px]'> <div className='mt-[300px] bg-white rounded-4xl p-10 xl:h-[500px]'>
<div className='max-w-maxWidth mx-auto'> <div className='max-w-maxWidth mx-auto'>
<video controls className='w-full xl:-mt-[300px] -mt-[100px] rounded-4xl max-h-[500px]'> <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> </video>
<div className='flex xl:flex-row flex-col gap-24 mt-20'> <div className='flex xl:flex-row flex-col gap-24 mt-20'>
src/app/blogs/components/ContactUs.tsx
+6 -6
View File
@@ -9,7 +9,7 @@ const ContactUs: FC = () => {
</h4> </h4>
<div className='flex gap-4 mt-6'> <div className='flex gap-4 mt-6'>
<div className='flex-1 bg-[#0A66C2] text-white rounded-xl p-4'> <a href='https://www.linkedin.com/company/danakcorporation/' target='_blank' className='flex-1 bg-[#0A66C2] text-white rounded-xl p-4'>
<Image <Image
src='/images/linkedin3.svg' src='/images/linkedin3.svg'
alt='contact us' alt='contact us'
@@ -26,8 +26,8 @@ const ContactUs: FC = () => {
به ما بپیوندید به ما بپیوندید
</div> </div>
</div> </div>
</div> </a>
<div className='flex-1 bg-[#FF0302] text-white rounded-xl p-4'> <a href='https://www.youtube.com/@danakcorp' target='_blank' className='flex-1 bg-[#FF0302] text-white rounded-xl p-4'>
<Image <Image
src='/images/youtube.svg' src='/images/youtube.svg'
alt='contact us' alt='contact us'
@@ -44,10 +44,10 @@ const ContactUs: FC = () => {
به ما بپیوندید به ما بپیوندید
</div> </div>
</div> </div>
</div> </a>
</div> </div>
<div className='flex-1 instagram-gradient text-white rounded-xl p-4 mt-4'> <a href='https://www.instagram.com/danak.corporation' target='_blank' className='flex-1 block instagram-gradient text-white rounded-xl p-4 mt-4'>
<Image <Image
src='/images/instagram2.svg' src='/images/instagram2.svg'
alt='contact us' alt='contact us'
@@ -64,7 +64,7 @@ const ContactUs: FC = () => {
به ما بپیوندید به ما بپیوندید
</div> </div>
</div> </div>
</div> </a>
</div> </div>
) )
} }
src/app/blogs/components/CreateReview.tsx
+3 -3
View File
@@ -50,15 +50,15 @@ const CreateReview: FC<Props> = ({ refetch, id }) => {
}) })
return ( return (
<div className='bg-white p-6 rounded-3xl xl:w-[360px] w-full'> <div className='bg-white p-6 rounded-3xl w-full'>
<div> <div className='text-sm'>
ارسال نظر ارسال نظر
</div> </div>
{ {
!isLogin ? ( !isLogin ? (
<div className='mt-6 text-description text-sm'> <div className='mt-6 text-description text-sm text-center'>
<div> <div>
برای ارسال نظر لطفا وارد حساب کاربری خود شوید برای ارسال نظر لطفا وارد حساب کاربری خود شوید
</div> </div>
src/app/blogs/components/SingleBlogPage.tsx
+25 -5
View File
@@ -1,5 +1,5 @@
'use client' 'use client'
import { Profile, Calendar, Tag } from 'iconsax-react' import { Profile, Calendar, Tag, ExportCurve } from 'iconsax-react'
import { FC } from 'react' import { FC } from 'react'
import Image from 'next/image' import Image from 'next/image'
// import MostVisited from '../components/MostVisited' // import MostVisited from '../components/MostVisited'
@@ -61,7 +61,7 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
/> />
</div> </div>
<p dangerouslySetInnerHTML={{ __html: data?.data?.blog?.content }} className='mt-8 text-sm leading-6'> <p id='blog-content' dangerouslySetInnerHTML={{ __html: data?.data?.blog?.content }} className='mt-8 text-sm leading-6'>
</p> </p>
@@ -98,6 +98,21 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
height={20} height={20}
/> />
</TelegramShareButton> </TelegramShareButton>
{navigator.share && (
<button
onClick={() =>
navigator.share({
title: data?.data?.blog?.title,
text: 'Check out this blog!',
url: `${window.location.origin}/blogs/${id}`,
})
}
className='cursor-pointer'
>
<ExportCurve size={20} color='black' />
</button>
)}
</div> </div>
@@ -114,9 +129,9 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
</div> </div>
</div> </div>
<div className='mt-8 flex xl:flex-row flex-col gap-8 items-start'> <div className='flex gap-8'>
<CreateReview id={data?.data?.blog?.id} refetch={refetch} /> <div className='mt-8 flex flex-1 flex-col gap-8 items-start'>
<div className='flex-1 w-full max-w-full bg-white p-6 rounded-3xl'> <div className='flex-1 flex flex-col w-full max-w-full bg-white p-6 rounded-3xl'>
<div className='text-sm'> <div className='text-sm'>
نظرات کاربران نظرات کاربران
</div> </div>
@@ -156,6 +171,11 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
}) })
} }
</div> </div>
<CreateReview id={data?.data?.blog?.id} refetch={refetch} />
</div>
<div className='xl:w-[261px] hidden xl:block'></div>
</div> </div>
</div> </div>
) )
src/app/globals.css
+4
View File
@@ -115,3 +115,7 @@ tbody tr {
#blog-preview-content * { #blog-preview-content * {
color: white !important; color: white !important;
} }
#blog-content a {
color: #ea063e !important;
}
src/app/home/Blog.tsx
+1
View File
@@ -10,6 +10,7 @@ const Blog: FC = () => {
<div className='xl:mt-24 mt-14 max-w-maxWidth mx-auto'> <div className='xl:mt-24 mt-14 max-w-maxWidth mx-auto'>
<SectionHeader <SectionHeader
title='مجله داناک' title='مجله داناک'
link='/blogs'
/> />
<div className='flex xl:flex-row flex-col gap-8 xl:mt-16 mt-10 items-center'> <div className='flex xl:flex-row flex-col gap-8 xl:mt-16 mt-10 items-center'>
src/app/home/Collaboration.tsx
+5
View File
@@ -1,6 +1,7 @@
import Button from '@/components/Button' import Button from '@/components/Button'
import InfoBox from '@/components/InfoBox' import InfoBox from '@/components/InfoBox'
import { DocumentCode, FavoriteChart } from 'iconsax-react' import { DocumentCode, FavoriteChart } from 'iconsax-react'
import Link from 'next/link'
import { FC } from 'react' import { FC } from 'react'
const Collaboration: FC = () => { const Collaboration: FC = () => {
@@ -17,14 +18,18 @@ const Collaboration: FC = () => {
</p> </p>
<div className='flex justify-center xl:justify-start gap-2 mt-10'> <div className='flex justify-center xl:justify-start gap-2 mt-10'>
<Link href={'/developers'}>
<Button <Button
label='توسعه دهندگان' label='توسعه دهندگان'
className='w-fit px-5 whitespace-nowrap' className='w-fit px-5 whitespace-nowrap'
/> />
</Link>
<Link href={'/representatives'}>
<Button <Button
label='نمایندگان' label='نمایندگان'
className='w-fit px-5 bg-transparent border border-black text-black whitespace-nowrap' className='w-fit px-5 bg-transparent border border-black text-black whitespace-nowrap'
/> />
</Link>
</div> </div>
</div> </div>
src/app/home/WhyDanak.tsx
+3
View File
@@ -1,6 +1,7 @@
import Button from '@/components/Button' import Button from '@/components/Button'
import InfoBox from '@/components/InfoBox' import InfoBox from '@/components/InfoBox'
import { Activity, Headphone, Profile2User, ShieldTick } from 'iconsax-react' import { Activity, Headphone, Profile2User, ShieldTick } from 'iconsax-react'
import Link from 'next/link'
import { FC } from 'react' import { FC } from 'react'
const WhyDanak: FC = () => { const WhyDanak: FC = () => {
@@ -16,10 +17,12 @@ const WhyDanak: FC = () => {
ما در داناک با ترکیب خلاقیت، تخصص و تکنولوژی‌های روز، راهکارهای نرم‌افزاری منحصربه‌فردی ارائه می‌دهیم که کسب‌وکار شما را به سطحی بالاتر می‌برد. ما در داناک با ترکیب خلاقیت، تخصص و تکنولوژی‌های روز، راهکارهای نرم‌افزاری منحصربه‌فردی ارائه می‌دهیم که کسب‌وکار شما را به سطحی بالاتر می‌برد.
</p> </p>
<Link href={'/danak-services'}>
<Button <Button
label='خدمات' label='خدمات'
className='mt-10 w-fit px-12 hidden xl:block' className='mt-10 w-fit px-12 hidden xl:block'
/> />
</Link>
</div> </div>
<div className='flex-1 flex xl:flex-row flex-col gap-8 flex-wrap'> <div className='flex-1 flex xl:flex-row flex-col gap-8 flex-wrap'>
src/components/SectionHeader.tsx
+5 -1
View File
@@ -1,8 +1,10 @@
import { ArrowLeft } from 'iconsax-react' import { ArrowLeft } from 'iconsax-react'
import Link from 'next/link'
import { FC } from 'react' import { FC } from 'react'
type Props = { type Props = {
title: string title: string,
link?: string
} }
const SectionHeader: FC<Props> = (props) => { const SectionHeader: FC<Props> = (props) => {
@@ -12,6 +14,7 @@ const SectionHeader: FC<Props> = (props) => {
{props.title} {props.title}
</h2> </h2>
<Link href={props.link || '#'}>
<div className='flex gap-1'> <div className='flex gap-1'>
<div className='text-sm'>مشاهده همه</div> <div className='text-sm'>مشاهده همه</div>
<ArrowLeft <ArrowLeft
@@ -19,6 +22,7 @@ const SectionHeader: FC<Props> = (props) => {
color='black' color='black'
/> />
</div> </div>
</Link>
</div> </div>
) )
} }
src/shared/Footer.tsx
+4
View File
@@ -155,18 +155,22 @@ const Footer: FC = () => {
</div> </div>
<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'> <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]'> <ul className='flex gap-4 xl:text-sm text-[10px]'>
<Link href={'/about'}>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'> <li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
درباره ی ما درباره ی ما
</li> </li>
</Link>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'> <li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
حریم خصوصی حریم خصوصی
</li> </li>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'> <li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
قوانین و مقررات قوانین و مقررات
</li> </li>
<Link href={'/contact'}>
<li> <li>
تماس با ما تماس با ما
</li> </li>
</Link>
</ul> </ul>
<div className='xl:text-sm text-xs dltr pb-4 xl:pb-0'> <div className='xl:text-sm text-xs dltr pb-4 xl:pb-0'>