From 0dc5f72fad156b5ed147765455474ba1d2eb1f90 Mon Sep 17 00:00:00 2001 From: neonwatty Date: Wed, 13 May 2026 15:01:21 -0700 Subject: [PATCH] Add SEO pages and attribution analytics --- src/app/compare/[slug]/page.tsx | 2 + src/app/compare/page.tsx | 2 + src/app/layout.tsx | 2 + src/app/page.tsx | 23 + src/app/sandbox/page.tsx | 19 + src/app/sitemap.ts | 11 +- src/app/use-cases/[slug]/page.tsx | 2 + src/app/use-cases/page.tsx | 2 + src/components/analytics.tsx | 292 ++++++ src/components/landing/hero.tsx | 16 +- .../landing/keyword-positioning.tsx | 97 ++ src/components/nav.tsx | 2 + src/components/sandbox/widget-sandbox.tsx | 926 ++++++++++++++++++ .../client-website-feedback-tool.mdx | 27 + .../free-website-feedback-widget.mdx | 29 + .../use-cases/open-source-feedback-widget.mdx | 25 + .../use-cases/screenshot-feedback-widget.mdx | 30 + .../use-cases/website-feedback-widget.mdx | 25 + src/lib/links.ts | 3 +- src/lib/seo.ts | 18 +- src/lib/use-cases-nav.ts | 35 + 21 files changed, 1573 insertions(+), 15 deletions(-) create mode 100644 src/app/sandbox/page.tsx create mode 100644 src/components/analytics.tsx create mode 100644 src/components/landing/keyword-positioning.tsx create mode 100644 src/components/sandbox/widget-sandbox.tsx create mode 100644 src/content/use-cases/client-website-feedback-tool.mdx create mode 100644 src/content/use-cases/free-website-feedback-widget.mdx create mode 100644 src/content/use-cases/open-source-feedback-widget.mdx create mode 100644 src/content/use-cases/screenshot-feedback-widget.mdx create mode 100644 src/content/use-cases/website-feedback-widget.mdx diff --git a/src/app/compare/[slug]/page.tsx b/src/app/compare/[slug]/page.tsx index 11c04b2..1f28d97 100644 --- a/src/app/compare/[slug]/page.tsx +++ b/src/app/compare/[slug]/page.tsx @@ -71,6 +71,8 @@ export default async function ComparePage({ href={MARKETPLACE_URL} target="_blank" rel="noopener noreferrer" + data-analytics-event="compare_marketplace_click" + data-analytics-label={comparison.title} className="inline-flex items-center gap-2 px-6 py-3 rounded-[10px] font-medium bg-gradient-to-br from-accent-warm to-accent-rose text-bg-deep hover:-translate-y-0.5 transition-all duration-300" > Install from GitHub Marketplace diff --git a/src/app/compare/page.tsx b/src/app/compare/page.tsx index c5b9699..a4917c4 100644 --- a/src/app/compare/page.tsx +++ b/src/app/compare/page.tsx @@ -40,6 +40,8 @@ export default function CompareIndex() {

{c.title}

diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 24ae776..a600ea9 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -3,6 +3,7 @@ import { Space_Grotesk, JetBrains_Mono } from "next/font/google"; import "./globals.css"; import { Nav } from "@/components/nav"; import { Footer } from "@/components/footer"; +import { Analytics } from "@/components/analytics"; import { homeDescription } from "@/lib/seo"; const spaceGrotesk = Space_Grotesk({ @@ -54,6 +55,7 @@ export default function RootLayout({ return ( +