feat: add course cover positioning

2026-09-04 14:42:04 -03:00
parent ad860074fd
commit 7a01be2b59
10 changed files with 120 additions and 18 deletions
--- a/components/Hero.tsx
+++ b/components/Hero.tsx
@@ -24,7 +24,10 @@ export const Hero: React.FC<HeroProps> = ({ onPlay }) => {
          src={featuredCourse.thumbnail}
          alt={featuredCourse.title}
          className="w-full h-full object-cover object-center"
-          style={{ transform: `scale(${featuredCourse.coverImageZoom || 1})` }}
+          style={{
+            transform: `scale(${featuredCourse.coverImageZoom || 1})`,
+            objectPosition: `${featuredCourse.coverImagePositionX ?? 50}% ${featuredCourse.coverImagePositionY ?? 50}%`,
+          }}
        />
        {/* Gradients for text readability and seamless transition */}
        <div className="absolute inset-0 bg-gradient-to-t from-black via-black/60 to-black/75" />