From b2542e38b51d22bbe9a44cfaec4a6c0392b3f8ad Mon Sep 17 00:00:00 2001 From: GitHub Actions Date: Mon, 20 Apr 2026 21:54:47 -0500 Subject: [PATCH 1/3] chore: offset video player position to hide watermarks --- src/app/contact/page.tsx | 7 ++++--- src/app/services/page.tsx | 7 ++++--- src/components/video-player.tsx | 12 ++++++++++-- 3 files changed, 18 insertions(+), 8 deletions(-) diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 75a89449..30d5fa52 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -80,13 +80,14 @@ export default function Contact() { return (
{/* ── Hero Section with Video Background ── */} -
+
{/* Video Background */}
{/* Dark overlay — matches .dark-translucent-bg */} @@ -94,7 +95,7 @@ export default function Contact() {
{/* Hero Content — accounts for 74px fixed header */} -
+
{/* Heading */}

CodeBuilder - .us + , Inc.

{/* Separator */} diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 14caeb33..aa8064d8 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -168,13 +168,14 @@ export default function Services() { return (
{/* ── Hero Section with Video Background ── */} -
+
{/* Video Background */}
{/* Dark overlay — matches .dark-translucent-bg */} @@ -182,11 +183,11 @@ export default function Services() {
{/* Hero Content */} -
+
{/* "Our Services" heading */}

= ({ mp4Src, webmSrc, posterSrc }) => { +const VideoPlayer: React.FC = ({ mp4Src, webmSrc, posterSrc, objectPosition = 'center' }) => { const videoRef = useRef(null) const [isPlaying, setIsPlaying] = useState(false) const retryTimerRef = useRef | null>(null) @@ -75,7 +76,13 @@ const VideoPlayer: React.FC = ({ mp4Src, webmSrc, posterSrc }) return (
{/* Poster/still image — always rendered underneath, visible until video plays */} - + {/* Video element — layered on top, fades in once playing */}