diff --git a/yoga-app/src/app/page.tsx b/yoga-app/src/app/page.tsx
index 50f22ac..cecfc05 100644
--- a/yoga-app/src/app/page.tsx
+++ b/yoga-app/src/app/page.tsx
@@ -45,7 +45,6 @@ export default async function Home() {
               { footer && <FooterComponent config={footer} /> }
           <AosComponent />
           <BootstrapComponent />
-              {header?.headerIType && <ITypedComponent text={header.headerIType} /> }
       </>
 
   );
diff --git a/yoga-app/src/components/mainHeaderComponent.tsx b/yoga-app/src/components/mainHeaderComponent.tsx
index eb9ecdf..2306999 100644
--- a/yoga-app/src/components/mainHeaderComponent.tsx
+++ b/yoga-app/src/components/mainHeaderComponent.tsx
@@ -10,6 +10,7 @@ const MainHeaderComponent = ({ config: {
     header,
     description,
     button,
+    headerIType
 
 }}: Props) => {
 
@@ -40,7 +41,7 @@ const MainHeaderComponent = ({ config: {
                         <div className="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-md-left text-center">
                             <div className="banner-section-content">
                                 <h5>{title}</h5>
-                                <h1 data-aos="fade-up">{header} <span className="ityped"></span></h1>
+                                <h1 data-aos="fade-up">{header} <span className="{}">{headerIType}</span></h1>
                                 <p data-aos="fade-right">{description}</p>
                                 <div className="btn_wrapper" data-aos="fade-up">
                                     {button && <a className="text-decoration-none getstarted_btn" href={button.link}>{button.label}</a> }