diff --git a/package-lock.json b/package-lock.json index 7c77adc..0bb0016 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 ad7b554..e0232d9 100644 --- a/package.json +++ b/package.json @@ -46,6 +46,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..c80cef3 100644 --- a/src/ui-app/components/landing/CTABanner.tsx +++ b/src/ui-app/components/landing/CTABanner.tsx @@ -4,15 +4,27 @@ import { Link } from "../ui/Link"; export function CTABanner() { return (
-
+
+
+
+

+ See your data in a new light +

+

+ Parseable unifies telemetry data, keeps full-fidelity data queryable. It all lives in open formats on object store with your complete control and ownership. +

+
+ + Explore more + +
+
+
-

- 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 5269eb0..8bec3e8 100644 --- a/src/ui-app/components/landing/FeatureGrid.tsx +++ b/src/ui-app/components/landing/FeatureGrid.tsx @@ -1,105 +1,72 @@ 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, mobileOrder }) => ( +
+
+
- ))} -
+

{description}

+ + ))}
); } - -// ─── Prompts ────────────────────────────────────────────────────────────────── diff --git a/src/ui-app/components/landing/Footer.tsx b/src/ui-app/components/landing/Footer.tsx index 959da23..9f2f5b8 100644 --- a/src/ui-app/components/landing/Footer.tsx +++ b/src/ui-app/components/landing/Footer.tsx @@ -1,33 +1,54 @@ +import { IconBrandGithub, IconBrandLinkedin, IconBrandSlack, IconBrandX, IconBrandYoutube, IconChevronDown } from "@tabler/icons-react"; 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 ( -