change version 1.7.0

app/playground/page.tsx

@@ -287,16 +287,10 @@ export default function PlaygroundPage() {
     Content for step 2
   </StepperItem>
 </Stepper>\n`,
-      card: `<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-  <Card>
-    <Card.Title title="Heading" icon="Heading" />
-    <Card.Description description="Your description card here! change this text" />
-  </Card>
-  <Card>
-    <Card.Title title="Link" icon="Link" />
-    <Card.Description description="Your description card here! change this text" />
-  </Card>
-</div>\n`,
+      card: `<Card title="Click on me" icon="Link" href="/docs/getting-started/components/button">
+    This is how you use a card with an icon and a link. Clicking on this card
+    brings you to the Card Group page.
+</Card>\n`,
       button: `<Button
   text="Click Me"
   href="#"
@@ -311,9 +305,7 @@ export default function PlaygroundPage() {
     3. number three
 </Accordion>\n`,
       youtube: `<Youtube videoId="your-video-id" />\n`,
-      tooltip: `<Tooltip tip="Your tooltip text">
-  <span>Hover over me</span>
-</Tooltip>\n`,
+      tooltip: `What do you know about <Tooltip text="DocuBook" tip="npx @docubook/create@latest" /> ? Create interactive nested documentations using MDX.\n`,
       tabs: `<Tabs defaultValue="tab1" className="pt-5 pb-1">
   <TabsList>
     <TabsTrigger value="tab1">Tab 1</TabsTrigger>