-
- HuskyBids
+
- HuskyBids
+
+ {/* Header */}
+
+
+
+ HUSKYBIDS
-
- The premier betting platform for University of Washington sports.
-
+
-
- {isLoaded && (
- isSignedIn ? (
-
+
+
+ University of Washington
+
+
+ HUSKYBIDS
+
+
+ The premier virtual betting platform for UW Huskies sports.
+ Bet with pts, not money.
+
+
+
+ {isLoaded && !isSignedIn && (
+ <>
+
- Go to Dashboard
+ Get Started
- ) : (
- <>
-
- Sign Up
-
-
- Log In
-
-
- )
- )}
+
+ Log In
+
+
+ )}
+
+
+
+
+ {/* Dotted Divider */}
+
+
+
+
+ {/* Features Section */}
+
+
+
+ Features
+
+
+ {features.map((feature) => (
+
+ {feature.icon}
+ {feature.title}
+
+ {feature.description}
+
+
+ ))}
+
-
+
-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/sign-up/page.jsx b/src/app/sign-up/[[...sign-up]]/page.jsx
similarity index 98%
rename from src/app/sign-up/page.jsx
rename to src/app/sign-up/[[...sign-up]]/page.jsx
index ada823156..287bd71f0 100644
--- a/src/app/sign-up/page.jsx
+++ b/src/app/sign-up/[[...sign-up]]/page.jsx
@@ -54,8 +54,8 @@ export default function SignUpPage() {
socialButtonsVariant: 'iconButton',
}
}}
- routing="hash"
path="/sign-up"
+ signInUrl="/login"
afterSignUpUrl="/dashboard"
/>
diff --git a/src/app/tasks/page.jsx b/src/app/tasks/page.jsx
index 2339f620b..dadfea0e2 100644
--- a/src/app/tasks/page.jsx
+++ b/src/app/tasks/page.jsx
@@ -12,6 +12,7 @@ import {
import { StatCardSkeleton } from '@/components/ui/LoadingSkeleton';
import { useUserContext } from '../contexts/UserContext';
import { cn } from '@/shared/utils';
+import FireIcon from '@/components/FireIcon';
// SWR fetcher function
const fetcher = (url) => fetch(url).then(res => {
@@ -165,7 +166,7 @@ export default function TasksPage() {
{/* Streak Bonus Info */}
- 🔥
+
+
+ + HUSKYBIDS
-- The premier betting platform for University of Washington sports. -
- {isLoaded && (
- isSignedIn ? (
-
+
+
-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/sign-up/page.jsx b/src/app/sign-up/[[...sign-up]]/page.jsx
similarity index 98%
rename from src/app/sign-up/page.jsx
rename to src/app/sign-up/[[...sign-up]]/page.jsx
index ada823156..287bd71f0 100644
--- a/src/app/sign-up/page.jsx
+++ b/src/app/sign-up/[[...sign-up]]/page.jsx
@@ -54,8 +54,8 @@ export default function SignUpPage() {
socialButtonsVariant: 'iconButton',
}
}}
- routing="hash"
path="/sign-up"
+ signInUrl="/login"
afterSignUpUrl="/dashboard"
/>
+
+
+
+ {/* Dotted Divider */}
+ + University of Washington +
++ HUSKYBIDS +
++ The premier virtual betting platform for UW Huskies sports. + Bet with pts, not money. +
+ +
+ {isLoaded && !isSignedIn && (
+ <>
+
- Go to Dashboard
+ Get Started
- ) : (
- <>
-
- Sign Up
-
-
- Log In
-
-
- )
- )}
+
+ Log In
+
+
+ )}
+
+
+
+
+
+ {/* Features Section */}
+
+
-
+ + Features +
+
+ {features.map((feature) => (
+
+ {feature.icon}
+
+ ))}
+ {feature.title}
++ {feature.description} +
+
- 🔥
+
diff --git a/src/components/FireIcon.jsx b/src/components/FireIcon.jsx
new file mode 100644
index 000000000..c34f16dd5
--- /dev/null
+++ b/src/components/FireIcon.jsx
@@ -0,0 +1,125 @@
+/**
+ * FireIcon Component
+ * Modern, clean flame icon
+ */
+
+'use client';
+
+import { memo } from 'react';
+
+const FireIcon = memo(function FireIcon({
+ size = 16,
+ className = '',
+ variant = 'default'
+}) {
+ const sizeValue = typeof size === 'number' ? size : 16;
+
+ const variants = {
+ default: {
+ id: 'flame-default',
+ colors: ['#fcd34d', '#f97316', '#dc2626'],
+ inner: '#fef3c7',
+ },
+ subtle: {
+ id: 'flame-subtle',
+ colors: ['#fdba74', '#ea580c', '#b91c1c'],
+ inner: '#fed7aa',
+ },
+ intense: {
+ id: 'flame-intense',
+ colors: ['#fef08a', '#fbbf24', '#ea580c'],
+ inner: '#fffbeb',
+ },
+ mono: {
+ id: 'flame-mono',
+ colors: ['#d4d4d8', '#71717a', '#3f3f46'],
+ inner: '#f4f4f5',
+ }
+ };
+
+ const colors = variants[variant] || variants.default;
+
+ return (
+
+ );
+});
+
+// Animated version
+FireIcon.Animated = memo(function AnimatedFireIcon({
+ size = 16,
+ className = '',
+ variant = 'intense'
+}) {
+ return (
+
@@ -178,7 +182,7 @@ export default function MinimalGameCard({
e.stopPropagation();
handleBetClick('home');
}}
- className="flex-1 py-2 text-xs text-zinc-500 border border-dotted border-zinc-800 hover:border-purple-600 hover:text-purple-400 transition-colors"
+ className="flex-1 py-2 text-xs text-zinc-500 border border-dotted border-zinc-800 hover:border-zinc-600 hover:text-white transition-colors"
>
{displayTeam1.split(' ').pop()} {displayHomeOdds.toFixed(2)}x
@@ -187,7 +191,7 @@ export default function MinimalGameCard({
e.stopPropagation();
handleBetClick('away');
}}
- className="flex-1 py-2 text-xs text-zinc-500 border border-dotted border-zinc-800 hover:border-zinc-600 hover:text-zinc-300 transition-colors"
+ className="flex-1 py-2 text-xs text-zinc-500 border border-dotted border-zinc-800 hover:border-zinc-600 hover:text-white transition-colors"
>
{displayTeam2.split(' ').pop()} {displayAwayOdds.toFixed(2)}x
diff --git a/tailwind.config.js b/tailwind.config.js
index 510e0c119..e842cecac 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,6 +10,38 @@ module.exports = {
extend: {
// UW Official Color Palette
colors: {
+ // Minimalist Design System - Semantic Tokens
+ // These are the single source of truth for the UI
+ // Change these to update the entire design system
+ 'primary': {
+ DEFAULT: '#f4f4f5', // zinc-100 - main CTA buttons
+ hover: '#ffffff', // white - button hover state
+ text: '#09090b', // zinc-950 - text on primary buttons
+ },
+ 'secondary': {
+ DEFAULT: 'transparent',
+ border: '#3f3f46', // zinc-700 - secondary button borders
+ 'border-hover': '#71717a', // zinc-500 - border hover
+ text: '#d4d4d8', // zinc-300 - secondary button text
+ 'text-hover': '#ffffff', // white - secondary text hover
+ },
+ 'background': {
+ DEFAULT: '#09090b', // zinc-950 - main background
+ secondary: '#18181b', // zinc-900 - secondary backgrounds
+ tertiary: '#27272a', // zinc-800 - cards/dividers
+ },
+ 'border': {
+ DEFAULT: '#27272a', // zinc-800 - default borders
+ light: '#3f3f46', // zinc-700 - lighter borders
+ },
+ 'text': {
+ DEFAULT: '#d4d4d8', // zinc-300 - default text
+ 'muted-light': '#a1a1aa', //zinc-400
+ muted: '#71717a', // zinc-500 - muted text
+ subtle: '#52525b', // zinc-600 - subtle text
+ placeholder: '#3f3f46', // zinc-700 - placeholder text
+ },
+
// Primary UW Colors
'uw-purple': {
DEFAULT: '#4B2E83',
+
+
+ );
+});
+
+// Streak counter
+FireIcon.Streak = memo(function FireStreak({
+ count = 0,
+ size = 16,
+ showCount = true,
+ className = ''
+}) {
+ const getVariant = (n) => {
+ if (n >= 7) return 'intense';
+ if (n >= 3) return 'default';
+ return 'subtle';
+ };
+
+ return (
+
+
+
+
+ );
+});
+
+export default FireIcon;
diff --git a/src/components/experimental/ui/MinimalGameCard.jsx b/src/components/experimental/ui/MinimalGameCard.jsx
index 595a84dd8..5a6fde355 100644
--- a/src/components/experimental/ui/MinimalGameCard.jsx
+++ b/src/components/experimental/ui/MinimalGameCard.jsx
@@ -107,8 +107,12 @@ export default function MinimalGameCard({
)}
{game?.sport && (
-
- {game.sport === 'football' ?