8d5db4cd34
- Standardized h2 elements: 19 instances from text-3xl/text-xl to text-2xl - Standardized h3 elements: 4 instances from text-2xl to text-xl - Established consistent hierarchy: h1(text-3xl), h2(text-2xl), h3(text-xl) - Preserved special cases: demo pages, responsive patterns, stat value displays - Created standardization plan document - Task 7.1.2.3 complete
44 lines
1.6 KiB
TypeScript
44 lines
1.6 KiB
TypeScript
import { Box, Wrench, Plus } from 'lucide-react';
|
|
import { Button } from '@/components/ui/button';
|
|
|
|
export function GearPage() {
|
|
return (
|
|
<div className="min-h-screen p-6 space-y-6">
|
|
<div className="glass-hud rounded-2xl border-white/10 p-6 hud-corner">
|
|
<div className="flex items-center justify-between">
|
|
<div className="flex items-center gap-3">
|
|
<div className="w-12 h-12 rounded-xl bg-kodo-cyan/20 flex items-center justify-center border border-kodo-cyan/30">
|
|
<Box className="w-6 h-6 text-kodo-cyan" />
|
|
</div>
|
|
<div>
|
|
<h1 className="text-3xl font-display font-bold text-white">
|
|
Gear Locker
|
|
</h1>
|
|
<p className="text-sm text-kodo-secondary">
|
|
Manage your equipment and instruments
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<Button className="bg-kodo-cyan hover:bg-kodo-cyan/80 text-black">
|
|
<Plus className="w-4 h-4 mr-2" />
|
|
Add Gear
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="glass-hud rounded-xl border-white/10 p-12 text-center">
|
|
<Wrench className="w-16 h-16 text-kodo-secondary mx-auto mb-4 opacity-50" />
|
|
<h3 className="text-lg font-bold text-white mb-2">No Gear Yet</h3>
|
|
<p className="text-kodo-secondary mb-4">
|
|
Start adding your equipment to keep track of your studio setup
|
|
</p>
|
|
<Button
|
|
variant="outline"
|
|
className="border-kodo-cyan/30 text-kodo-cyan hover:bg-kodo-cyan/10"
|
|
>
|
|
Add Your First Gear
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|