diff --git a/frontend/public/thumbnail-dark.png b/frontend/public/thumbnail-dark.png
new file mode 100644
index 00000000..fed1c040
Binary files /dev/null and b/frontend/public/thumbnail-dark.png differ
diff --git a/frontend/public/thumbnail-light.png b/frontend/public/thumbnail-light.png
new file mode 100644
index 00000000..8577ce62
Binary files /dev/null and b/frontend/public/thumbnail-light.png differ
diff --git a/frontend/src/components/home/sections/footer-section.tsx b/frontend/src/components/home/sections/footer-section.tsx
index c47977e1..08ec46d9 100644
--- a/frontend/src/components/home/sections/footer-section.tsx
+++ b/frontend/src/components/home/sections/footer-section.tsx
@@ -45,12 +45,12 @@ export function FooterSection() {
-
+
-
+
diff --git a/frontend/src/components/home/sections/hero-video-section.tsx b/frontend/src/components/home/sections/hero-video-section.tsx
index e9b26ff1..40e40afc 100644
--- a/frontend/src/components/home/sections/hero-video-section.tsx
+++ b/frontend/src/components/home/sections/hero-video-section.tsx
@@ -7,15 +7,15 @@ export function HeroVideoSection() {
diff --git a/frontend/src/components/home/ui/hero-video-dialog.tsx b/frontend/src/components/home/ui/hero-video-dialog.tsx
index 8ad1564f..b1c67d8a 100644
--- a/frontend/src/components/home/ui/hero-video-dialog.tsx
+++ b/frontend/src/components/home/ui/hero-video-dialog.tsx
@@ -78,6 +78,14 @@ export function HeroVideoDialog({
const [isVideoOpen, setIsVideoOpen] = useState(false);
const selectedAnimation = animationVariants[animationStyle];
+ // Add autoplay parameter to YouTube URL when opened
+ const getVideoSrcWithAutoplay = () => {
+ const url = new URL(videoSrc);
+ // Preserve existing query parameters and add autoplay=1
+ url.searchParams.set('autoplay', '1');
+ return url.toString();
+ };
+
return (