x

apps/spa/src/components/DynamicHero.tsx

@@ -15,6 +15,7 @@ export default function DynamicHero({ payload }: DynamicHeroProps) {
   const title = getLocalizedField(payload.title, lang);
   const description = getLocalizedField(payload.description, lang);
   const buttonText = getLocalizedField(payload.buttonText, lang);
+  const focalPoint = typeof payload.focalPoint === 'object' && payload.focalPoint ? (payload.focalPoint as { x: string, y: string }) : undefined;
 
   const renderTitle = (text: string) => {
     if (!text) return null;
@@ -41,6 +42,7 @@ export default function DynamicHero({ payload }: DynamicHeroProps) {
           src={imageUrl || `${import.meta.env.VITE_API_URL.replace('/api', '')}/assets/hero.png`}
           className="w-full h-full object-cover"
           alt="Hero Background"
+          style={{ objectPosition: focalPoint ? `${focalPoint.x} ${focalPoint.y}` : undefined }}
           onError={(e) => {
             (e.target as HTMLImageElement).style.display = 'none';
           }}