diff --git a/frontend/src/app/(home)/page.tsx b/frontend/src/app/(home)/page.tsx
index 2c1e96d2..2d4c59e3 100644
--- a/frontend/src/app/(home)/page.tsx
+++ b/frontend/src/app/(home)/page.tsx
@@ -9,6 +9,7 @@ import { OpenSourceSection } from '@/components/home/sections/open-source-sectio
 import { PricingSection } from '@/components/home/sections/pricing-section';
 import { UseCasesSection } from '@/components/home/sections/use-cases-section';
 import { ModalProviders } from '@/providers/modal-providers';
+import { HeroVideoSection } from '@/components/home/sections/hero-video-section';
 
 export default function Home() {
   return (
@@ -27,6 +28,9 @@ export default function Home() {
           <div className='flex flex-col items-center px-4'>
             <PricingSection />
           </div>
+          <div className="mt-12 pb-12 mx-auto">
+            <HeroVideoSection />
+          </div>
           {/* <TestimonialSection /> */}
           {/* <FAQSection /> */}
           <CTASection />
diff --git a/frontend/src/components/home/sections/cta-section.tsx b/frontend/src/components/home/sections/cta-section.tsx
index 32d894f5..c60a886a 100644
--- a/frontend/src/components/home/sections/cta-section.tsx
+++ b/frontend/src/components/home/sections/cta-section.tsx
@@ -1,6 +1,7 @@
 import Image from 'next/image';
 import { siteConfig } from '@/lib/home';
 import Link from 'next/link';
+import { HeroVideoSection } from './hero-video-section';
 
 export function CTASection() {
   const { ctaSection } = siteConfig;
@@ -12,13 +13,6 @@ export function CTASection() {
     >
       <div className="w-full max-w-6xl mx-auto px-6">
         <div className="h-[400px] md:h-[400px] overflow-hidden shadow-xl w-full border border-border rounded-xl bg-secondary relative z-20">
-          {/* <Image
-            src={ctaSection.backgroundImage}
-            alt="Agent CTA Background"
-            className="absolute inset-0 w-full h-full object-cover object-right md:object-center"
-            fill
-            priority
-          /> */}
           <div className="absolute inset-0 -top-32 md:-top-40 flex flex-col items-center justify-center">
             <h1 className="text-white text-4xl md:text-7xl font-medium tracking-tighter max-w-xs md:max-w-xl text-center">
               {ctaSection.title}
diff --git a/frontend/src/components/home/sections/hero-section.tsx b/frontend/src/components/home/sections/hero-section.tsx
index 68769bd5..3fe62e4e 100644
--- a/frontend/src/components/home/sections/hero-section.tsx
+++ b/frontend/src/components/home/sections/hero-section.tsx
@@ -364,9 +364,7 @@ export function HeroSection() {
           </div>
         </div>
       </div>
-      <div className="mb-10 sm:mt-40 max-w-4xl mx-auto">
-        <HeroVideoSection />
-      </div>
+      <div className="mb-16 sm:mt-52 max-w-4xl mx-auto"></div>
 
       {/* Auth Dialog */}
       <Dialog open={authDialogOpen} onOpenChange={setAuthDialogOpen}>