feat(â�docs): use iframe

.prettierignore

@@ -5,5 +5,4 @@
 
 .angular
 
-/.nx/cache
-/apps/docs/src/app/features/docs/components/**/*component.html
+/.nx/cache

apps/docs/src/app/app.component.html

@@ -1,23 +1 @@
-<flowbite-navbar
-  isFixed
-  [customStyle]="{ base: 'flex flex-wrap items-center justify-between p-4 2xl:px-60' }">
-  <flowbite-navbar-brand link="/">
-    <img
-      src="./assets/flowbite-angular-logo.svg"
-      class="h-8"
-      alt="Flowbite Logo" />
-    <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Flowbite Angular</span>
-  </flowbite-navbar-brand>
-  <flowbite-navbar-content>
-    <flowbite-navbar-item link="/docs">Docs</flowbite-navbar-item>
-    <flowbite-navbar-item link="https://flowbite.com">Flowbite</flowbite-navbar-item>
-  </flowbite-navbar-content>
-  <div class="flex flex-row">
-    <flowbite-dark-theme-toggle />
-    <flowbite-navbar-toggle />
-  </div>
-</flowbite-navbar>
-
 <router-outlet />
-
-<flowbite-scroll-top />

apps/docs/src/app/app.component.ts

@@ -1,31 +1,11 @@
-import {
-  DarkThemeToggleComponent,
-  NavbarBrandComponent,
-  NavbarComponent,
-  NavbarContentComponent,
-  NavbarItemComponent,
-  NavbarToggleComponent,
-  ScrollTopComponent,
-  SidebarStateService,
-  SidebarToggleComponent,
-} from 'flowbite-angular';
+import { SidebarStateService } from 'flowbite-angular';
 
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
 @Component({
   standalone: true,
-  imports: [
-    NavbarComponent,
-    RouterOutlet,
-    NavbarBrandComponent,
-    NavbarContentComponent,
-    NavbarItemComponent,
-    DarkThemeToggleComponent,
-    NavbarToggleComponent,
-    SidebarToggleComponent,
-    ScrollTopComponent,
-  ],
+  imports: [RouterOutlet],
   selector: 'flowbite-root',
   templateUrl: './app.component.html',
   providers: [SidebarStateService],

apps/docs/src/app/app.routes.ts

@@ -1,18 +1,22 @@
-import { DocsComponent } from './features/docs/docs.component';
-import { HomeComponent } from './features/home/home.component';
-import { NotFoundComponent } from './shared/components/not-found/not-found.component';
+import { NotFoundComponent } from './ui/shared/components/not-found/not-found.component';
+import { UiComponent } from './ui/ui.component';
 
 import type { Route } from '@angular/router';
 
 export const appRoutes: Route[] = [
   {
     path: '',
-    component: HomeComponent,
+    redirectTo: 'ui',
+    pathMatch: 'full',
   },
   {
-    path: 'docs',
-    component: DocsComponent,
-    loadChildren: () => import('./features/docs/docs.routes'),
+    path: 'ui',
+    component: UiComponent,
+    loadChildren: () => import('./ui/app.routes'),
+  },
+  {
+    path: 'frames',
+    loadChildren: () => import('./frames/frames.routes'),
   },
   {
     path: '**',