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

20
apps/website/components/sponsors/SponsorBrandingPreview.tsx
View File

@@ -1,11 +1,9 @@
'use client';
import React from 'react';
import { Card } from '@/ui/Card';
import { Box } from '@/ui/Box';
import { Card , Card as Surface } from '@/ui/Card';
import { Stack } from '@/ui/Stack';
import { Text } from '@/ui/Text';
import { Surface } from '@/ui/Surface';
import { SponsorLogo } from '@/components/sponsors/SponsorLogo';
interface SponsorBrandingPreviewProps {
@@ -28,13 +26,13 @@ export function SponsorBrandingPreview({
}: SponsorBrandingPreviewProps) {
return (
<Card p={0} overflow="hidden">
<Box p={4} borderBottom borderColor="border-charcoal-outline">
<Stack p={4} borderBottom borderColor="border-charcoal-outline">
<Text size="xs" weight="bold" uppercase letterSpacing="wider" color="text-gray-400">
Branding Preview
</Text>
</Box>
</Stack>
<Box p={6}>
<Stack p={6}>
<Stack gap={6}>
{/* Logo Preview */}
<Stack align="center" gap={4}>
@@ -56,21 +54,21 @@ export function SponsorBrandingPreview({
</Stack>
{/* Color Palette */}
<Box>
<Stack>
<Text size="xs" weight="bold" uppercase letterSpacing="wider" color="text-gray-500" block mb={3}>
Color Palette
</Text>
<Stack direction="row" gap={4}>
<Stack gap={2} flexGrow={1}>
<Box h={12} rounded="lg" backgroundColor={primaryColor} border borderColor="border-white/10" />
<Stack h={12} rounded="lg" backgroundColor={primaryColor} border borderColor="border-white/10" />
<Text size="xs" color="text-gray-400" textAlign="center">{primaryColor}</Text>
</Stack>
<Stack gap={2} flexGrow={1}>
<Box h={12} rounded="lg" backgroundColor={secondaryColor} border borderColor="border-white/10" />
<Stack h={12} rounded="lg" backgroundColor={secondaryColor} border borderColor="border-white/10" />
<Text size="xs" color="text-gray-400" textAlign="center">{secondaryColor}</Text>
</Stack>
</Stack>
</Box>
</Stack>
{/* Mockup Hint */}
<Surface variant="muted" rounded="lg" padding={3} bg="bg-primary-blue/5" border borderColor="border-primary-blue/20">
@@ -79,7 +77,7 @@ export function SponsorBrandingPreview({
</Text>
</Surface>
</Stack>
</Box>
</Stack>
</Card>
);
}