improvement(landing): scope navbar/footer to (shell) route group, align scoped 404s with root

apps/sim/app/(landing)/components/not-found-view.tsx

@@ -0,0 +1,40 @@
+import Link from 'next/link'
+import { getNavBlogPosts } from '@/lib/blog/registry'
+import AuthBackground from '@/app/(auth)/components/auth-background'
+import { AUTH_PRIMARY_CTA_BASE } from '@/app/(auth)/components/auth-button-classes'
+import Navbar from '@/app/(landing)/components/navbar/navbar'
+
+/**
+ * Shared 404 view used by every `not-found.tsx` under the landing surface.
+ *
+ * Rendered outside the route-group `(shell)` layout so it owns the full
+ * viewport (Navbar + AuthBackground decoration, no Footer), matching the
+ * root `/` 404 treatment.
+ */
+export default async function NotFoundView() {
+  const blogPosts = await getNavBlogPosts()
+  return (
+    <AuthBackground className='dark font-[430] font-season'>
+      <main className='relative flex min-h-full flex-col text-[var(--landing-text)]'>
+        <header className='shrink-0 bg-[var(--landing-bg)]'>
+          <Navbar blogPosts={blogPosts} />
+        </header>
+        <div className='relative z-30 flex flex-1 items-center justify-center px-4 pb-24'>
+          <div className='flex flex-col items-center gap-3'>
+            <h1 className='text-balance font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
+              Page not found
+            </h1>
+            <p className='font-[430] font-season text-[color-mix(in_srgb,var(--landing-text-subtle)_60%,transparent)] text-lg leading-[125%] tracking-[0.02em]'>
+              The page you&apos;re looking for doesn&apos;t exist or has been moved.
+            </p>
+            <div className='mt-3 flex items-center gap-2'>
+              <Link href='/' className={AUTH_PRIMARY_CTA_BASE}>
+                Return to Home
+              </Link>
+            </div>
+          </div>
+        </div>
+      </main>
+    </AuthBackground>
+  )
+}

apps/sim/app/(landing)/integrations/[slug]/page.tsx → apps/sim/app/(landing)/integrations/(shell)/[slug]/page.tsx

@@ -3,9 +3,9 @@ import Image from 'next/image'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { SITE_URL } from '@/lib/core/utils/urls'
-import { IntegrationCtaButton } from '@/app/(landing)/integrations/[slug]/components/integration-cta-button'
-import { IntegrationFAQ } from '@/app/(landing)/integrations/[slug]/components/integration-faq'
-import { TemplateCardButton } from '@/app/(landing)/integrations/[slug]/components/template-card-button'
+import { IntegrationCtaButton } from '@/app/(landing)/integrations/(shell)/[slug]/components/integration-cta-button'
+import { IntegrationFAQ } from '@/app/(landing)/integrations/(shell)/[slug]/components/integration-faq'
+import { TemplateCardButton } from '@/app/(landing)/integrations/(shell)/[slug]/components/template-card-button'
 import { IntegrationIcon } from '@/app/(landing)/integrations/components/integration-icon'
 import { blockTypeToIconMap } from '@/app/(landing)/integrations/data/icon-mapping'
 import integrations from '@/app/(landing)/integrations/data/integrations.json'

apps/sim/app/(landing)/integrations/page.tsx → apps/sim/app/(landing)/integrations/(shell)/page.tsx

@@ -1,13 +1,13 @@
 import type { Metadata } from 'next'
 import { Badge } from '@/components/emcn'
 import { SITE_URL } from '@/lib/core/utils/urls'
-import { IntegrationCard } from './components/integration-card'
-import { IntegrationGrid } from './components/integration-grid'
-import { RequestIntegrationModal } from './components/request-integration-modal'
-import { blockTypeToIconMap } from './data/icon-mapping'
-import integrations from './data/integrations.json'
-import { POPULAR_WORKFLOWS } from './data/popular-workflows'
-import type { Integration } from './data/types'
+import { IntegrationCard } from '@/app/(landing)/integrations/components/integration-card'
+import { IntegrationGrid } from '@/app/(landing)/integrations/components/integration-grid'
+import { RequestIntegrationModal } from '@/app/(landing)/integrations/components/request-integration-modal'
+import { blockTypeToIconMap } from '@/app/(landing)/integrations/data/icon-mapping'
+import integrations from '@/app/(landing)/integrations/data/integrations.json'
+import { POPULAR_WORKFLOWS } from '@/app/(landing)/integrations/data/popular-workflows'
+import type { Integration } from '@/app/(landing)/integrations/data/types'
 
 const allIntegrations = integrations as Integration[]
 const INTEGRATION_COUNT = allIntegrations.length

apps/sim/app/(landing)/integrations/not-found.tsx

@@ -1,28 +1,11 @@
 import type { Metadata } from 'next'
-import Link from 'next/link'
-import { AUTH_PRIMARY_CTA_BASE } from '@/app/(auth)/components/auth-button-classes'
+import NotFoundView from '@/app/(landing)/components/not-found-view'
 
 export const metadata: Metadata = {
   title: 'Page Not Found',
   robots: { index: false, follow: true },
 }
 
 export default function IntegrationsNotFound() {
-  return (
-    <div className='flex min-h-[60vh] items-center justify-center px-4 py-24'>
-      <div className='flex flex-col items-center gap-3'>
-        <h1 className='text-balance font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
-          Page not found
-        </h1>
-        <p className='font-[430] font-season text-[color-mix(in_srgb,var(--landing-text-subtle)_60%,transparent)] text-lg leading-[125%] tracking-[0.02em]'>
-          The page you&apos;re looking for doesn&apos;t exist or has been moved.
-        </p>
-        <div className='mt-3 flex items-center gap-2'>
-          <Link href='/' className={AUTH_PRIMARY_CTA_BASE}>
-            Return to Home
-          </Link>
-        </div>
-      </div>
-    </div>
-  )
+  return <NotFoundView />
 }

apps/sim/app/(landing)/models/not-found.tsx

@@ -1,28 +1,11 @@
 import type { Metadata } from 'next'
-import Link from 'next/link'
-import { AUTH_PRIMARY_CTA_BASE } from '@/app/(auth)/components/auth-button-classes'
+import NotFoundView from '@/app/(landing)/components/not-found-view'
 
 export const metadata: Metadata = {
   title: 'Page Not Found',
   robots: { index: false, follow: true },
 }
 
 export default function ModelsNotFound() {
-  return (
-    <div className='flex min-h-[60vh] items-center justify-center px-4 py-24'>
-      <div className='flex flex-col items-center gap-3'>
-        <h1 className='text-balance font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
-          Page not found
-        </h1>
-        <p className='font-[430] font-season text-[color-mix(in_srgb,var(--landing-text-subtle)_60%,transparent)] text-lg leading-[125%] tracking-[0.02em]'>
-          The page you&apos;re looking for doesn&apos;t exist or has been moved.
-        </p>
-        <div className='mt-3 flex items-center gap-2'>
-          <Link href='/' className={AUTH_PRIMARY_CTA_BASE}>
-            Return to Home
-          </Link>
-        </div>
-      </div>
-    </div>
-  )
+  return <NotFoundView />
 }

apps/sim/app/not-found.tsx

@@ -1,39 +1,11 @@
 import type { Metadata } from 'next'
-import Link from 'next/link'
-import { getNavBlogPosts } from '@/lib/blog/registry'
-import AuthBackground from '@/app/(auth)/components/auth-background'
-import { AUTH_PRIMARY_CTA_BASE } from '@/app/(auth)/components/auth-button-classes'
-import Navbar from '@/app/(landing)/components/navbar/navbar'
+import NotFoundView from '@/app/(landing)/components/not-found-view'
 
 export const metadata: Metadata = {
   title: 'Page Not Found',
   robots: { index: false, follow: true },
 }
 
-export default async function NotFound() {
-  const blogPosts = await getNavBlogPosts()
-  return (
-    <AuthBackground className='dark font-[430] font-season'>
-      <main className='relative flex min-h-full flex-col text-[var(--landing-text)]'>
-        <header className='shrink-0 bg-[var(--landing-bg)]'>
-          <Navbar blogPosts={blogPosts} />
-        </header>
-        <div className='relative z-30 flex flex-1 items-center justify-center px-4 pb-24'>
-          <div className='flex flex-col items-center gap-3'>
-            <h1 className='text-balance font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
-              Page not found
-            </h1>
-            <p className='font-[430] font-season text-[color-mix(in_srgb,var(--landing-text-subtle)_60%,transparent)] text-lg leading-[125%] tracking-[0.02em]'>
-              The page you&apos;re looking for doesn&apos;t exist or has been moved.
-            </p>
-            <div className='mt-3 flex items-center gap-2'>
-              <Link href='/' className={AUTH_PRIMARY_CTA_BASE}>
-                Return to Home
-              </Link>
-            </div>
-          </div>
-        </div>
-      </main>
-    </AuthBackground>
-  )
+export default function NotFound() {
+  return <NotFoundView />
 }