fix duplication

packages/shared-ui/src/cards/card.tsx

@@ -0,0 +1,18 @@
+import styles from "./cards.module.css";
+
+interface CardProps {
+	href: string;
+	title: string;
+	description: string;
+}
+
+export function Card({ href, title, description }: CardProps) {
+	return (
+		<a className={styles.card} href={href} rel="noopener noreferrer" target="_blank">
+			<h2>
+				{title} <span>-&gt;</span>
+			</h2>
+			<p>{description}</p>
+		</a>
+	);
+}

packages/shared-ui/src/cards/index.tsx

@@ -1,13 +1,26 @@
-import { ExamplesCard } from "./examples-card";
 import styles from "./cards.module.css";
 import { StarMeCard } from "./star-me-card";
-import { DocsCard } from "./docs-card";
+import { Card } from "./card";
+
+const cards = [
+	{
+		href: "https://react18-tools.github.io/r18gs/",
+		title: "Docs",
+		description: "Explore the official docs.",
+	},
+	{
+		href: "https://github.com/react18-tools/r18gs",
+		title: "More Examples",
+		description: "Explore more examples on official GitHub Repo.",
+	},
+];
 
 export function Cards() {
 	return (
 		<div className={styles.cards}>
-			<DocsCard />
-			<ExamplesCard />
+			{cards.map(card => (
+				<Card key={card.href} {...card} />
+			))}
 			<StarMeCard />
 		</div>
 	);