add ityped, add strapi type generate plugin

yoga-app/src/app/page.tsx

@@ -11,6 +11,7 @@ import FooterComponent from "@/components/footer.component";
 import SubscribeComponent from "@/components/subscribe.component";
 import MainHeaderComponent from "@/components/mainHeaderComponent";
 import BootstrapComponent from "@/components/bootstrap.component";
+import ITypedComponent from "@/components/ityped.component";
 
 export default function Home() {
   return (
@@ -27,6 +28,7 @@ export default function Home() {
           <FooterComponent />
           <AosComponent />
           <BootstrapComponent />
+          <ITypedComponent />
       </>
 
   );

yoga-app/src/components/ityped.component.tsx

@@ -1,17 +1,18 @@
 'use client'
 
 import {  useEffect} from "react";
-import AOS from "aos";
+import { init } from 'ityped'
 
-const AosComponent = (  ) => {
+const ITypedComponent = (  ) => {
     useEffect(() => {
-        AOS.init({
-            duration: 1000,
-            offset: 120,
-            easing: 'ease-in-out'
+        init(document.querySelector('.ityped') as Element,{
+            strings: ['Body & Soul'],
+            typeSpeed: 150,
+            backSpeed: 150,
+            loop: true
         })
     }, []);
     return (<></> );
 }
 
-export default AosComponent;
+export default ITypedComponent;