update Header

dist/index.js

@@ -1800,24 +1800,24 @@ function yn({ children: e, ...r }) {
     {
       as: "header",
       w: "100%",
-      h: "92px",
-      borderBottom: "1px solid",
+      h: "110px",
+      borderBottom: "1px",
       borderColor: "gray.200",
-      bg: "#fdfbff",
+      bg: "blue.400",
       px: "20px",
       zIndex: 10,
       position: "fixed",
-      top: 0,
+      color: "white",
       ...r,
       children: /* @__PURE__ */ b(W, { h: "100%", alignItems: "center", justifyContent: "space-between", children: e })
     }
   );
 }
 function bn({ children: e, ...r }) {
-  return /* @__PURE__ */ b(W, { alignItems: "end", h: "100%", py: "10px", ...r, children: e });
+  return /* @__PURE__ */ b(W, { alignItems: "center", h: "100%", py: "10px", ...r, children: e });
 }
 function vn(e) {
-  return /* @__PURE__ */ b(Qe, { loading: "lazy", ...e });
+  return /* @__PURE__ */ b(Qe, { loading: "lazy", alt: "logo", ...e });
 }
 function xn({ children: e, ...r }) {
   return /* @__PURE__ */ b(
@@ -1826,7 +1826,7 @@ function xn({ children: e, ...r }) {
       alignItems: "start",
       justifyContent: "end",
       h: "100%",
-      spacing: 0,
+      spacing: 1,
       ...r,
       children: e
     }

src/components/Header.jsx

@@ -8,14 +8,14 @@ function HeaderRoot({ children, ...props }) {
     <Box
       as="header"
       w="100%"
-      h="92px"
-      borderBottom="1px solid"
+      h="110px"
+      borderBottom="1px"
       borderColor="gray.200"
-      bg="#fdfbff"
+      bg="blue.400"
       px="20px"
       zIndex={10}
       position="fixed"
-      top={0}
+      color="white"
       {...props}
     >
       <HStack h="100%" alignItems="center" justifyContent="space-between">
@@ -27,14 +27,14 @@ function HeaderRoot({ children, ...props }) {
 
 function BrandSection({ children, ...props }) {
   return (
-    <HStack alignItems="end" h="100%" py="10px" {...props}>
+    <HStack alignItems="center" h="100%" py="10px" {...props}>
       {children}
     </HStack>
   );
 }
 
 function Logo(props) {
-  return <Image loading="lazy" {...props} />;
+  return <Image loading="lazy" alt="logo" {...props} />;
 }
 
 function Brand({ children, ...props }) {
@@ -43,7 +43,7 @@ function Brand({ children, ...props }) {
       alignItems="start"
       justifyContent="end"
       h="100%"
-      spacing={0}
+      spacing={1}
       {...props}
     >
       {children}