website refactor
This commit is contained in:
@@ -39,11 +39,11 @@ export function ProfileTemplate({
|
||||
return (
|
||||
<Stack align="center" gap={4} mb={8}>
|
||||
<Surface variant="muted" rounded="xl" border padding={4}>
|
||||
<Icon icon={User} size={8} color="var(--color-primary)" />
|
||||
<Icon icon={User} size={8} color="var(--ui-color-intent-primary)" />
|
||||
</Surface>
|
||||
<Box>
|
||||
<Heading level={1}>Create Your Driver Profile</Heading>
|
||||
<Text color="text-gray-400">Join the GridPilot community and start your racing journey</Text>
|
||||
<Text variant="low">Join the GridPilot community and start your racing journey</Text>
|
||||
</Box>
|
||||
|
||||
<Box maxWidth="42rem" mx="auto" width="100%">
|
||||
@@ -51,7 +51,7 @@ export function ProfileTemplate({
|
||||
<Stack gap={6}>
|
||||
<Box>
|
||||
<Heading level={2}>Get Started</Heading>
|
||||
<Text size="sm" color="text-gray-400">
|
||||
<Text size="sm" variant="low">
|
||||
Create your driver profile to join leagues, compete in races, and connect with other drivers.
|
||||
</Text>
|
||||
</Box>
|
||||
@@ -110,7 +110,7 @@ export function ProfileTemplate({
|
||||
<Stack gap={4}>
|
||||
<Stack direction="row" justify="between" align="center">
|
||||
<Heading level={3} id="achievements-heading">Achievements</Heading>
|
||||
<Text size="sm" color="text-gray-500">{viewData.extendedProfile.achievements.length} earned</Text>
|
||||
<Text size="sm" variant="low">{viewData.extendedProfile.achievements.length} earned</Text>
|
||||
</Stack>
|
||||
<AchievementGrid
|
||||
achievements={viewData.extendedProfile.achievements.map(a => ({
|
||||
|
||||
Reference in New Issue
Block a user