diff --git a/src/app/page.tsx b/src/app/page.tsx
index 361e203..886ff9c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -84,14 +84,14 @@ export default function Page() {
       </div>
 
       <div id="learning-process" data-section="learning-process">
-      <HeroBillboardScroll
-      title={'IT "STEP" Academy'}
-      description="We follow a proven 4-step methodology to ensure comprehensive learning and skill mastery."
-      background="plain"
-      tag="Our Methodology"
-      buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
-      imageSrc="https://placehold.co/600x400"
-      />
+          <HeroBillboardScroll
+              title={'IT "STEP" Academy'}
+              description="We follow a proven 4-step methodology to ensure comprehensive learning and skill mastery."
+              background={{ variant: "plain" }}
+              tag="Our Methodology"
+              buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
+              imageSrc="https://placehold.co/600x400"
+          />
       </div>
 
       <div id="courses" data-section="courses">