website refactor

apps/website/components/layout/BrandMark.tsx

@@ -1,40 +0,0 @@
-import { Box } from '@/ui/primitives/Box';
-import Image from 'next/image';
-import Link from 'next/link';
-
-interface BrandMarkProps {
-  href?: string;
-  priority?: boolean;
-}
-
-/**
- * BrandMark provides the consistent logo/wordmark for the application.
- * Aligned with "Precision Racing Minimal" theme.
- */
-export function BrandMark({ href = '/', priority = false }: BrandMarkProps) {
-  return (
-    <Box as={Link} href={href} display="inline-flex" alignItems="center" group>
-      <Box position="relative">
-        <Box h={{ base: '24px', md: '28px' }} w="auto" transition opacity={1} groupHoverOpacity={0.8}>
-          <Image
-            src="/images/logos/wordmark-rectangle-dark.svg"
-            alt="GridPilot"
-            width={160}
-            height={30}
-            priority={priority}
-          />
-        </Box>
-        <Box 
-          position="absolute" 
-          bottom="-4px" 
-          left="0" 
-          w="0" 
-          h="2px" 
-          bg="primary-accent" 
-          transition 
-          groupHoverWidth="full" 
-        />
-      </Box>
-    </Box>
-  );
-}

apps/website/components/layout/NavLink.tsx

@@ -1,65 +0,0 @@
-import { Text } from '@/ui/Text';
-import { Box } from '@/ui/primitives/Box';
-import { LucideIcon } from 'lucide-react';
-import Link from 'next/link';
-
-interface NavLinkProps {
-  href: string;
-  label: string;
-  icon?: LucideIcon;
-  isActive?: boolean;
-  variant?: 'sidebar' | 'top';
-}
-
-/**
- * NavLink provides a consistent link component for navigation.
- * Supports both sidebar and top navigation variants.
- */
-export function NavLink({ href, label, icon: Icon, isActive, variant = 'sidebar' }: NavLinkProps) {
-  if (variant === 'top') {
-    return (
-      <Box
-        as={Link}
-        href={href}
-        display="flex"
-        alignItems="center"
-        gap={2}
-        px={3}
-        py={2}
-        transition
-        color={isActive ? 'primary-accent' : 'text-gray-400'}
-        hoverTextColor="white"
-      >
-        {Icon && <Icon size={18} />}
-        <Text size="sm" weight={isActive ? 'bold' : 'medium'}>
-          {label}
-        </Text>
-      </Box>
-    );
-  }
-
-  return (
-    <Box
-      as={Link}
-      href={href}
-      display="flex"
-      alignItems="center"
-      gap={3}
-      px={3}
-      py={2}
-      rounded="md"
-      transition
-      bg={isActive ? 'primary-accent/10' : 'transparent'}
-      color={isActive ? 'primary-accent' : 'text-gray-400'}
-      hoverBg={isActive ? 'primary-accent/10' : 'white/5'}
-      hoverTextColor={isActive ? 'primary-accent' : 'white'}
-      group
-    >
-      {Icon && <Icon size={20} color={isActive ? '#198CFF' : '#6B7280'} />}
-      <Text weight="medium">{label}</Text>
-      {isActive && (
-        <Box ml="auto" w="4px" h="16px" bg="primary-accent" rounded="full" shadow="[0_0_8px_rgba(25,140,255,0.5)]" />
-      )}
-    </Box>
-  );
-}