From 9bc8d79e2c3d2d0d499352619ab047246fc4b2a9 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Thu, 21 Aug 2025 19:29:33 +0200
Subject: [PATCH] fix

---
 src/components/CallToAction3.jsx |  2 +-
 src/components/Hero.jsx          | 36 +++++++++++++++-----------------
 2 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/src/components/CallToAction3.jsx b/src/components/CallToAction3.jsx
index 460e0c9..2879565 100644
--- a/src/components/CallToAction3.jsx
+++ b/src/components/CallToAction3.jsx
@@ -20,7 +20,7 @@ export function CallToAction3() {
       <Container className="relative ">
         <div className="mx-auto max-w-3xl text-center">
         <div className="flex items-center justify-center">
-          <Logo className="h-20 w-auto opacity-100" />
+          <Logo className="h-25 w-auto opacity-100" />
         </div>
         </div>
       </Container>
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 32da1db..ddcbbc6 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -5,26 +5,24 @@ import { Logo } from '@/components/Logo'
 
 export function Hero() {
   return (
-    <section className="relative w-full lg:h-screen bg-transparent h-[400px] sm:h-[500px] md:h-[550px] lg:mt-0 mt-0">
+    <section className="relative w-full lg:h-screen bg-transparent h-[550px] lg:mt-0 mt-0">
       {/* Background Video */}
-      <div className="absolute top-0 left-0 w-full h-full overflow-hidden z-0 bg-[#FEFFF6] opacity-30">
-        <div className="relative w-full h-full">
-          <iframe
-            src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=auto&responsive=1"
-            className="absolute top-0 left-0 w-full h-full border-0"
-            allow="autoplay; fullscreen; picture-in-picture"
-            style={{
-              width: '100%',
-              height: '100%',
-              minHeight: '100%',
-              minWidth: '100%',
-              objectFit: 'cover',
-              pointerEvents: 'none',
-              border: 'none'
-            }}
-            title="VEDA Background Video"
-          ></iframe>
-        </div>
+      <div className="absolute inset-0 w-full h-full overflow-hidden z-0 bg-[#FEFFF6] opacity-30">
+        <iframe
+          src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=auto&responsive=1"
+          className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 border-0"
+          allow="autoplay; fullscreen; picture-in-picture"
+          style={{
+            width: '300%',
+            height: '300%',
+            minWidth: '100vw',
+            minHeight: '100vh',
+            objectFit: 'cover',
+            pointerEvents: 'none',
+            border: 'none'
+          }}
+          title="VEDA Background Video"
+        ></iframe>
       </div>
 
       {/* Welcome Content Overlay */}