Update example

Author: mayank1513

examples/nextjs/package.json

@@ -17,6 +17,7 @@
     "nextjs-themes": "^4.0.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-markdown": "^9.0.1",
     "react-markdown-autolink": "workspace:*",
     "react-mouse-trails": "^0.0.4",
     "react18-loaders": "^1.1.3",

examples/nextjs/src/app/page.tsx

@@ -1,17 +1,20 @@
-import MyButton from "./button";
 import { LandingPage } from "@repo/shared/dist/server";
 import { Demo } from "@repo/shared";
+import Markdown from "react-markdown";
+import { autoLinkMd } from "react-markdown-autolink";
 
 export const metadata = {
   title: "React Markdown Autolink",
 };
 
+const md = `## Automatically Detect and Add Hyperlinks to Your Markdown Content
+https://github.com/react18-tools/react-markdown-autolink
+`;
 /** next.js landing page */
 export default function Page(): JSX.Element {
   return (
     <LandingPage title="Next.js Example">
-      <Demo />
-      <MyButton />
+      <Markdown>{autoLinkMd(md)}</Markdown>
     </LandingPage>
   );
 }

packages/shared/src/server/landing-page/landing-page.tsx

@@ -41,15 +41,9 @@ export function LandingPage({ title, children }: LandingPageProps) {
     <main className={styles.main}>
       <h1 className={styles.title}>{title}</h1>
       <div className={[styles.center, styles.hero].join(" ")}>
-        <h2>Craft your next amazing library using</h2>
+        <h2>Craft your next amazing project using</h2>
         <Logo href={`https://github.com/${owner}/${repo}`} />
-        <strong>Harness the full potential of React 18 Server Components!</strong>
-      </div>
-      {children}
-      <div className={styles.featured}>
-        <h2>Featured packages built with this template.</h2>
-        <hr />
-        <Cards cards={featured} />
+        <strong>{children}</strong>
       </div>
       <Cards cards={cards} />
     </main>