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

---
 pages/index.js   | 127 +++++++++++++++++++++++++++++------------------
 public/logob.png | Bin 0 -> 5811 bytes
 2 files changed, 78 insertions(+), 49 deletions(-)
 create mode 100644 public/logob.png

diff --git a/pages/index.js b/pages/index.js
index 27b0eac..59d510c 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -14,6 +14,8 @@ import {
   Icon,
   Divider,
   HStack,
+  Image,
+  Stack,
 } from "@chakra-ui/react";
 import {
   FiFileText,
@@ -43,6 +45,7 @@ export default function Home() {
   const [filters, setFilters] = useQueryParams({
     tab: withDefault(NumberParam, 0),
     tab_menu: withDefault(StringParam, "llm"),
+    model_name: withDefault(NumberParam, 0),
   });
 
   return (
@@ -53,12 +56,11 @@ export default function Home() {
         bg="white"
         borderLeft="1px solid"
         borderColor="gray.200"
-        px={6}
         py={8}
       >
         <VStack align="stretch" spacing={6}>
           {/* Brand / Title */}
-          <Box>
+          <Box px={6}>
             <Text fontSize="lg" fontWeight="bold">
               سرویس ها
             </Text>
@@ -70,7 +72,14 @@ export default function Home() {
           <Divider />
 
           {/* Menu */}
-          <Tabs isFitted variant="soft-rounded" colorScheme="green">
+          <Tabs
+            isFitted
+            variant="soft-rounded"
+            colorScheme="green"
+            px={6}
+            onChange={(e) => setFilters({ model_name: e })}
+            index={filters?.model_name}
+          >
             <TabList>
               <Tab>خانم ستاری</Tab>
               <Tab>رکن آبادی</Tab>
@@ -188,54 +197,74 @@ export default function Home() {
         </VStack>
       </Box>
 
-      <Box flex="1" p={8}>
-        <Tabs
-          variant="soft-rounded"
-          colorScheme="purple"
-          onChange={(e) => setFilters({ tab: e })}
-          index={filters?.tab}
+      <VStack w={"100%"} alignItems={"start"}>
+        <Box
+          w={"100%"}
+          h={"92px"}
+          borderBottom={"1px"}
+          borderBottomColor={"gray.200"}
+          bgColor={"white"}
+          as={Stack}
+          alignItems={"end"}
+          justifyContent={"center"}
+          pl={"20px"}
         >
-          <TabList mb={6}>
-            <Tab>
-              <HStack>
-                <IoDocumentTextOutline fontSize={"20px"} />
-                <Text>پنل تولید متن</Text>
-              </HStack>
-            </Tab>
-            <Tab>
-              <HStack>
-                <IoImageOutline fontSize={"20px"} />
-                <Text>پنل تولید تصویر</Text>
-              </HStack>
-            </Tab>
-            <Tab>
-              <HStack>
-                <IoVideocamOutline fontSize={"20px"} />
-                <Text>پنل تولید ویدئو</Text>
-              </HStack>
-            </Tab>
-            <Tab>
-              <HStack>
-                <IoIosGitMerge fontSize={"20px"} />
-                <Text>مرج و تولید نهایی</Text>
-              </HStack>
-            </Tab>
-          </TabList>
+          <VStack>
+            <Image src={"./logob.png"} />
+            <Text fontSize={"xs"} fontWeight={"bold"}>
+              موسسه تولید سیستم های خبره و هوشمند اسلامی باقرالعلوم(ع)
+            </Text>
+          </VStack>
+        </Box>
+        <Box flex="1" p={8} w={"100%"}>
+          <Tabs
+            variant="soft-rounded"
+            colorScheme="purple"
+            onChange={(e) => setFilters({ tab: e })}
+            index={filters?.tab}
+          >
+            <TabList mb={6}>
+              <Tab>
+                <HStack>
+                  <IoDocumentTextOutline fontSize={"20px"} />
+                  <Text>پنل تولید متن</Text>
+                </HStack>
+              </Tab>
+              <Tab>
+                <HStack>
+                  <IoImageOutline fontSize={"20px"} />
+                  <Text>پنل تولید تصویر</Text>
+                </HStack>
+              </Tab>
+              <Tab>
+                <HStack>
+                  <IoVideocamOutline fontSize={"20px"} />
+                  <Text>پنل تولید ویدئو</Text>
+                </HStack>
+              </Tab>
+              <Tab>
+                <HStack>
+                  <IoIosGitMerge fontSize={"20px"} />
+                  <Text>مرج و تولید نهایی</Text>
+                </HStack>
+              </Tab>
+            </TabList>
 
-          <TabPanels>
-            <TabPanel>
-              <LlmPanel />
-            </TabPanel>
-            <TabPanel>
-              <TextImagePanel />
-            </TabPanel>
-            <TabPanel>
-              <TextVideoPanel />
-            </TabPanel>
-            <TabPanel>مرج نهایی</TabPanel>
-          </TabPanels>
-        </Tabs>
-      </Box>
+            <TabPanels>
+              <TabPanel>
+                <LlmPanel />
+              </TabPanel>
+              <TabPanel>
+                <TextImagePanel />
+              </TabPanel>
+              <TabPanel>
+                <TextVideoPanel />
+              </TabPanel>
+              <TabPanel>مرج نهایی</TabPanel>
+            </TabPanels>
+          </Tabs>
+        </Box>
+      </VStack>
 
       {/* Right Sidebar */}
     </Flex>
diff --git a/public/logob.png b/public/logob.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc9ddbef3c413447497eba202d816565133dcabf
GIT binary patch
literal 5811
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

literal 0
HcmV?d00001