A quick vibe-coded site to test response times of PLC.directory mirrors (over 3 attempts)
indexx.dev
1import * as React from "react";
2
3import { cn } from "@/lib/utils";
4
5const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
6 <div ref={ref} className={cn("rounded-lg border bg-card text-card-foreground shadow-sm", className)} {...props} />
7));
8Card.displayName = "Card";
9
10const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
11 ({ className, ...props }, ref) => (
12 <div ref={ref} className={cn("flex flex-col space-y-1.5 p-6", className)} {...props} />
13 ),
14);
15CardHeader.displayName = "CardHeader";
16
17const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
18 ({ className, ...props }, ref) => (
19 <h3 ref={ref} className={cn("text-2xl font-semibold leading-none tracking-tight", className)} {...props} />
20 ),
21);
22CardTitle.displayName = "CardTitle";
23
24const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
25 ({ className, ...props }, ref) => (
26 <p ref={ref} className={cn("text-sm text-muted-foreground", className)} {...props} />
27 ),
28);
29CardDescription.displayName = "CardDescription";
30
31const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
32 ({ className, ...props }, ref) => <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />,
33);
34CardContent.displayName = "CardContent";
35
36const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
37 ({ className, ...props }, ref) => (
38 <div ref={ref} className={cn("flex items-center p-6 pt-0", className)} {...props} />
39 ),
40);
41CardFooter.displayName = "CardFooter";
42
43export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };