fix(landing): update broken links, change colors (#3687)

* fix(landing): update broken links, change colors

* update integration pages

* update icons

* link to tag

* fix(landing): resolve build errors and address PR review comments

- Extract useEffect redirect into ExternalRedirect client component to fix
  fs/promises bundling error in privacy/terms server pages
- Fix InfisicalIcon fill='black' → fill='currentColor' for theme compatibility
- Add target="_blank" + rel="noopener noreferrer" to enterprise Typeform link
- Install @types/micromatch to fix missing type declarations build error

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* fix(icons): fix InfisicalIcon fill='black' → fill='currentColor' in docs

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* remove hardcoded ff

* fix(generate-docs): fix tool description extraction for two-step and name-mismatch patterns

Replace the fragile first-id/first-description heuristic with a per-id
window search: for each id: 'tool_id' match, scan the next 600 chars
(stopping before any params: block) for description: and name: fields.
This correctly handles the two-step pattern used by Intercom and others
where the ToolConfig export comes after a separate base object whose
params: would have cut off the old approach.

Add an exact-name fallback that checks tools.access for a tool whose
name matches the operation label — handles cases where block op IDs are
short aliases (e.g. Slack 'send') while the tool ID is more descriptive
('slack_message') but the tool name 'Slack Message' still differs.

Remove the word-overlap scoring fallback which was producing incorrect
descriptions (Intercom all saying 'Intercom API access token', Reddit
Save/Unsave inverted, etc.).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: waleedlatif1

apps/docs/components/icons.tsx

@@ -4140,7 +4140,7 @@ export function IncidentioIcon(props: SVGProps<SVGSVGElement>) {
 
 export function InfisicalIcon(props: SVGProps<SVGSVGElement>) {
   return (
-    <svg {...props} viewBox='0 0 273 182' xmlns='http://www.w3.org/2000/svg'>
+    <svg {...props} viewBox='20 25 233 132' xmlns='http://www.w3.org/2000/svg'>
       <path
         d='m191.6 39.4c-20.3 0-37.15 13.21-52.9 30.61-12.99-16.4-29.8-30.61-51.06-30.61-27.74 0-50.44 23.86-50.44 51.33 0 26.68 21.43 51.8 48.98 51.8 20.55 0 37.07-13.86 51.32-31.81 12.69 16.97 29.1 31.41 53.2 31.41 27.13 0 49.85-22.96 49.85-51.4 0-27.12-20.44-51.33-48.95-51.33zm-104.3 77.94c-14.56 0-25.51-12.84-25.51-26.07 0-13.7 10.95-28.29 25.51-28.29 14.93 0 25.71 11.6 37.6 27.34-11.31 15.21-22.23 27.02-37.6 27.02zm104.4 0.25c-15 0-25.28-11.13-37.97-27.37 12.69-16.4 22.01-27.24 37.59-27.24 14.97 0 24.79 13.25 24.79 27.26 0 13-10.17 27.35-24.41 27.35z'
         fill='currentColor'
@@ -4253,7 +4253,7 @@ export function ZoomIcon(props: SVGProps<SVGSVGElement>) {
       fill='currentColor'
       width='800px'
       height='800px'
-      viewBox='0 0 32 32'
+      viewBox='-1 9.5 34 13'
       version='1.1'
       xmlns='http://www.w3.org/2000/svg'
     >

apps/docs/content/docs/en/tools/microsoft_ad.mdx

@@ -5,7 +5,7 @@ description: Manage users and groups in Azure AD (Microsoft Entra ID)
 
 import { BlockInfoCard } from "@/components/ui/block-info-card"
 
-<BlockInfoCard
+<BlockInfoCard 
   type="microsoft_ad"
   color="#0078D4"
 />

apps/docs/content/docs/en/tools/okta.mdx

@@ -5,7 +5,7 @@ description: Manage users and groups in Okta
 
 import { BlockInfoCard } from "@/components/ui/block-info-card"
 
-<BlockInfoCard
+<BlockInfoCard 
   type="okta"
   color="#191919"
 />
@@ -29,6 +29,7 @@ In Sim, the Okta integration enables your agents to automate identity management
 If you encounter issues with the Okta integration, contact us at [help@sim.ai](mailto:help@sim.ai)
 {/* MANUAL-CONTENT-END */}
 
+
 ## Usage Instructions
 
 Integrate Okta identity management into your workflow. List, create, update, activate, suspend, and delete users. Reset passwords. Manage groups and group membership.

apps/sim/app/(home)/components/enterprise/enterprise.tsx

@@ -612,7 +612,9 @@ export default function Enterprise() {
               Ready for growth?
             </p>
             <Link
-              href='/contact'
+              href='https://form.typeform.com/to/jqCO12pF'
+              target='_blank'
+              rel='noopener noreferrer'
               className='group/cta inline-flex h-[32px] items-center gap-[6px] rounded-[5px] border border-white bg-white px-[10px] font-[430] font-season text-[14px] text-black transition-colors hover:border-[#E0E0E0] hover:bg-[#E0E0E0]'
             >
               Book a demo

apps/sim/app/(home)/components/pricing/pricing.tsx

@@ -78,7 +78,7 @@ const PRICING_TIERS: PricingTier[] = [
       'SSO & SCIM · SOC2 & HIPAA',
       'Self hosting · Dedicated support',
     ],
-    cta: { label: 'Book a demo', href: '/contact' },
+    cta: { label: 'Book a demo', href: 'https://form.typeform.com/to/jqCO12pF' },
   },
 ]
 
@@ -125,12 +125,14 @@ function PricingCard({ tier }: PricingCardProps) {
           </p>
           <div className='mt-4'>
             {isEnterprise ? (
-              <Link
+              <a
                 href={tier.cta.href}
+                target='_blank'
+                rel='noopener noreferrer'
                 className='flex h-[32px] w-full items-center justify-center rounded-[5px] border border-[#E5E5E5] px-[10px] font-[430] font-season text-[#1C1C1C] text-[14px] transition-colors hover:bg-[#F0F0F0]'
               >
                 {tier.cta.label}
-              </Link>
+              </a>
             ) : isPro ? (
               <Link
                 href={tier.cta.href}

apps/sim/app/(home)/landing.tsx

@@ -1,4 +1,4 @@
-import { getAllPostMeta } from '@/lib/blog/registry'
+import { getNavBlogPosts } from '@/lib/blog/registry'
 import { martianMono } from '@/app/_styles/fonts/martian-mono/martian-mono'
 import { season } from '@/app/_styles/fonts/season/season'
 import {
@@ -33,12 +33,7 @@ import {
  *   enterprise (Enterprise) -> pricing (Pricing) -> testimonials (Testimonials).
  */
 export default async function Landing() {
-  const allPosts = await getAllPostMeta()
-  const featuredPost = allPosts.find((p) => p.featured) ?? allPosts[0]
-  const recentPosts = allPosts.filter((p) => p !== featuredPost).slice(0, 4)
-  const blogPosts = [featuredPost, ...recentPosts]
-    .filter(Boolean)
-    .map((p) => ({ slug: p.slug, title: p.title, ogImage: p.ogImage }))
+  const blogPosts = await getNavBlogPosts()
 
   return (
     <div className={`${season.variable} ${martianMono.variable} min-h-screen bg-[#1C1C1C]`}>

apps/sim/app/(landing)/blog/layout.tsx

@@ -1,7 +1,9 @@
+import { getNavBlogPosts } from '@/lib/blog/registry'
 import Footer from '@/app/(home)/components/footer/footer'
 import Navbar from '@/app/(home)/components/navbar/navbar'
 
-export default function StudioLayout({ children }: { children: React.ReactNode }) {
+export default async function StudioLayout({ children }: { children: React.ReactNode }) {
+  const blogPosts = await getNavBlogPosts()
   const orgJsonLd = {
     '@context': 'https://schema.org',
     '@type': 'Organization',
@@ -34,7 +36,7 @@ export default function StudioLayout({ children }: { children: React.ReactNode }
         dangerouslySetInnerHTML={{ __html: JSON.stringify(websiteJsonLd) }}
       />
       <header>
-        <Navbar />
+        <Navbar blogPosts={blogPosts} />
       </header>
       <main className='relative flex-1'>{children}</main>
       <Footer />

apps/sim/app/(landing)/components/external-redirect.tsx

@@ -0,0 +1,18 @@
+'use client'
+
+import { useEffect } from 'react'
+
+interface ExternalRedirectProps {
+  url: string
+}
+
+/** Redirects to an external URL when it is configured via an environment variable. */
+export default function ExternalRedirect({ url }: ExternalRedirectProps) {
+  useEffect(() => {
+    if (url?.startsWith('http')) {
+      window.location.href = url
+    }
+  }, [url])
+
+  return null
+}

apps/sim/app/(landing)/components/index.ts

@@ -1,4 +1,5 @@
 import Background from '@/app/(landing)/components/background/background'
+import ExternalRedirect from '@/app/(landing)/components/external-redirect'
 import Footer from '@/app/(landing)/components/footer/footer'
 import Hero from '@/app/(landing)/components/hero/hero'
 import Integrations from '@/app/(landing)/components/integrations/integrations'
@@ -20,4 +21,5 @@ export {
   Footer,
   StructuredData,
   LegalLayout,
+  ExternalRedirect,
 }

apps/sim/app/(landing)/components/legal-layout.tsx

@@ -1,3 +1,4 @@
+import { getNavBlogPosts } from '@/lib/blog/registry'
 import { isHosted } from '@/lib/core/config/feature-flags'
 import Footer from '@/app/(home)/components/footer/footer'
 import Navbar from '@/app/(home)/components/navbar/navbar'
@@ -7,11 +8,13 @@ interface LegalLayoutProps {
   children: React.ReactNode
 }
 
-export default function LegalLayout({ title, children }: LegalLayoutProps) {
+export default async function LegalLayout({ title, children }: LegalLayoutProps) {
+  const blogPosts = await getNavBlogPosts()
+
   return (
     <main className='min-h-screen bg-[#1C1C1C] font-[430] font-season text-[#ECECEC]'>
       <header>
-        <Navbar />
+        <Navbar blogPosts={blogPosts} />
       </header>
 
       <div className='mx-auto max-w-[800px] px-6 pt-[60px] pb-[80px] sm:px-12'>