website refactor

apps/website/ui/BrandMark.tsx

@@ -7,29 +7,20 @@ interface BrandMarkProps {
   priority?: boolean;
 }
 
-/**
- * BrandMark provides the consistent logo/wordmark for the application.
- * Aligned with "Precision Racing Minimal" theme.
- */
 export function BrandMark({ href = '/' }: BrandMarkProps) {
   return (
     <Link href={href} variant="inherit" underline="none">
-      <Box position="relative" display="inline-flex" alignItems="center">
-        <Box height={{ base: '1.5rem', md: '1.75rem' }} style={{ transition: 'opacity 0.2s' }}>
-          <Image
-            src="/images/logos/wordmark-rectangle-dark.svg"
-            alt="GridPilot"
-            style={{ height: '100%', width: 'auto', display: 'block' }}
-          />
-        </Box>
-        <Box 
-          position="absolute" 
-          bottom="-4px" 
-          left="0" 
-          width="0" 
-          height="2px" 
-          bg="var(--ui-color-intent-primary)" 
-          style={{ transition: 'width 0.2s' }}
+      <Box display="flex" alignItems="center" gap={2}>
+        <Image
+          src="/images/logos/square-logo-dark.svg"
+          alt=""
+          style={{ height: '1.5rem', width: 'auto' }}
+        />
+
+        <Image
+          src="/images/logos/wordmark-rectangle-dark.svg"
+          alt="GridPilot"
+          style={{ height: '1.125rem', width: 'auto' }}
         />
       </Box>
     </Link>