feat: enhance SurfSense with new skills, blog section, and improve SEO metadata

- Added multiple new skills to skills-lock.json from the repository `aaron-he-zhu/seo-geo-claude-skills`.
- Introduced `fuzzy-search` dependency in package.json for improved search functionality.
- Updated pnpm-lock.yaml to include the new `fuzzy-search` package.
- Enhanced SEO metadata across various pages, including canonical links and descriptions for better search visibility.
- Improved layout and structure of several components, including the homepage and changelog, to enhance user experience.

surfsense_web/components/seo/json-ld.tsx

@@ -0,0 +1,186 @@
+interface JsonLdProps {
+	data: Record<string, unknown>;
+}
+
+export function JsonLd({ data }: JsonLdProps) {
+	return (
+		<script
+			type="application/ld+json"
+			dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }}
+		/>
+	);
+}
+
+export function OrganizationJsonLd() {
+	return (
+		<JsonLd
+			data={{
+				"@context": "https://schema.org",
+				"@type": "Organization",
+				name: "SurfSense",
+				url: "https://surfsense.com",
+				logo: "https://surfsense.com/logo.png",
+			description:
+				"Open source NotebookLM alternative for teams with no data limits. Use ChatGPT, Claude AI, and any AI model for free.",
+				sameAs: [
+					"https://github.com/MODSetter/SurfSense",
+					"https://discord.gg/Cg2M4GUJ",
+				],
+				contactPoint: {
+					"@type": "ContactPoint",
+					email: "rohan@surfsense.com",
+					contactType: "sales",
+				},
+			}}
+		/>
+	);
+}
+
+export function WebSiteJsonLd() {
+	return (
+		<JsonLd
+			data={{
+				"@context": "https://schema.org",
+				"@type": "WebSite",
+				name: "SurfSense",
+				url: "https://surfsense.com",
+			description:
+				"Open source NotebookLM alternative for teams with no data limits. Free ChatGPT, Claude AI, and any AI model.",
+				potentialAction: {
+					"@type": "SearchAction",
+					target: {
+						"@type": "EntryPoint",
+						urlTemplate: "https://surfsense.com/docs?search={search_term_string}",
+					},
+					"query-input": "required name=search_term_string",
+				},
+			}}
+		/>
+	);
+}
+
+export function SoftwareApplicationJsonLd() {
+	return (
+		<JsonLd
+			data={{
+				"@context": "https://schema.org",
+				"@type": "SoftwareApplication",
+				name: "SurfSense",
+				applicationCategory: "BusinessApplication",
+				operatingSystem: "Windows, macOS, Linux, Web",
+				offers: {
+					"@type": "Offer",
+					price: "0",
+					priceCurrency: "USD",
+					description: "Free plan with 500 pages included",
+				},
+			description:
+				"Open source NotebookLM alternative with free access to ChatGPT, Claude AI, and any model. Connect Slack, Google Drive, Notion, Confluence, GitHub, and dozens more data sources.",
+				url: "https://surfsense.com",
+				downloadUrl: "https://github.com/MODSetter/SurfSense/releases",
+			featureList: [
+				"Free access to ChatGPT, Claude AI, and any AI model",
+				"AI-powered semantic search across all connected tools",
+				"Federated search across Slack, Google Drive, Notion, Confluence, GitHub",
+				"No data limits with open source self-hosting",
+				"Real-time collaborative team chats",
+				"Document Q&A with citations",
+				"Report generation",
+				"Podcast and video generation from sources",
+				"Enterprise knowledge management",
+				"Self-hostable and privacy-focused",
+			],
+			}}
+		/>
+	);
+}
+
+export function ArticleJsonLd({
+	title,
+	description,
+	url,
+	datePublished,
+	author,
+	image,
+}: {
+	title: string;
+	description: string;
+	url: string;
+	datePublished: string;
+	author: string;
+	image?: string;
+}) {
+	return (
+		<JsonLd
+			data={{
+				"@context": "https://schema.org",
+				"@type": "Article",
+				headline: title,
+				description,
+				url,
+				datePublished,
+				author: {
+					"@type": "Organization",
+					name: author,
+				},
+				publisher: {
+					"@type": "Organization",
+					name: "SurfSense",
+					logo: {
+						"@type": "ImageObject",
+						url: "https://surfsense.com/logo.png",
+					},
+				},
+				image: image || "https://surfsense.com/og-image.png",
+				mainEntityOfPage: {
+					"@type": "WebPage",
+					"@id": url,
+				},
+			}}
+		/>
+	);
+}
+
+export function BreadcrumbJsonLd({
+	items,
+}: {
+	items: { name: string; url: string }[];
+}) {
+	return (
+		<JsonLd
+			data={{
+				"@context": "https://schema.org",
+				"@type": "BreadcrumbList",
+				itemListElement: items.map((item, index) => ({
+					"@type": "ListItem",
+					position: index + 1,
+					name: item.name,
+					item: item.url,
+				})),
+			}}
+		/>
+	);
+}
+
+export function FAQJsonLd({
+	questions,
+}: {
+	questions: { question: string; answer: string }[];
+}) {
+	return (
+		<JsonLd
+			data={{
+				"@context": "https://schema.org",
+				"@type": "FAQPage",
+				mainEntity: questions.map((q) => ({
+					"@type": "Question",
+					name: q.question,
+					acceptedAnswer: {
+						"@type": "Answer",
+						text: q.answer,
+					},
+				})),
+			}}
+		/>
+	);
+}