From addb1460be9f8bc31a734b6a32d562cb9be7fe5f Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Fri, 21 Feb 2025 15:43:37 +0000
Subject: [PATCH] fix: update branding sizes

---
 src/components/menubar/index.tsx |  4 ++--
 src/pages/IndexPage.tsx          | 10 +++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/menubar/index.tsx b/src/components/menubar/index.tsx
index 60fa75f..8443a23 100644
--- a/src/components/menubar/index.tsx
+++ b/src/components/menubar/index.tsx
@@ -26,8 +26,8 @@ function Menubar() {
 			<UIMenubar className="rounded-none border-t-0 border-x-0 col-span-3">
 				<div className="w-full flex items-center space-x-1 overflow-x-auto">
 					<Link to={{ pathname: "/" }} className="px-4 min-w-40 flex gap-2 items-center">
-						<BlockmaticIcon className="h-full w-8" />
-						<BlockmaticText className="h-full w-full" />
+						<BlockmaticIcon className="h-8" />
+						<BlockmaticText className="h-4 w-min" />
 					</Link>
 
 					<FileMenu />
diff --git a/src/pages/IndexPage.tsx b/src/pages/IndexPage.tsx
index ce406c1..38eb012 100644
--- a/src/pages/IndexPage.tsx
+++ b/src/pages/IndexPage.tsx
@@ -1,6 +1,7 @@
 /// <reference types="vite-plugin-svgr/client" />
 import { useContext } from "react";
 import { Link } from "react-router";
+import { ChevronRightIcon, LinkIcon } from "lucide-react";
 
 import { ThemeContext } from "@/context/Theme";
 
@@ -10,9 +11,9 @@ import { Separator } from "@/components/ui/separator";
 import ThemeIcon from "@/components/ThemeIcon";
 import ImageComparison from "@/components/home/ImageComparison";
 
-import BlockmaticLogo from "@/assets/blockmatic.svg?react";
+import BlockmaticIcon from "@/assets/blockmatic-icon.svg?react";
+import BlockmaticText from "@/assets/blockmatic-text.svg?react";
 import GithubIcon from "@/assets/github.svg?react";
-import { ChevronRightIcon, LinkIcon } from "lucide-react";
 
 function IndexPage() {
 	const { isDark } = useContext(ThemeContext);
@@ -20,7 +21,10 @@ function IndexPage() {
 	return (
 		<main className="flex flex-col items-center font-inter">
 			<header className="w-full flex justify-evenly p-8 z-10 gap-8">
-				<BlockmaticLogo className="h-20 w-max" fill={"white"} />
+				<div className="flex gap-2 items-center">
+					<BlockmaticIcon className="h-14" fill={"white"} />
+					<BlockmaticText className="h-7" fill={"white"} />
+				</div>
 
 				<div className="flex items-center gap-1">
 					<Button className="bg-white text-black hover:bg-zinc-50/90 mr-4" asChild>