From 3a6ee465780a25cf5ff454b759cb5467a4a1cce4 Mon Sep 17 00:00:00 2001
From: nematnejad <nematnejad.mm@gmail.com>
Date: Sun, 22 Feb 2026 13:36:36 +0330
Subject: [PATCH] add

---
 pages/index.js | 163 ++++++++++++++++++++++++++++++++++---------------
 1 file changed, 113 insertions(+), 50 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 730422d..27b0eac 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -70,56 +70,119 @@ export default function Home() {
           <Divider />
 
           {/* Menu */}
-          <VStack align="stretch" spacing={2}>
-            <SidebarItem
-              icon={FiImage}
-              label="LLM + LoRA"
-              name={"llm"}
-              active={filters?.tab_menu == "llm" ? true : false}
-              filters={filters}
-              setFilters={setFilters}
-            />
-            <SidebarItem
-              icon={BsChatText}
-              label="LLM Base"
-              name={"llm_base"}
-              active={filters?.tab_menu == "llm_base" ? true : false}
-              filters={filters}
-              setFilters={setFilters}
-            />
-            <SidebarItem
-              icon={FiLayers}
-              label="SDXL + LoRA"
-              name={"sdxl_lora"}
-              active={filters?.tab_menu == "sdxl_lora" ? true : false}
-              filters={filters}
-              setFilters={setFilters}
-            />
-            <SidebarItem
-              icon={FiLayers}
-              label="SDXL"
-              name={"sdxl"}
-              active={filters?.tab_menu == "sdxl" ? true : false}
-              filters={filters}
-              setFilters={setFilters}
-            />
-            <SidebarItem
-              icon={CiVideoOn}
-              label="CogVideo + LoRA"
-              name={"cogvideo"}
-              active={filters?.tab_menu == "cogvideo" ? true : false}
-              filters={filters}
-              setFilters={setFilters}
-            />
-            <SidebarItem
-              icon={FiLayers}
-              label="CogVideo Base"
-              name={"cogvideo_base"}
-              active={filters?.tab_menu == "cogvideo_base" ? true : false}
-              filters={filters}
-              setFilters={setFilters}
-            />
-          </VStack>
+          <Tabs isFitted variant="soft-rounded" colorScheme="green">
+            <TabList>
+              <Tab>خانم ستاری</Tab>
+              <Tab>رکن آبادی</Tab>
+            </TabList>
+
+            <TabPanels>
+              <TabPanel>
+                <VStack align="stretch" spacing={2}>
+                  <SidebarItem
+                    icon={FiImage}
+                    label="LLM + LoRA"
+                    name={"llm"}
+                    active={filters?.tab_menu == "llm" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                  <SidebarItem
+                    icon={BsChatText}
+                    label="LLM Base"
+                    name={"llm_base"}
+                    active={filters?.tab_menu == "llm_base" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                  <SidebarItem
+                    icon={FiLayers}
+                    label="SDXL + LoRA"
+                    name={"sdxl_lora"}
+                    active={filters?.tab_menu == "sdxl_lora" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                  <SidebarItem
+                    icon={FiLayers}
+                    label="SDXL"
+                    name={"sdxl"}
+                    active={filters?.tab_menu == "sdxl" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                  <SidebarItem
+                    icon={CiVideoOn}
+                    label="CogVideo + LoRA"
+                    name={"cogvideo"}
+                    active={filters?.tab_menu == "cogvideo" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                  <SidebarItem
+                    icon={FiLayers}
+                    label="CogVideo Base"
+                    name={"cogvideo_base"}
+                    active={filters?.tab_menu == "cogvideo_base" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                </VStack>
+              </TabPanel>
+              <TabPanel>
+                <VStack align="stretch" spacing={2}>
+                  <SidebarItem
+                    icon={FiImage}
+                    label="LLM + LoRA"
+                    name={"llm"}
+                    active={filters?.tab_menu == "llm" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                  <SidebarItem
+                    icon={BsChatText}
+                    label="LLM Base"
+                    name={"llm_base"}
+                    active={filters?.tab_menu == "llm_base" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                  <SidebarItem
+                    icon={FiLayers}
+                    label="SDXL + LoRA"
+                    name={"sdxl_lora"}
+                    active={filters?.tab_menu == "sdxl_lora" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                  <SidebarItem
+                    icon={FiLayers}
+                    label="SDXL"
+                    name={"sdxl"}
+                    active={filters?.tab_menu == "sdxl" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                  <SidebarItem
+                    icon={CiVideoOn}
+                    label="CogVideo + LoRA"
+                    name={"cogvideo"}
+                    active={filters?.tab_menu == "cogvideo" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                  <SidebarItem
+                    icon={FiLayers}
+                    label="CogVideo Base"
+                    name={"cogvideo_base"}
+                    active={filters?.tab_menu == "cogvideo_base" ? true : false}
+                    filters={filters}
+                    setFilters={setFilters}
+                  />
+                </VStack>
+              </TabPanel>
+            </TabPanels>
+          </Tabs>
 
           {/* Footer */}
         </VStack>