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

33
apps/website/components/teams/TeamHeroSection.tsx
View File

@@ -3,9 +3,8 @@
import { Users } from 'lucide-react';
import { ReactNode } from 'react';
import { Badge } from '@/ui/Badge';
import { Box } from '@/ui/Box';
import { Heading } from '@/ui/Heading';
import { Stack } from '@/ui/Stack';
import { Heading } from '@/ui/Heading';
import { Text } from '@/ui/Text';
interface TeamHeroSectionProps {
@@ -24,9 +23,9 @@ export function TeamHeroSection({
sideContent,
}: TeamHeroSectionProps) {
return (
<Box position="relative" mb={10} overflow="hidden">
<Stack position="relative" mb={10} overflow="hidden">
{/* Main Hero Card */}
<Box
<Stack
position="relative"
py={12}
px={8}
@@ -36,19 +35,19 @@ export function TeamHeroSection({
border
>
{/* Background decorations */}
<Box position="absolute" top="0" right="0" w="80" h="80" bg="bg-purple-500" bgOpacity={0.1} rounded="full" blur="3xl" />
<Box position="absolute" bottom="0" left="1/4" w="64" h="64" bg="bg-neon-aqua" bgOpacity={0.05} rounded="full" blur="3xl" />
<Box position="absolute" top="1/2" right="1/4" w="48" h="48" bg="bg-yellow-400" bgOpacity={0.05} rounded="full" blur="2xl" />
<Stack position="absolute" top="0" right="0" w="80" h="80" bg="bg-purple-500" bgOpacity={0.1} rounded="full" blur="3xl" />
<Stack position="absolute" bottom="0" left="1/4" w="64" h="64" bg="bg-neon-aqua" bgOpacity={0.05} rounded="full" blur="3xl" />
<Stack position="absolute" top="1/2" right="1/4" w="48" h="48" bg="bg-yellow-400" bgOpacity={0.05} rounded="full" blur="2xl" />
<Box position="relative" zIndex={10}>
<Stack position="relative" zIndex={10}>
<Stack direction={{ base: 'col', lg: 'row' }} align="start" justify="between" gap={8}>
<Box maxWidth="xl">
<Stack maxWidth="xl">
{/* Badge */}
<Box mb={4}>
<Stack mb={4}>
<Badge variant="primary" icon={Users}>
Team Racing
</Badge>
</Box>
</Stack>
<Heading level={1}>
{title}
@@ -67,15 +66,15 @@ export function TeamHeroSection({
<Stack direction="row" gap={3} wrap>
{actionsContent}
</Stack>
</Box>
</Stack>
{/* Side Content */}
<Box w={{ base: 'full', lg: '72' }}>
<Stack w={{ base: 'full', lg: '72' }}>
{sideContent}
</Box>
</Stack>
</Stack>
</Box>
</Box>
</Box>
</Stack>
</Stack>
</Stack>
);
}