diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1a058d1..18c4dbc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Award, Zap, CheckCircle, Shield } from "lucide-react";
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 
 export default function Page() {
   return (
@@ -120,14 +121,14 @@ export default function Page() {
       </div>
 
       <div id="metrics" data-section="metrics">
-      <HeroBillboard
-      title="Proven Results & Success Metrics"
-      description="Join thousands of students who have transformed their careers through IT Academy."
-      background="plain"
-      tag="Our Impact"
-      buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
-      imageSrc="https://placehold.co/600x400"
-      />
+          <HeroBillboard
+              title="Proven Results & Success Metrics"
+              description="Join thousands of students who have transformed their careers through IT Academy."
+              background="plain"
+              tag="Our Impact"
+              buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
+              imageSrc="https://placehold.co/600x400"
+          />
       </div>
 
       <div id="testimonials" data-section="testimonials">