Publish Meshkee static-image slot catalog so dashboard Refresh can import keys.
The storefront already consumed slots, but GET /meshkee/static-image-slots was missing, so Meshkee never registered slider, categories, four-icon-image, about-us, or brands for this domain. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import Image from "next/image";
|
||||
import Container from "./Container";
|
||||
import { getStaticImageSlot } from "@/lib/meshkee";
|
||||
import { aspectRatioToCss, getStaticImageSlot } from "@/lib/meshkee";
|
||||
|
||||
export default async function About() {
|
||||
const slot = await getStaticImageSlot("about-us");
|
||||
@@ -9,18 +9,30 @@ export default async function About() {
|
||||
const imageSrc = slotImage?.url || "/images/hero-2.jpg";
|
||||
const imageAlt = slotImage?.titleFa || "محصولات آراد آریسمان";
|
||||
const objectPositionClass = slotImage ? "object-center" : "object-left";
|
||||
const image = (
|
||||
<Image
|
||||
src={imageSrc}
|
||||
alt={imageAlt}
|
||||
fill
|
||||
className={`object-cover ${objectPositionClass}`}
|
||||
sizes="(min-width: 1024px) 45vw, 90vw"
|
||||
/>
|
||||
);
|
||||
|
||||
return (
|
||||
<section id="about" className="py-16 sm:py-20 bg-surface">
|
||||
<Container className="grid grid-cols-1 lg:grid-cols-2 items-center gap-12">
|
||||
<div className="relative aspect-[4/3] rounded-3xl overflow-hidden shadow-xl order-2 lg:order-1">
|
||||
<Image
|
||||
src={imageSrc}
|
||||
alt={imageAlt}
|
||||
fill
|
||||
className={`object-cover ${objectPositionClass}`}
|
||||
sizes="(min-width: 1024px) 45vw, 90vw"
|
||||
/>
|
||||
<div
|
||||
className="relative rounded-3xl overflow-hidden shadow-xl order-2 lg:order-1"
|
||||
style={{ aspectRatio: aspectRatioToCss(slot?.aspectRatio, "4 / 3") }}
|
||||
>
|
||||
{slotImage?.linkUrl ? (
|
||||
<a href={slotImage.linkUrl} className="absolute inset-0 block" aria-label={imageAlt}>
|
||||
{image}
|
||||
</a>
|
||||
) : (
|
||||
image
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="order-1 lg:order-2 text-center lg:text-start">
|
||||
|
||||
Reference in New Issue
Block a user