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

13
components/Products.js
View File

@@ -1,6 +1,7 @@
import Image from 'next/image'
import productbg from '../public/productbg.webp'
import ProductCard from '@/components/ProductCard'
import { productImages } from '@/lib/localImages'
async function getData(id) {
const res = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/public/content/index/${id}`)
@@ -22,18 +23,18 @@ export default async function Products({ lang }){
}
return(
<div className="relative flex flex-col">
<Image alt="" src={productbg} className="absolute top-0 w-full object-cover h-[500px] md:h-96 lg:h-fit"/>
<div id="products" className="relative flex scroll-mt-28 flex-col overflow-hidden">
<Image alt="" src={productbg} className="absolute top-0 h-full min-h-[560px] w-full object-cover"/>
<div className="flex flex-col z-10 text-white font-[5] pt-8 lg:pt-16 w-full items-center ">
<span>{data.productsSuper?.[0]?.body || ''}</span>
<span className="font-[4] text-3xl lg:text-4xl pt-4">{data.productsHead?.[0]?.body || ''}</span>
<p className="max-w-4xl text-center pt-6 px-8 text-sm sm:text-md lg:pt-12">{data.productsDesc?.[0]?.body || ''}</p>
</div>
<div className="flex justify-center z-10 py-16 overflow-x-scroll">
<div className="z-10 flex gap-4 overflow-x-auto px-6 py-16 sm:px-10 lg:flex-wrap lg:justify-center lg:gap-6 lg:px-28">
{
data.productImages?.map((image, index) => (
<ProductCard key={index} image={image?.body || ''} desc={data.productDescs?.[index]?.body || ''} />
)) || []
productImages.map((image, index) => (
<ProductCard key={image} image={image} desc={data.productDescs?.[index]?.body || ''} />
))
}
</div>
</div>