astro config and new images

website/astro.config.mjs

@@ -40,66 +40,101 @@ export default defineConfig({
             icon: 'rocket',
             items: [
               {
-                label: 'GETTING STARTED',
+                label: '🚀 QUICK START',
                 items: [
-                  { label: 'QuickStart', slug: 'jan/quickstart' },
+                  { label: 'Getting Started', slug: 'jan/quickstart' },
                   {
-                    label: 'Install 👋 Jan',
+                    label: 'Install Jan',
                     collapsed: false,
                     autogenerate: { directory: 'jan/installation' },
                   },
-                  {
+                  { label: 'AI Assistants', slug: 'jan/assistants' },
-                    label: 'Models',
+                ],
-                    collapsed: true,
+              },
-                    autogenerate: { directory: 'jan/jan-models' },
+              {
+                label: '🤖 MODELS',
+                items: [
+                  { label: 'Overview', slug: 'jan/manage-models' },
+                  {
+                    label: 'Jan Models',
+                    collapsed: false,
+                    items: [
+                      {
+                        label: 'Jan v1',
+                        slug: 'jan/jan-models/jan-v1',
+                      },
+                      {
+                        label: 'Research Models',
+                        collapsed: true,
+                        items: [
+                          {
+                            label: 'Jan Nano 32k',
+                            slug: 'jan/jan-models/jan-nano-32',
+                          },
+                          {
+                            label: 'Jan Nano 128k',
+                            slug: 'jan/jan-models/jan-nano-32',
+                          },
+                          {
+                            label: 'Lucy',
+                            slug: 'jan/jan-models/lucy',
+                          },
+                        ],
+                      },
+                    ],
                   },
-                  { label: 'Assistants', slug: 'jan/assistants' },
                   {
                     label: 'Cloud Providers',
                     collapsed: true,
                     items: [
+                      { label: 'OpenAI', slug: 'jan/remote-models/openai' },
                       {
                         label: 'Anthropic',
                         slug: 'jan/remote-models/anthropic',
                       },
-                      { label: 'OpenAI', slug: 'jan/remote-models/openai' },
                       { label: 'Gemini', slug: 'jan/remote-models/google' },
-                      {
+                      { label: 'Groq', slug: 'jan/remote-models/groq' },
-                        label: 'OpenRouter',
-                        slug: 'jan/remote-models/openrouter',
-                      },
-                      { label: 'Cohere', slug: 'jan/remote-models/cohere' },
                       {
                         label: 'Mistral',
                         slug: 'jan/remote-models/mistralai',
                       },
-                      { label: 'Groq', slug: 'jan/remote-models/groq' },
+                      { label: 'Cohere', slug: 'jan/remote-models/cohere' },
+                      {
+                        label: 'OpenRouter',
+                        slug: 'jan/remote-models/openrouter',
+                      },
+                      {
+                        label: 'HuggingFace 🤗',
+                        slug: 'jan/remote-models/huggingface',
+                      },
                     ],
                   },
                   {
-                    label: 'Tutorials',
+                    label: 'Custom Providers',
+                    slug: 'jan/custom-provider',
+                  },
+                  {
+                    label: 'Multi-Modal Models',
+                    slug: 'jan/multi-modal',
+                  },
+                ],
+              },
+              {
+                label: '🔧 TOOLS & INTEGRATIONS',
+                items: [
+                  { label: 'What is MCP?', slug: 'jan/mcp' },
+                  {
+                    label: 'Examples & Tutorials',
+                    collapsed: true,
+                    items: [
+                      {
+                        label: 'Web & Search',
                         collapsed: true,
                         items: [
                           {
                             label: 'Browser Control',
                             slug: 'jan/mcp-examples/browser/browserbase',
                           },
-                      {
-                        label: 'Code Sandbox (E2B)',
-                        slug: 'jan/mcp-examples/data-analysis/e2b',
-                      },
-                      {
-                        label: 'Jupyter Notebooks',
-                        slug: 'jan/mcp-examples/data-analysis/jupyter',
-                      },
-                      {
-                        label: 'Design with Canva',
-                        slug: 'jan/mcp-examples/design/canva',
-                      },
-                      {
-                        label: 'Deep Financial Research',
-                        slug: 'jan/mcp-examples/deepresearch/octagon',
-                      },
                           {
                             label: 'Serper Search',
                             slug: 'jan/mcp-examples/search/serper',
@@ -108,6 +143,30 @@ export default defineConfig({
                             label: 'Exa Search',
                             slug: 'jan/mcp-examples/search/exa',
                           },
+                        ],
+                      },
+                      {
+                        label: 'Data & Analysis',
+                        collapsed: true,
+                        items: [
+                          {
+                            label: 'Jupyter Notebooks',
+                            slug: 'jan/mcp-examples/data-analysis/jupyter',
+                          },
+                          {
+                            label: 'Code Sandbox (E2B)',
+                            slug: 'jan/mcp-examples/data-analysis/e2b',
+                          },
+                          {
+                            label: 'Deep Financial Research',
+                            slug: 'jan/mcp-examples/deepresearch/octagon',
+                          },
+                        ],
+                      },
+                      {
+                        label: 'Productivity',
+                        collapsed: true,
+                        items: [
                           {
                             label: 'Linear',
                             slug: 'jan/mcp-examples/productivity/linear',
@@ -118,49 +177,79 @@ export default defineConfig({
                           },
                         ],
                       },
+                      {
+                        label: 'Creative',
+                        collapsed: true,
+                        items: [
+                          {
+                            label: 'Design with Canva',
+                            slug: 'jan/mcp-examples/design/canva',
+                          },
+                        ],
+                      },
+                    ],
+                  },
                 ],
               },
               {
-                label: 'EXPLANATION',
+                label: '⚙️ DEVELOPER',
                 items: [
                   {
-                    label: 'Local AI Engine',
+                    label: 'Local API Server',
-                    slug: 'jan/explanation/llama-cpp',
+                    collapsed: false,
+                    items: [
+                      { label: 'Overview', slug: 'local-server' },
+                      {
+                        label: 'API Configuration',
+                        slug: 'local-server/api-server',
                       },
+                      {
+                        label: 'Engine Settings',
+                        slug: 'local-server/llama-cpp',
+                      },
+                      {
+                        label: 'Server Settings',
+                        slug: 'local-server/settings',
+                      },
+                      {
+                        label: 'Integrations',
+                        collapsed: true,
+                        autogenerate: {
+                          directory: 'local-server/integrations',
+                        },
+                      },
+                    ],
+                  },
+                  {
+                    label: 'Technical Details',
+                    collapsed: true,
+                    items: [
                       {
                         label: 'Model Parameters',
                         slug: 'jan/explanation/model-parameters',
                       },
                     ],
                   },
-              {
-                label: 'ADVANCED',
-                items: [
-                  { label: 'Manage Models', slug: 'jan/manage-models' },
-                  { label: 'Model Context Protocol', slug: 'jan/mcp' },
                 ],
               },
               {
-                label: 'Local Server',
+                label: '📚 REFERENCE',
-                items: [
-                  {
-                    label: 'All',
-                    collapsed: true,
-                    autogenerate: { directory: 'local-server' },
-                  },
-                ],
-              },
-              {
-                label: 'REFERENCE',
                 items: [
                   { label: 'Settings', slug: 'jan/settings' },
-                  { label: 'Jan Data Folder', slug: 'jan/data-folder' },
+                  { label: 'Data Folder', slug: 'jan/data-folder' },
                   { label: 'Troubleshooting', slug: 'jan/troubleshooting' },
                   { label: 'Privacy Policy', slug: 'jan/privacy' },
                 ],
               },
             ],
           },
+          {
+            label: 'Browser Extension',
+            link: '/browser/',
+            badge: { text: 'Alpha', variant: 'tip' },
+            icon: 'puzzle',
+            items: [{ label: 'Overview', slug: 'browser' }],
+          },
           {
             label: 'Jan Mobile',
             link: '/mobile/',