From 4f8994a2408b6e9ef996f26cc345b61a3dbb9b2d Mon Sep 17 00:00:00 2001 From: Praveen K B Date: Tue, 6 Oct 2026 14:06:53 +0530 Subject: [PATCH 1/2] feat: MCP website revamp --- package-lock.json | 19 + package.json | 2 + src/ui-app/components/landing/CTABanner.tsx | 11 +- src/ui-app/components/landing/FeatureGrid.tsx | 109 +-- src/ui-app/components/landing/Footer.tsx | 54 +- src/ui-app/components/landing/Hero.tsx | 46 +- src/ui-app/components/landing/Nav.tsx | 181 +++-- src/ui-app/components/landing/Prompts.tsx | 93 +-- src/ui-app/components/landing/QuickSetup.tsx | 55 +- src/ui-app/components/landing/SlackBot.tsx | 124 ++-- src/ui-app/components/landing/Tools.tsx | 72 +- src/ui-app/components/landing/TwoWays.tsx | 650 +++--------------- src/ui-app/index.css | 68 +- src/ui-app/pages/LandingPage.tsx | 11 +- 14 files changed, 504 insertions(+), 991 deletions(-) diff --git a/package-lock.json b/package-lock.json index 68ba340..35eab2f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -23,6 +23,8 @@ }, "devDependencies": { "@biomejs/biome": "^2.5.5", + "@hugeicons/core-free-icons": "^4.3.0", + "@hugeicons/react": "^1.1.10", "@tabler/icons-react": "^3.45.0", "@tailwindcss/vite": "^4.3.3", "@types/inquirer": "^9.0.10", @@ -311,6 +313,23 @@ "hono": "^4" } }, + "node_modules/@hugeicons/core-free-icons": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/@hugeicons/core-free-icons/-/core-free-icons-4.3.0.tgz", + "integrity": "sha512-5DC5gq2psNDKBQThOjpuFCtMco8nl2FkrBzZgG15cFGM0kSwUoych/pw0DmjBygF9qRDITdBPtmzJqLsOeImMg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@hugeicons/react": { + "version": "1.1.10", + "resolved": "https://registry.npmjs.org/@hugeicons/react/-/react-1.1.10.tgz", + "integrity": "sha512-9tAsd92yMVVGP+E+d8cM+wc0VnXuYZHNbWQi7TOe8k2neawmhiaFmVFbzyruejhOMa197/LbgvSED32ayUo3ZA==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "react": ">=16.0.0" + } + }, "node_modules/@inquirer/ansi": { "version": "2.0.7", "resolved": "https://registry.npmjs.org/@inquirer/ansi/-/ansi-2.0.7.tgz", diff --git a/package.json b/package.json index fb4d8d0..c95779c 100644 --- a/package.json +++ b/package.json @@ -44,6 +44,8 @@ }, "devDependencies": { "@biomejs/biome": "^2.5.5", + "@hugeicons/core-free-icons": "^4.3.0", + "@hugeicons/react": "^1.1.10", "@tabler/icons-react": "^3.45.0", "@tailwindcss/vite": "^4.3.3", "@types/inquirer": "^9.0.10", diff --git a/src/ui-app/components/landing/CTABanner.tsx b/src/ui-app/components/landing/CTABanner.tsx index 6089016..ce7b505 100644 --- a/src/ui-app/components/landing/CTABanner.tsx +++ b/src/ui-app/components/landing/CTABanner.tsx @@ -4,15 +4,12 @@ import { Link } from "../ui/Link"; export function CTABanner() { return (
-
+
-

- Your observability data deserves better than a dashboard +

+ Your Observability data deserves better than a dashboard

Connect Parseable to Claude, Cursor, or any MCP-compatible agent and investigate incidents across logs, metrics, traces, and alerts - in natural language, without switching context. diff --git a/src/ui-app/components/landing/FeatureGrid.tsx b/src/ui-app/components/landing/FeatureGrid.tsx index fdf66e1..4c3ae63 100644 --- a/src/ui-app/components/landing/FeatureGrid.tsx +++ b/src/ui-app/components/landing/FeatureGrid.tsx @@ -1,105 +1,66 @@ import { - IconBell, - IconBolt, - IconDatabase, - IconEye, - IconSearch, - IconShieldCheck, -} from "@tabler/icons-react"; + Alert01Icon, + BoltIcon, + ChatSearch01Icon, + EyeIcon, + Search01Icon, + ShieldCheckIcon, +} from "@hugeicons/core-free-icons"; +import { HugeiconsIcon } from "@hugeicons/react"; const FEATURES = [ { - icon:

-
-
-

- Everything you need to investigate faster -

-
+
+
+

+ Everything that you need to investigate +

+
-
- {FEATURES.map(({ icon, iconColor, iconBg, title, desc }) => ( -
-
- {icon} -
-
-

- {title} -

-

- {desc} -

-
+
+ {FEATURES.map(({ icon, title, description }) => ( +
+
+
- ))} -
+

{description}

+ + ))}
); } - -// ─── Prompts ────────────────────────────────────────────────────────────────── diff --git a/src/ui-app/components/landing/Footer.tsx b/src/ui-app/components/landing/Footer.tsx index 959da23..22765d4 100644 --- a/src/ui-app/components/landing/Footer.tsx +++ b/src/ui-app/components/landing/Footer.tsx @@ -1,33 +1,37 @@ import { Link } from "../ui/Link"; +const groups = [ + { title: "Product", links: [["Showcase", "https://www.parseable.com/showcase"], ["Integrations", "https://www.parseable.com/integrations"], ["Features", "https://www.parseable.com/docs"]] }, + { title: "Resources", links: [["Blogs", "https://www.parseable.com/blog"], ["Docs", "https://www.parseable.com/docs"], ["Cloud quickstart", "https://www.parseable.com/docs/quickstart"]] }, + { title: "Legal", links: [["Privacy policy", "/policy"], ["Terms of use", "/tos"], ["DPA", "https://www.parseable.com/dpa"]] }, + { title: "Community", links: [["GitHub", "https://github.com/parseablehq/parseable-mcp-server"], ["Slack", "https://logg.ing/community"], ["Status", "https://status.parseable.com"]] }, +]; + export function Footer() { return ( -