fix h1 and meta
parent
fded1df2aa
commit
246f137eda
|
|
@ -40,13 +40,6 @@ const BrandData = ({ params, data, product }) => {
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
|
||||||
<div
|
|
||||||
id="blog-content"
|
|
||||||
dangerouslySetInnerHTML={{ __html: data.description }}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid xs:grid-cols-1 lg:grid-cols-5 gap-5">
|
<div className="grid xs:grid-cols-1 lg:grid-cols-5 gap-5">
|
||||||
{product?.products?.map((e) => (
|
{product?.products?.map((e) => (
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
|
|
@ -70,6 +63,13 @@ const BrandData = ({ params, data, product }) => {
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
id="blog-content"
|
||||||
|
dangerouslySetInnerHTML={{ __html: data.description }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -180,7 +180,7 @@ const BlogsData = ({ dataCaetgories, data }) => {
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
<Link href={`/brands/2fd16c58-81c1-4f1c-9666-77a4b9b482b5/کدکس`}>
|
<Link href={`/brands/d1e7fd6b-3f50-4a10-8854-63beb8c793dc/کدکس`}>
|
||||||
<div className="w-[100px] h-[100px] rounded-full border-8 border-white shadow-sm mx-2 hover:bg-white tr03 group ">
|
<div className="w-[100px] h-[100px] rounded-full border-8 border-white shadow-sm mx-2 hover:bg-white tr03 group ">
|
||||||
<p className="mb-0 font-bold text-center mt-7 text-white group-hover:text-black tr03 ">
|
<p className="mb-0 font-bold text-center mt-7 text-white group-hover:text-black tr03 ">
|
||||||
کدکس
|
کدکس
|
||||||
|
|
|
||||||
|
|
@ -62,57 +62,69 @@ const HeroSection = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="relative w-full xs:h-[200px] md:h-[400px] lg:h-[400px] xl:h-[650px] overflow-hidden lg:mt-[-18px] xs:mt-5 xs:rounded-2xl lg:rounded-none ">
|
<div className="text-center relative xs:my-10 lg:mb-20 lg:mt-20">
|
||||||
<div
|
<div className="absolute xs:mt-[-5px] lg:mt-[-45px] w-full z-0">
|
||||||
className="absolute flex transition-transform duration-500"
|
<p className="xs:text-[15px] lg:text-[80px] bet-text font-bold">
|
||||||
style={{ transform: `translateX(-${currentIndex * 100}%)` }}
|
Vesmeh Cosmetics Shop
|
||||||
>
|
</p>
|
||||||
{slides.map((slide) => (
|
</div>
|
||||||
<Link
|
<h1 className="xs:text-[15px] lg:text-[40px] font-bold relative z-10 px-10">
|
||||||
href={slide.url}
|
فروشگاه اینترنتی لوازم آرایشی و بهداشتی وسمه{" "}
|
||||||
key={slide.id}
|
</h1>
|
||||||
className="flex-shrink-0 w-full"
|
</div>
|
||||||
|
<div className="lg:px-20 lg:mt-10 lg:rounded-3xl">
|
||||||
|
<div className="relative w-full xs:h-[190px] md:h-[400px] lg:h-[260px] xl:h-[400px] 2xl:h-[600px] overflow-hidden lg:mt-[-18px] xs:mt-5 xs:rounded-2xl lg:rounded-3xl ">
|
||||||
|
<div
|
||||||
|
className="absolute flex transition-transform duration-500"
|
||||||
|
style={{ transform: `translateX(-${currentIndex * 100}%)` }}
|
||||||
|
>
|
||||||
|
{slides.map((slide) => (
|
||||||
|
<Link
|
||||||
|
href={slide.url}
|
||||||
|
key={slide.id}
|
||||||
|
className="flex-shrink-0 w-full"
|
||||||
|
>
|
||||||
|
<div className="block lg:hidden xs:mx-2 lg:mx-0">
|
||||||
|
<Image
|
||||||
|
src={slide?.imageResponsive}
|
||||||
|
alt={slide?.title}
|
||||||
|
className="!w-full xs:h-[200px] md:h-[400px] lg:h-[260px] xl:h-[400px] 2xl:h-[600px] rounded-2xl lg:rounded-none object-cover"
|
||||||
|
layout="responsive"
|
||||||
|
width={1500}
|
||||||
|
height={1500}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="hidden lg:block">
|
||||||
|
<Image
|
||||||
|
src={slide?.image}
|
||||||
|
alt={slide?.title}
|
||||||
|
className="!w-full xs:h-[200px] md:h-[500px] lg:h-[260px] xl:h-[400px] 2xl:h-[600px] rounded-2xl lg:rounded-none object-cover "
|
||||||
|
layout="responsive"
|
||||||
|
width={1500}
|
||||||
|
height={1500}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</Link>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className=" mt-4 px-4 flex justify-center ">
|
||||||
|
{slides.map((e, index) => (
|
||||||
|
<button
|
||||||
|
key={index}
|
||||||
|
onClick={() => goToSlide(index)}
|
||||||
|
className={`rounded-full xs:text-[11px] md:text-sm mt-3 mx-1 ${
|
||||||
|
index === currentIndex
|
||||||
|
? "bg-gray-100 w-fit xs:h-4 md:h-6 px-2 relative "
|
||||||
|
: "bg-gray-400 opacity-40 xs:w-4 md:w-6 xs:h-4 md:h-6 "
|
||||||
|
}`}
|
||||||
>
|
>
|
||||||
<div className="block lg:hidden xs:mx-2 lg:mx-0">
|
{index === currentIndex && e.title}
|
||||||
<Image
|
</button>
|
||||||
src={slide?.imageResponsive}
|
|
||||||
alt={slide?.title}
|
|
||||||
className="!w-full xs:h-[200px] md:h-[400px] lg:h-[400px] xl:h-[650px] rounded-2xl lg:rounded-none object-cover"
|
|
||||||
layout="responsive"
|
|
||||||
width={800}
|
|
||||||
height={600}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div className="hidden lg:block">
|
|
||||||
<Image
|
|
||||||
src={slide?.image}
|
|
||||||
alt={slide?.title}
|
|
||||||
className="!w-full xs:h-[200px] md:h-[400px] lg:h-[400px] xl:h-[650px] rounded-2xl lg:rounded-none object-cover "
|
|
||||||
layout="responsive"
|
|
||||||
width={800}
|
|
||||||
height={600}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</Link>
|
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className=" mt-4 px-4">
|
|
||||||
{slides.map((e, index) => (
|
|
||||||
<button
|
|
||||||
key={index}
|
|
||||||
onClick={() => goToSlide(index)}
|
|
||||||
className={`rounded-full xs:text-[11px] md:text-sm mt-3 mx-1 ${
|
|
||||||
index === currentIndex
|
|
||||||
? "bg-gray-100 w-fit xs:h-4 md:h-6 px-2 relative top-[-6px] "
|
|
||||||
: "bg-gray-400 opacity-40 xs:w-4 md:w-6 xs:h-4 md:h-6 "
|
|
||||||
}`}
|
|
||||||
>
|
|
||||||
{index === currentIndex && e.title}
|
|
||||||
</button>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -32,61 +32,41 @@ async function getProduct(id) {
|
||||||
return post;
|
return post;
|
||||||
}
|
}
|
||||||
|
|
||||||
// export async function generateMetadata({ params }) {
|
export async function generateMetadata({ params }) {
|
||||||
// const data = await getData(params.id[0]);
|
const data = await getData(params.id[0]);
|
||||||
|
|
||||||
// const decodedName = decodeURIComponent(params.id[1]);
|
console.log("dataaaaa", data);
|
||||||
// const imageUrl = new URL(
|
|
||||||
// data?.product?.files && data?.product?.files[0]?.fileLocation,
|
|
||||||
// process.env.STORAGE_URL
|
|
||||||
// );
|
|
||||||
|
|
||||||
// const metadataUrl = new URL(
|
const metadataUrl = new URL(
|
||||||
// `products/${params.id[0]}/${data?.product?.persianName}`,
|
`products/${params.id[0]}/${data?.product?.persianName}`,
|
||||||
// process.env.NEXT_PUBLIC_APP_URL
|
process.env.NEXT_PUBLIC_APP_URL
|
||||||
// );
|
);
|
||||||
// return {
|
return {
|
||||||
// title: data?.product?.persianName,
|
title: !!data?.metaTags.find((e) => e.type == "title")
|
||||||
// description: `خرید ${data?.product?.persianName}| برندهای متنوع با پایین ترین قیمت | فروشگاه اینترنتی وسمه`,
|
? data?.metaTags.find((e) => e.type == "title")?.value
|
||||||
// metadataBase: metadataUrl,
|
: data?.persianName,
|
||||||
// product_id_meta: data?.product?.id,
|
description: !!data?.metaTags.find((e) => e.type == "description")
|
||||||
// alternates: {
|
? data?.metaTags.find((e) => e.type == "description")?.value
|
||||||
// canonical: metadataUrl,
|
: ` خرید برند ${data?.persianName}| برندهای متنوع با پایین ترین قیمت | فروشگاه اینترنتی وسمه`,
|
||||||
// },
|
|
||||||
|
|
||||||
// keywords: [
|
openGraph: {
|
||||||
// "آرایشی",
|
title: !!data?.metaTags.find((e) => e.type == "title")
|
||||||
// "بهداشت خانگی",
|
? data?.metaTags.find((e) => e.type == "title")?.value
|
||||||
// "محصولات زیبایی",
|
: data?.persianName,
|
||||||
// "لوازم تمیزی",
|
description: !!data?.metaTags.find((e) => e.type == "description")
|
||||||
// "مراقبت شخصی",
|
? data?.metaTags.find((e) => e.type == "description")?.value
|
||||||
// ],
|
: ` خرید برند ${data?.persianName}| برندهای متنوع با پایین ترین قیمت | فروشگاه اینترنتی وسمه`,
|
||||||
|
},
|
||||||
// openGraph: {
|
twitter: {
|
||||||
// title: data?.product?.persianName,
|
title: !!data?.metaTags.find((e) => e.type == "title")
|
||||||
// description: ` خرید ${data?.product?.persianName}| برندهای متنوع با پایین ترین قیمت | فروشگاه اینترنتی وسمه`,
|
? data?.metaTags.find((e) => e.type == "title")?.value
|
||||||
// images: [imageUrl],
|
: data?.persianName,
|
||||||
// url: metadataUrl,
|
description: !!data?.metaTags.find((e) => e.type == "description")
|
||||||
// type: "website",
|
? data?.metaTags.find((e) => e.type == "description")?.value
|
||||||
// locale: "fa-IR",
|
: ` خرید برند ${data?.persianName}| برندهای متنوع با پایین ترین قیمت | فروشگاه اینترنتی وسمه`,
|
||||||
// type: "website",
|
},
|
||||||
// },
|
};
|
||||||
// twitter: {
|
}
|
||||||
// site: "@vesmehstore",
|
|
||||||
// description: ` خرید ${data?.product?.persianName}| برندهای متنوع با پایین ترین قیمت | فروشگاه اینترنتی وسمه`,
|
|
||||||
// title: data?.product?.persianName,
|
|
||||||
// creator: "@vesmehstore",
|
|
||||||
// },
|
|
||||||
// other: {
|
|
||||||
// product_id: data?.product?.id,
|
|
||||||
// product_name: data?.product?.persianName,
|
|
||||||
// product_price: data?.product?.costWithDiscount / 10,
|
|
||||||
// product_old_price: data?.product?.cost / 10,
|
|
||||||
// availability: data?.product?.stock > 0 ? "instock" : "outofstock",
|
|
||||||
// guarantee: "guarantee_sample",
|
|
||||||
// },
|
|
||||||
// };
|
|
||||||
// }
|
|
||||||
|
|
||||||
const Page = async ({ params }) => {
|
const Page = async ({ params }) => {
|
||||||
const data = await getData(params.id[0]);
|
const data = await getData(params.id[0]);
|
||||||
|
|
|
||||||
|
|
@ -29,13 +29,7 @@ export const metadata = {
|
||||||
url: "https://www.vesmeh.com",
|
url: "https://www.vesmeh.com",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
keywords: [
|
|
||||||
"آرایشی",
|
|
||||||
"بهداشت خانگی",
|
|
||||||
"محصولات زیبایی",
|
|
||||||
"لوازم تمیزی",
|
|
||||||
"مراقبت شخصی",
|
|
||||||
],
|
|
||||||
openGraph: {
|
openGraph: {
|
||||||
title:
|
title:
|
||||||
"خرید لوازم آرایشی و بهداشتی قیمت مناسب و اصل | فروشگاه اینترنتی وسمه",
|
"خرید لوازم آرایشی و بهداشتی قیمت مناسب و اصل | فروشگاه اینترنتی وسمه",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue