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='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>
<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>
<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
src='/images/linkedin3.svg'
alt='contact us'
@@ -26,8 +26,8 @@ const ContactUs: FC = () => {
به ما بپیوندید
</div>
</div>
</div>
<div className='flex-1 bg-[#FF0302] text-white rounded-xl p-4'>
</a>
<a href='https://www.youtube.com/@danakcorp' target='_blank' className='flex-1 bg-[#FF0302] text-white rounded-xl p-4'>
<Image
src='/images/youtube.svg'
alt='contact us'
@@ -44,10 +44,10 @@ const ContactUs: FC = () => {
به ما بپیوندید
</div>
</div>
</div>
</a>
</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
src='/images/instagram2.svg'
alt='contact us'
@@ -64,7 +64,7 @@ const ContactUs: FC = () => {
به ما بپیوندید
</div>
</div>
</div>
</a>
</div>
)
}
src/app/blogs/components/CreateReview.tsx
+3 -3
View File
@@ -50,15 +50,15 @@ const CreateReview: FC<Props> = ({ refetch, id }) => {
})
return (
<div className='bg-white p-6 rounded-3xl xl:w-[360px] w-full'>
<div>
<div className='bg-white p-6 rounded-3xl w-full'>
<div className='text-sm'>
ارسال نظر
</div>
{
!isLogin ? (
<div className='mt-6 text-description text-sm'>
<div className='mt-6 text-description text-sm text-center'>
<div>
برای ارسال نظر لطفا وارد حساب کاربری خود شوید
</div>
src/app/blogs/components/SingleBlogPage.tsx
+25 -5
View File
@@ -1,5 +1,5 @@
'use client'
import { Profile, Calendar, Tag } from 'iconsax-react'
import { Profile, Calendar, Tag, ExportCurve } from 'iconsax-react'
import { FC } from 'react'
import Image from 'next/image'
// import MostVisited from '../components/MostVisited'
@@ -61,7 +61,7 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
/>
</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>
@@ -98,6 +98,21 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
height={20}
/>
</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>
@@ -114,9 +129,9 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
</div>
</div>
<div className='mt-8 flex xl:flex-row flex-col gap-8 items-start'>
<CreateReview id={data?.data?.blog?.id} refetch={refetch} />
<div className='flex-1 w-full max-w-full bg-white p-6 rounded-3xl'>
<div className='flex gap-8'>
<div className='mt-8 flex flex-1 flex-col gap-8 items-start'>
<div className='flex-1 flex flex-col w-full max-w-full bg-white p-6 rounded-3xl'>
<div className='text-sm'>
نظرات کاربران
</div>
@@ -156,6 +171,11 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
})
}
</div>
<CreateReview id={data?.data?.blog?.id} refetch={refetch} />
</div>
<div className='xl:w-[261px] hidden xl:block'></div>
</div>
</div>
)
src/app/globals.css
+4
View File
@@ -115,3 +115,7 @@ tbody tr {
#blog-preview-content * {
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'>
<SectionHeader
title='مجله داناک'
link='/blogs'
/>
<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 InfoBox from '@/components/InfoBox'
import { DocumentCode, FavoriteChart } from 'iconsax-react'
import Link from 'next/link'
import { FC } from 'react'
const Collaboration: FC = () => {
@@ -17,14 +18,18 @@ const Collaboration: FC = () => {
</p>
<div className='flex justify-center xl:justify-start gap-2 mt-10'>
<Link href={'/developers'}>
<Button
label='توسعه دهندگان'
className='w-fit px-5 whitespace-nowrap'
/>
</Link>
<Link href={'/representatives'}>
<Button
label='نمایندگان'
className='w-fit px-5 bg-transparent border border-black text-black whitespace-nowrap'
/>
</Link>
</div>
</div>
src/app/home/WhyDanak.tsx
+3
View File
@@ -1,6 +1,7 @@
import Button from '@/components/Button'
import InfoBox from '@/components/InfoBox'
import { Activity, Headphone, Profile2User, ShieldTick } from 'iconsax-react'
import Link from 'next/link'
import { FC } from 'react'
const WhyDanak: FC = () => {
@@ -16,10 +17,12 @@ const WhyDanak: FC = () => {
ما در داناک با ترکیب خلاقیت، تخصص و تکنولوژی‌های روز، راهکارهای نرم‌افزاری منحصربه‌فردی ارائه می‌دهیم که کسب‌وکار شما را به سطحی بالاتر می‌برد.
</p>
<Link href={'/danak-services'}>
<Button
label='خدمات'
className='mt-10 w-fit px-12 hidden xl:block'
/>
</Link>
</div>
<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 Link from 'next/link'
import { FC } from 'react'
type Props = {
title: string
title: string,
link?: string
}
const SectionHeader: FC<Props> = (props) => {
@@ -12,6 +14,7 @@ const SectionHeader: FC<Props> = (props) => {
{props.title}
</h2>
<Link href={props.link || '#'}>
<div className='flex gap-1'>
<div className='text-sm'>مشاهده همه</div>
<ArrowLeft
@@ -19,6 +22,7 @@ const SectionHeader: FC<Props> = (props) => {
color='black'
/>
</div>
</Link>
</div>
)
}
src/shared/Footer.tsx
+4
View File
@@ -155,18 +155,22 @@ const Footer: FC = () => {
</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'>
<ul className='flex gap-4 xl:text-sm text-[10px]'>
<Link href={'/about'}>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
درباره ی ما
</li>
</Link>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
حریم خصوصی
</li>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
قوانین و مقررات
</li>
<Link href={'/contact'}>
<li>
تماس با ما
</li>
</Link>
</ul>
<div className='xl:text-sm text-xs dltr pb-4 xl:pb-0'>