mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-19 21:30:36 +01:00
parent 5715e35790
commit a0db155427
23 changed files with 582 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
apps/website/templates/layout/GlobalFooterTemplate.tsx
View File

@@ -1,45 +1,44 @@
import { Surface } from '@/ui/Surface';
import { Container } from '@/ui/Container';
import { Stack } from '@/ui/Stack';
import { Text } from '@/ui/Text';
import { Link } from '@/ui/Link';
import { Box } from '@/ui/Box';
import { BrandMark } from '@/ui/BrandMark';
export interface GlobalFooterViewData {}
export function GlobalFooterTemplate(_props: GlobalFooterViewData) {
return (
<Surface as="footer" variant="muted" borderTop paddingY={6}>
<Container size="full">
<Box display="flex" flexDirection={{ base: 'col', md: 'row' }} alignItems="center" justifyContent="between" gap={4}>
{/* Left: Identity */}
<Stack direction="row" align="center" gap={3}>
<BrandMark />
<Text size="xs" variant="low" font="mono" uppercase letterSpacing="wider">
// Infrastructure
<Surface
as="footer"
variant="precision"
paddingY={3}
paddingX={4}
borderTop={true}
backgroundColor="rgba(10, 10, 11, 0.92)"
className="backdrop-blur-xl"
style={{
boxShadow: '0 -1px 0 0 rgba(255, 255, 255, 0.05)',
}}
>
<Box display="flex" justifyContent="between" alignItems="center" width="full" gap={4}>
<Stack direction="row" align="center" gap={3}>
<Text size="xs" variant="low" font="mono" uppercase letterSpacing="0.12em">
© {new Date().getFullYear()} GridPilot
</Text>
<Box w="1px" h="12px" bg="var(--ui-color-border-muted)" opacity={0.6} />
<Text size="xs" variant="low" font="mono" uppercase letterSpacing="0.12em">
Session ready
</Text>
</Stack>
<Box display={{ base: 'none', sm: 'flex' }}>
<Stack direction="row" align="center" gap={2}>
<Box w="6px" h="6px" rounded="full" bg="var(--ui-color-intent-success)" />
<Text size="xs" variant="low" font="mono" uppercase letterSpacing="0.12em">
Live
</Text>
</Stack>
{/* Center: Technical Links */}
<Stack direction="row" gap={6} display={{ base: 'none', md: 'flex' }}>
<Link href="/leagues" variant="secondary" size="xs" underline="none">LEAGUES</Link>
<Link href="/teams" variant="secondary" size="xs" underline="none">TEAMS</Link>
<Link href="/docs" variant="secondary" size="xs" underline="none">DOCUMENTATION</Link>
</Stack>
{/* Right: System Status */}
<Stack direction="row" align="center" gap={4}>
<Box display="flex" alignItems="center" gap={2}>
<Box w="6px" h="6px" rounded="full" bg="var(--ui-color-intent-success)" animate="pulse" />
<Text size="xs" variant="low" font="mono">SYSTEM NOMINAL</Text>
</Box>
<Text size="xs" variant="low" font="mono">v1.0.0</Text>
</Stack>
</Box>
</Container>
</Box>
</Surface>
);
}
}