Shadcn Registry 6

1export interface ShadcnRegistry6Props {
2  title: string;
3  description: string;
4  brand: string;
5  logo?: string;
6}
7 
8export const ShadcnRegistry6 = ({
9  title,
10  description,
11  brand,
12  logo = "",
13}: ShadcnRegistry6Props) => (
14  <div
15    style={{
16      backgroundColor: "#000000",
17      color: "#f4f4f5",
18      display: "flex",
19      height: "100%",
20      position: "relative",
21      width: "100%",
22    }}
23  >
24    {/* Border frame */}
25    <div
26      style={{
27        borderLeft: "1px solid #27272a",
28        bottom: 0,
29        display: "flex",
30        left: "48px",
31        position: "absolute",
32        top: 0,
33      }}
34    />
35    <div
36      style={{
37        borderLeft: "1px solid #27272a",
38        bottom: 0,
39        display: "flex",
40        position: "absolute",
41        right: "48px",
42        top: 0,
43      }}
44    />
45    <div
46      style={{
47        borderTop: "1px solid #27272a",
48        display: "flex",
49        left: 0,
50        position: "absolute",
51        right: 0,
52        top: "48px",
53      }}
54    />
55    <div
56      style={{
57        borderTop: "1px solid #27272a",
58        bottom: "48px",
59        display: "flex",
60        left: 0,
61        position: "absolute",
62        right: 0,
63      }}
64    />
65 
66    {/* Logo + Brand */}
67    <div
68      style={{
69        alignItems: "center",
70        display: "flex",
71        gap: "16px",
72        left: "72px",
73        position: "absolute",
74        top: "72px",
75      }}
76    >
77      {logo ? (
78        <img
79          height={64}
80          src={logo}
81          width={64}
82          style={{ objectFit: "contain" }}
83        />
84      ) : (
85        <div
86          style={{
87            backgroundColor: "#ffffff",
88            borderRadius: "12px",
89            height: "64px",
90            width: "64px",
91          }}
92        />
93      )}
94      <span
95        style={{
96          fontSize: "32px",
97          fontWeight: 600,
98          letterSpacing: "-0.02em",
99        }}
100      >
101        {brand}
102      </span>
103    </div>
104 
105    {/* Title + Description */}
106    <div
107      style={{
108        borderTop: "2px solid #27272a",
109        bottom: "96px",
110        display: "flex",
111        flexDirection: "column",
112        justifyContent: "flex-end",
113        left: 0,
114        position: "absolute",
115        right: 0,
116        top: "160px",
117      }}
118    >
119      <div
120        style={{
121          borderBottom: "2px solid #27272a",
122          borderTop: "2px solid #27272a",
123          display: "flex",
124          fontSize: title.length > 60 ? 52 : 64,
125          fontWeight: 600,
126// … truncated