nullcoder · nullcoder · Jun 8, 2025 · Jun 8, 2025 · Jun 8, 2025
diff --git a/app/about/page.tsx b/app/about/page.tsx
@@ -25,7 +25,18 @@ import { GhostLogo } from "@/components/ghost-logo";
 export const metadata: Metadata = {
   title: "About - GhostPaste",
   description:
-    "Learn about GhostPaste&apos;s zero-knowledge encrypted code sharing and our unique human-AI collaboration.",
+    "Learn about GhostPaste's zero-knowledge encrypted code sharing and our unique human-AI collaboration.",
+  openGraph: {
+    title: "About GhostPaste - The Story Behind Secure Code Sharing",
+    description:
+      "Built with love, powered by privacy. Learn how GhostPaste combines human creativity and AI assistance to create the most secure code sharing platform.",
+    url: "https://ghostpaste.dev/about",
+  },
+  twitter: {
+    title: "About GhostPaste - The Story Behind Secure Code Sharing",
+    description:
+      "Human creativity meets AI assistance. Discover how we built the most private code sharing platform.",
+  },
 };
 
 export default function AboutPage() {
@@ -152,7 +163,7 @@ export default function AboutPage() {
               <div>
                 <h3 className="mb-1 font-semibold">Password Protection</h3>
                 <p className="text-muted-foreground text-sm">
-                  Optional PIN for edit/delete access control
+                  Optional password for edit/delete access control
                 </p>
               </div>
             </div>

diff --git a/app/create/layout.tsx b/app/create/layout.tsx
@@ -0,0 +1,26 @@
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Create Gist - GhostPaste",
+  description:
+    "Create a new encrypted code gist. Your code is encrypted client-side before upload. Set expiration, add passwords, and share securely.",
+  openGraph: {
+    title: "Create Encrypted Gist - GhostPaste",
+    description:
+      "Create and share encrypted code snippets. Client-side encryption, custom expiration, password protection. Your code never leaves your browser unencrypted.",
+    url: "https://ghostpaste.dev/create",
+  },
+  twitter: {
+    title: "Create Encrypted Gist - GhostPaste",
+    description:
+      "Create and share encrypted code snippets. Client-side encryption ensures your code stays private.",
+  },
+};
+
+export default function CreateLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <>{children}</>;
+}
diff --git a/app/examples/page.tsx b/app/examples/page.tsx
@@ -27,6 +27,17 @@ export const metadata: Metadata = {
   title: "Examples - GhostPaste",
   description:
     "Discover how developers use GhostPaste for secure code sharing in different scenarios.",
+  openGraph: {
+    title: "Use Cases & Examples - GhostPaste",
+    description:
+      "See how developers use GhostPaste for code reviews, bug reports, interviews, and more. Secure code sharing for every scenario.",
+    url: "https://ghostpaste.dev/examples",
+  },
+  twitter: {
+    title: "Use Cases & Examples - GhostPaste",
+    description:
+      "Code reviews, bug reports, interviews, and more. See how GhostPaste enables secure code sharing.",
+  },
 };
 
 interface ExampleProps {
@@ -64,7 +75,10 @@ function ExampleCard({
           </h3>
         </div>
         {security === "high" && (
-          <Badge variant="destructive" className="w-fit flex-shrink-0 text-xs">
+          <Badge
+            variant="destructive"
+            className="w-fit flex-shrink-0 bg-red-600 text-xs text-white dark:bg-red-700 dark:text-white"
+          >
             <Shield className="mr-1 h-3 w-3" />
             High Security
           </Badge>

diff --git a/app/g/[id]/layout.tsx b/app/g/[id]/layout.tsx
@@ -0,0 +1,40 @@
+import { Metadata } from "next";
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}): Promise<Metadata> {
+  const { id } = await params;
+
+  return {
+    title: `Gist ${id} - GhostPaste`,
+    description:
+      "View encrypted code gist. This content is encrypted and can only be decrypted with the proper key.",
+    openGraph: {
+      title: `Encrypted Gist - GhostPaste`,
+      description:
+        "This gist contains encrypted code. Visit the link with the decryption key to view the content.",
+      url: `https://ghostpaste.dev/g/${id}`,
+      type: "article",
+    },
+    twitter: {
+      card: "summary_large_image",
+      title: `Encrypted Gist - GhostPaste`,
+      description:
+        "This gist contains encrypted code. The decryption key is required to view.",
+    },
+    robots: {
+      index: false, // Don't index individual gists for privacy
+      follow: true,
+    },
+  };
+}
+
+export default function GistLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <>{children}</>;
+}