Merge pull request #255 from dotCMS/persona-funnel-tops

Adding new pages to give a bit more introductory material to help hol…

Author: jdcmsd

app/docs/authoring/page.tsx

@@ -0,0 +1,26 @@
+import type { Metadata } from "next";
+import { PersonaLandingPage } from "@/components/persona-landing/PersonaLandingPage";
+
+const hostname = "https://dev.dotcms.com";
+
+export const metadata: Metadata = {
+    title: "Content teams",
+    description:
+        "Introductory hub for editors and marketers: Universal Visual Editor, pages, personalization, governance, and visual editing.",
+    alternates: {
+        canonical: `${hostname}/docs/authoring`,
+    },
+    openGraph: {
+        title: "Content teams | dotCMS Docs",
+        description:
+            "UVE, page building, personalization, workflows, and content best practices on dotCMS.",
+        url: `${hostname}/docs/authoring`,
+        siteName: "dotCMS Docs",
+        locale: "en_US",
+        type: "website",
+    },
+};
+
+export default function AuthoringPersonaPage() {
+    return <PersonaLandingPage personaId="authoring" />;
+}

app/docs/developer/page.tsx

@@ -0,0 +1,26 @@
+import type { Metadata } from "next";
+import { PersonaLandingPage } from "@/components/persona-landing/PersonaLandingPage";
+
+const hostname = "https://dev.dotcms.com";
+
+export const metadata: Metadata = {
+    title: "Developers",
+    description:
+        "A curated starting point for engineers: APIs, SDKs, UVE, integrations, and the dotCMS developer workflow.",
+    alternates: {
+        canonical: `${hostname}/docs/developer`,
+    },
+    openGraph: {
+        title: "Developers | dotCMS Docs",
+        description:
+            "APIs, SDKs, Universal Visual Editor, and integration resources for dotCMS developers.",
+        url: `${hostname}/docs/developer`,
+        siteName: "dotCMS Docs",
+        locale: "en_US",
+        type: "website",
+    },
+};
+
+export default function DeveloperPersonaPage() {
+    return <PersonaLandingPage personaId="developer" />;
+}

app/docs/devops/page.tsx

@@ -0,0 +1,26 @@
+import type { Metadata } from "next";
+import { PersonaLandingPage } from "@/components/persona-landing/PersonaLandingPage";
+
+const hostname = "https://dev.dotcms.com";
+
+export const metadata: Metadata = {
+    title: "DevOps",
+    description:
+        "Operations hub for dotCMS: deployment, security, performance, multi-site management, and maintenance.",
+    alternates: {
+        canonical: `${hostname}/docs/devops`,
+    },
+    openGraph: {
+        title: "DevOps | dotCMS Docs",
+        description:
+            "Deploy, secure, tune, and run dotCMS with releases, security advisories, and operational guides.",
+        url: `${hostname}/docs/devops`,
+        siteName: "dotCMS Docs",
+        locale: "en_US",
+        type: "website",
+    },
+};
+
+export default function DevopsPersonaPage() {
+    return <PersonaLandingPage personaId="devops" />;
+}

app/test-components/page.tsx

@@ -0,0 +1,51 @@
+'use client'
+
+import MarkdownContent from '@/components/MarkdownContent'
+
+const markdownContent = `
+# Block Components Test Page
+
+Demoing the custom block components capable of being dropped into markdown content:
+
+## API Endpoints
+
+Dropping this component directly into your markdown content:
+
+\`\`\`markdown
+<Endpoint method="GET" path="/api/v1/contenttype" />
+\`\`\`
+
+Will give this output:
+
+<Endpoint method="GET" path="/api/v1/contenttype" />
+
+And lo, I can put text in between them!
+
+<Endpoint method="POST" path="/api/v1/workflow/steps" />
+
+Also all the **normal *markdown*** stuff [works](https://www.google.com) too!
+
+<Endpoint method="PUT" path="/api/v1/workflow/steps/{stepId}" />
+
+<Endpoint method="DELETE" path="/api/v1/contenttype/id/{idOrVar}" />
+
+<Endpoint method="GET" path="/api/v1/site" />
+
+## Info, Warning boxes
+
+<Info>
+The Info component works as expected!
+</Info>
+
+<Warn>
+And the Warn component too!
+</Warn>
+`;
+
+export default function TestComponentsPage() {
+  return (
+    <div className="container mx-auto px-4 py-8 max-w-4xl">
+      <MarkdownContent content={markdownContent} />
+    </div>
+  )
+} 

components/content-types/hero.tsx

@@ -63,7 +63,7 @@ export default function Hero(props: HeroProps) {
 
             <div className="grid gap-12 md:grid-cols-2 lg:grid-cols-3">
                 <FeatureCard
-                    href={card1?.url ? card1?.url : "/docs/developer"}
+                    href="/docs/developer"
                     icon={Code}
                     title={card1?.title}
                     description={card1?.description}
@@ -76,7 +76,7 @@ export default function Hero(props: HeroProps) {
 
                 {card2 && (
                     <FeatureCard
-                        href={card2.url ? card2.url : "/docs/authoring"}
+                        href="/docs/authoring"
                         icon={PenTool}
                         title={card2?.title}
                         description={card2?.description}
@@ -89,7 +89,7 @@ export default function Hero(props: HeroProps) {
 
                 {card3 && (
                     <FeatureCard
-                        href={card3.url ? card3.url : "/docs/devops"}
+                        href="/docs/devops"
                         icon={Server}
                         title={card3.title}
                         description={card3.description}