soheilkhaledabadi/rahavard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(Menu,Lang,Image): fix bug menu and change lang and set images

Browse Source
This commit is contained in:
soheil khaledabadi
2026-05-22 13:35:28 +03:30
parent 7d30e4f180
commit 4d995a61af
11 changed files with 176 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/About.js
View File

@@ -1,9 +1,7 @@
import PicSmall from '../public/PicSmall.png'
import Avatars from '../public/Avatars.png'
import Image from 'next/image'
import PicAbout from '../public/PicAbout.png'
import Link from 'next/link'
import { aboutImages } from '@/lib/localImages'
async function getData(id) {
const res = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/public/content/index/${id}`)
@@ -27,7 +25,7 @@ export default async function About({lang}) {
return(
<div className='grid lg:grid-cols-3 grid-cols-1 grid-rows-3 gap-2 font-[5] my-16 mx-8 lg:mx-28'>
<div id="about" className='grid scroll-mt-28 lg:grid-cols-3 grid-cols-1 grid-rows-3 gap-2 font-[5] my-16 mx-8 lg:mx-28'>
<div className='flex justify-between items-center p-8'>
<div className='flex flex-col w-full'>
<span>{ data.aboutSuper?.[0]?.body || '' }</span>
@@ -64,7 +62,7 @@ export default async function About({lang}) {
</p>
<Image alt="" src={PicAbout} className=''/>
</div>
<Image alt="" src={ data.about1Image?.[0]?.body || '' } width={800} height={800} className='row-span-3 h-full w-full object-cover rounded-xl'/>
<Image alt="" src={aboutImages.primary} width={800} height={800} className='row-span-3 h-full min-h-80 w-full object-cover rounded-xl'/>
<div className='row-span-2 flex flex-col justify-between py-10 px-8 bg-zinc-100 rounded-xl h-full'>
<span className='font-[4] text-xl'>{ data.about2Head?.[0]?.body || '' }</span>
@@ -79,7 +77,7 @@ export default async function About({lang}) {
</div>
</Link>
</div>
<Image alt="" src={ data.about2Image?.[0]?.body || '' } width={800} height={800} className='max-h-48 object-cover rounded-xl w-full h-full'/>
<Image alt="" src={aboutImages.secondary} width={800} height={800} className='max-h-56 min-h-48 object-cover rounded-xl w-full h-full'/>
</div>
)