add bootstrap.component.tsx, implement dynamic nav generation

yoga-app/src/app/about/page.tsx

@@ -9,10 +9,13 @@ import QuotesComponent from "@/components/quotes.component";
 import BlogPostsComponent from "@/components/blog.posts.component";
 import FooterComponent from "@/components/footer.component";
 import SubscribeComponent from "@/components/subscribe.component";
+import SubHeaderComponent from "@/components/subHeader.component";
+import BootstrapComponent from "@/components/bootstrap.component";
 
 export default function About() {
     return (
         <>
+            <SubHeaderComponent />
             <OurServicesComponent />
             <AboutUsComponent />
             <OurSpecialitiesComponent />
@@ -23,6 +26,8 @@ export default function About() {
             <SubscribeComponent />
             <FooterComponent />
             <AosComponent />
+            <BootstrapComponent />
+
         </>
 
     );