8-bit game-roadmap1

1import { cn } from "@/lib/utils";
2 
3import { Badge } from "@/components/ui/8bit/badge";
4import {
5  Card,
6  CardContent,
7  CardHeader,
8  CardTitle,
9} from "@/components/ui/8bit/card";
10 
11import "@/components/ui/8bit/styles/retro.css";
12 
13export interface Quest {
14  description: string;
15  status: "completed" | "in-progress" | "locked";
16  title: string;
17}
18 
19interface GameRoadmap1Props {
20  className?: string;
21  description?: string;
22  quests?: Quest[];
23  title?: string;
24}
25 
26const statusConfig = {
27  completed: { badge: "CLEARED", variant: "default" as const },
28  "in-progress": { badge: "ACTIVE", variant: "secondary" as const },
29  locked: { badge: "LOCKED", variant: "secondary" as const },
30};
31 
32const defaultQuests: Quest[] = [
33  {
34    title: "Gather the Party",
35    description: "Recruit your team. A warrior, a mage, and a rogue walk into a tavern. Nobody leaves until the quest is accepted.",
36    status: "completed",
37  },
38  {
39    title: "Cross the Marshlands",
40    description: "Navigate the fog. Avoid the swamp trolls. Find the hidden path to the Ember Citadel before nightfall.",
41    status: "completed",
42  },
43  {
44    title: "Siege of Ember Citadel",
45    description: "Break through the outer wall. Defeat the skeletal guards. Secure the courtyard for base camp.",
46    status: "in-progress",
47  },
48  {
49    title: "The Underforge",
50    description: "Descend into the volcanic tunnels beneath the citadel. The dwarven king awaits — friend or foe, unknown.",
51    status: "in-progress",
52  },
53  {
54    title: "Face the Lich King",
55    description: "The final boss awaits in the throne room. Bring fire resistance potions. You will need them.",
56    status: "locked",
57  },
58  {
59    title: "Claim the Crown",
60    description: "If you survive, the kingdom is yours. New game plus unlocked. The real adventure begins.",
61    status: "locked",
62  },
63];
64 
65export default function GameRoadmap1({
66  title = "Quest Log",
67  description = "Your journey through the 8bitcn universe",
68  quests = defaultQuests,
69  className,
70}: GameRoadmap1Props) {
71  return (
72    <section className={cn("w-full px-4 py-16", className)}>
73      <div className="mx-auto max-w-2xl">
74        {(title || description) && (
75          <div className="mb-10 text-center">
76            {title && (
77              <h2 className="retro mb-3 font-bold text-2xl tracking-tight md:text-3xl">
78                {title}
79              </h2>
80            )}
81            {description && (
82// … truncated