website refactor

apps/website/templates/LeaderboardsTemplate.tsx

@@ -4,8 +4,8 @@ import React from 'react';
 import { Trophy, Users, Award } from 'lucide-react';
 import Button from '@/components/ui/Button';
 import Heading from '@/components/ui/Heading';
-import DriverLeaderboardPreview from '@/components/leaderboards/DriverLeaderboardPreview';
-import TeamLeaderboardPreview from '@/components/leaderboards/TeamLeaderboardPreview';
+import { DriverLeaderboardPreview } from '@/components/leaderboards/DriverLeaderboardPreview';
+import { TeamLeaderboardPreview } from '@/components/leaderboards/TeamLeaderboardPreview';
 
 // ============================================================================
 // TYPES
@@ -43,7 +43,7 @@ interface LeaderboardsTemplateProps {
 // MAIN TEMPLATE COMPONENT
 // ============================================================================
 
-export default function LeaderboardsTemplate({
+export function LeaderboardsTemplate({
   drivers,
   teams,
   onDriverClick,
@@ -53,9 +53,7 @@ export default function LeaderboardsTemplate({
 }: LeaderboardsTemplateProps) {
   return (
     <div className="max-w-7xl mx-auto px-4 pb-12">
-      {/* Hero Section */}
       <div className="relative mb-10 py-10 px-8 rounded-2xl bg-gradient-to-br from-yellow-600/20 via-iron-gray/80 to-deep-graphite border border-yellow-500/20 overflow-hidden">
-        {/* Background decoration */}
         <div className="absolute top-0 right-0 w-96 h-96 bg-yellow-400/10 rounded-full blur-3xl" />
         <div className="absolute bottom-0 left-0 w-64 h-64 bg-amber-600/5 rounded-full blur-3xl" />
         <div className="absolute top-1/2 right-1/4 w-48 h-48 bg-purple-500/5 rounded-full blur-2xl" />
@@ -77,7 +75,6 @@ export default function LeaderboardsTemplate({
             Track the best drivers and teams across all competitions. Every race counts. Every position matters. Who will claim the throne?
           </p>
 
-          {/* Quick Nav */}
           <div className="flex flex-wrap gap-3">
             <Button
               variant="secondary"
@@ -99,10 +96,9 @@ export default function LeaderboardsTemplate({
         </div>
       </div>
 
-      {/* Leaderboard Grids */}
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-        <DriverLeaderboardPreview drivers={drivers} onDriverClick={onDriverClick} />
-        <TeamLeaderboardPreview teams={teams} onTeamClick={onTeamClick} />
+        <DriverLeaderboardPreview drivers={drivers} onDriverClick={onDriverClick} onNavigateToDrivers={onNavigateToDrivers} />
+        <TeamLeaderboardPreview teams={teams} onTeamClick={onTeamClick} onNavigateToTeams={onNavigateToTeams} />
       </div>
     </div>
   );