feat: New design and optimization

resources/js/components/app-sidebar.tsx

@@ -1,4 +1,3 @@
-import { NavFooter } from '@/components/nav-footer';
 import { NavMain } from '@/components/nav-main';
 import { NavUser } from '@/components/nav-user';
 import {
@@ -15,7 +14,12 @@ import dashboardcarousel from '@/routes/dashboard/carousel';
 import testimonial from '@/routes/testimonial';
 import { type NavItem } from '@/types';
 import { Link } from '@inertiajs/react';
-import { BookOpen, Folder, GalleryHorizontal, LayoutGrid } from 'lucide-react';
+import {
+    GalleryHorizontal,
+    LayoutGrid,
+    Package,
+    TableOfContents,
+} from 'lucide-react';
 import AppLogo from './app-logo';
 
 const mainNavItems: NavItem[] = [
@@ -29,23 +33,20 @@ const mainNavItems: NavItem[] = [
         href: dashboardcarousel.index(),
         icon: GalleryHorizontal,
     },
+    {
+        title: 'Products',
+        href: dashboard.product.index(),
+        icon: Package,
+    },
     {
         title: 'Testimonial',
         href: testimonial.index(),
         icon: GalleryHorizontal,
     },
-];
-
-const footerNavItems: NavItem[] = [
     {
-        title: 'Repository',
-        href: 'https://github.com/laravel/react-starter-kit',
-        icon: Folder,
-    },
-    {
-        title: 'Documentation',
-        href: 'https://laravel.com/docs/starter-kits#react',
-        icon: BookOpen,
+        title: 'FAQs',
+        href: dashboard.faq.show(),
+        icon: TableOfContents,
     },
 ];
 
@@ -69,7 +70,6 @@ export function AppSidebar() {
             </SidebarContent>
 
             <SidebarFooter>
-                <NavFooter items={footerNavItems} className="mt-auto" />
                 <NavUser />
             </SidebarFooter>
         </Sidebar>