From 9f735a346897d645b0f81c1f287ade92680e28fc Mon Sep 17 00:00:00 2001
From: Mohamadzadeh <7796733@gmail.com>
Date: Sun, 14 Jun 2026 10:25:24 +0330
Subject: [PATCH] add AppHeader

---
 dist/logob.webp              | Bin 0 -> 4260 bytes
 public/logob.webp            | Bin 0 -> 4260 bytes
 src/components/AppHeader.jsx |  90 +++++++++++++++++++++++++++++++++++
 3 files changed, 90 insertions(+)
 create mode 100644 dist/logob.webp
 create mode 100644 public/logob.webp
 create mode 100644 src/components/AppHeader.jsx

diff --git a/dist/logob.webp b/dist/logob.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7be49b65589e27d1567de1325e49567ee413daa5
GIT binary patch
literal 4260
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

literal 0
HcmV?d00001

diff --git a/public/logob.webp b/public/logob.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7be49b65589e27d1567de1325e49567ee413daa5
GIT binary patch
literal 4260
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

literal 0
HcmV?d00001

diff --git a/src/components/AppHeader.jsx b/src/components/AppHeader.jsx
new file mode 100644
index 0000000..f4d38a3
--- /dev/null
+++ b/src/components/AppHeader.jsx
@@ -0,0 +1,90 @@
+"use client";
+
+import React from "react";
+import { Box, HStack, Image, Text, VStack } from "@chakra-ui/react";
+
+function AppHeaderRoot({ children, ...props }) {
+  return (
+    <Box
+      as="header"
+      w="100%"
+      h="92px"
+      borderBottom="1px solid"
+      borderColor="gray.200"
+      bg="#fdfbff"
+      px="20px"
+      zIndex={10}
+      position="fixed"
+      top={0}
+      {...props}
+    >
+      <HStack h="100%" alignItems="center" justifyContent="space-between">
+        {children}
+      </HStack>
+    </Box>
+  );
+}
+
+function BrandSection({ children, ...props }) {
+  return (
+    <HStack alignItems="end" h="100%" py="10px" {...props}>
+      {children}
+    </HStack>
+  );
+}
+
+function Logo(props) {
+  return <Image loading="lazy" {...props} />;
+}
+
+function Brand({ children, ...props }) {
+  return (
+    <VStack
+      alignItems="start"
+      justifyContent="end"
+      h="100%"
+      spacing={0}
+      {...props}
+    >
+      {children}
+    </VStack>
+  );
+}
+
+function Title({ children, ...props }) {
+  return (
+    <Text fontWeight="bold" fontSize="20px" {...props}>
+      {children}
+    </Text>
+  );
+}
+
+function Description({ children, ...props }) {
+  return <Text {...props}>{children}</Text>;
+}
+
+function Bi({ logoSrc = "/logob.png", ...props }) {
+  return (
+    <VStack
+      w="fit-content"
+      alignItems="center"
+      justifyContent="center"
+      py="10px"
+      {...props}
+    >
+      <Image src={logoSrc} loading="lazy" />
+      <Text fontSize="xs" fontWeight="bold" textAlign="center">
+        موسسه تولید سیستم های خبره و هوشمند اسلامی باقرالعلوم(ع)
+      </Text>
+    </VStack>
+  );
+}
+
+export const AppHeader = Object.assign(AppHeaderRoot, {
+  BrandSection,
+  Logo,
+  Brand,
+  Title,
+  Description,
+  Bi,
+});