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-18 16:18:18 +01:00
parent 0b301feb61
commit 13567d51af
329 changed files with 4701 additions and 4750 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
apps/website/components/sponsors/SponsorContractCard.tsx
View File

@@ -2,7 +2,6 @@
import React from 'react';
import { Card } from '@/ui/Card';
import { Box } from '@/ui/Box';
import { Stack } from '@/ui/Stack';
import { Text } from '@/ui/Text';
import { Heading } from '@/ui/Heading';
@@ -80,10 +79,10 @@ export function SponsorContractCard({
<Card p={5} hoverBorderColor="border-primary-blue/30">
<Stack direction="row" align="start" justify="between" mb={4}>
<Stack direction="row" align="center" gap={3}>
<Box w="10" h="10" rounded="lg" bg={typeConfig.bgColor as string} display="flex" alignItems="center" justifyContent="center">
<Stack w="10" h="10" rounded="lg" bg={typeConfig.bgColor as string} display="flex" alignItems="center" justifyContent="center">
<Icon icon={typeConfig.icon} size={5} color={typeConfig.color as string} />
</Box>
<Box>
</Stack>
<Stack>
<Text size="xs" weight="bold" uppercase letterSpacing="wider" color={typeConfig.color as string}>
{typeConfig.label} • {tier}
</Text>
@@ -91,31 +90,31 @@ export function SponsorContractCard({
{title}
</Heading>
{subtitle && <Text size="xs" color="text-gray-500">{subtitle}</Text>}
</Box>
</Stack>
</Stack>
<SponsorStatusChip status={mappedStatus} />
</Stack>
<Box display="grid" gridCols={3} gap={4} mb={4} p={3} rounded="lg" bg="bg-iron-gray/20">
<Box>
<Stack display="grid" gridCols={3} gap={4} mb={4} p={3} rounded="lg" bg="bg-iron-gray/20">
<Stack>
<Text size="xs" color="text-gray-500" block mb={1}>Impressions</Text>
<Stack direction="row" align="center" gap={1}>
<Icon icon={BarChart3} size={3} color="text-gray-400" />
<Text weight="bold" color="text-white">{impressions}</Text>
</Stack>
</Box>
<Box>
</Stack>
<Stack>
<Text size="xs" color="text-gray-500" block mb={1}>Investment</Text>
<Text weight="bold" color="text-white">{investment}</Text>
</Box>
<Box>
</Stack>
<Stack>
<Text size="xs" color="text-gray-500" block mb={1}>Term</Text>
<Stack direction="row" align="center" gap={1}>
<Icon icon={Calendar} size={3} color="text-gray-400" />
<Text weight="bold" color="text-white">{endDate || 'N/A'}</Text>
</Stack>
</Box>
</Box>
</Stack>
</Stack>
<Stack direction="row" align="center" justify="between" pt={4} borderTop borderColor="border-charcoal-outline/30">
<Text size="xs" color="text-gray-500">