diff --git a/app/(payload)/admin/[[...segments]]/page.tsx b/app/(payload)/admin/[[...segments]]/page.tsx deleted file mode 100644 index 362452d7..00000000 --- a/app/(payload)/admin/[[...segments]]/page.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import configPromise from '@payload-config'; -import { RootPage } from '@payloadcms/next/views'; -import { importMap } from '../importMap'; - -type Args = { - params: Promise<{ - segments: string[]; - }>; - searchParams: Promise<{ - [key: string]: string | string[]; - }>; -}; - -const Page = ({ params, searchParams }: Args) => - RootPage({ config: configPromise, importMap, params, searchParams }); - -export default Page; diff --git a/app/(payload)/admin/importMap.js b/app/(payload)/admin/importMap.js deleted file mode 100644 index aecd3639..00000000 --- a/app/(payload)/admin/importMap.js +++ /dev/null @@ -1,57 +0,0 @@ -import { RscEntryLexicalCell as RscEntryLexicalCell_44fe37237e0ebf4470c9990d8cb7b07e } from '@payloadcms/richtext-lexical/rsc' -import { RscEntryLexicalField as RscEntryLexicalField_44fe37237e0ebf4470c9990d8cb7b07e } from '@payloadcms/richtext-lexical/rsc' -import { LexicalDiffComponent as LexicalDiffComponent_44fe37237e0ebf4470c9990d8cb7b07e } from '@payloadcms/richtext-lexical/rsc' -import { BlocksFeatureClient as BlocksFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { InlineToolbarFeatureClient as InlineToolbarFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { HorizontalRuleFeatureClient as HorizontalRuleFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { UploadFeatureClient as UploadFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { BlockquoteFeatureClient as BlockquoteFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { RelationshipFeatureClient as RelationshipFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { LinkFeatureClient as LinkFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { ChecklistFeatureClient as ChecklistFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { OrderedListFeatureClient as OrderedListFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { UnorderedListFeatureClient as UnorderedListFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { IndentFeatureClient as IndentFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { AlignFeatureClient as AlignFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { HeadingFeatureClient as HeadingFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { ParagraphFeatureClient as ParagraphFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { InlineCodeFeatureClient as InlineCodeFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { SuperscriptFeatureClient as SuperscriptFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { SubscriptFeatureClient as SubscriptFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { StrikethroughFeatureClient as StrikethroughFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { UnderlineFeatureClient as UnderlineFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { BoldFeatureClient as BoldFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { ItalicFeatureClient as ItalicFeatureClient_e70f5e05f09f93e00b997edb1ef0c864 } from '@payloadcms/richtext-lexical/client' -import { default as default_9ed509b5e5f7d08a16335393f27586cc } from '../../../src/payload/components/Icon' -import { default as default_5470ea90f7a8fd882c2fe59ff2b1c5b9 } from '../../../src/payload/components/Logo' -import { CollectionCards as CollectionCards_f9c02e79a4aed9a3924487c0cd4cafb1 } from '@payloadcms/next/rsc' - -export const importMap = { - "@payloadcms/richtext-lexical/rsc#RscEntryLexicalCell": RscEntryLexicalCell_44fe37237e0ebf4470c9990d8cb7b07e, - "@payloadcms/richtext-lexical/rsc#RscEntryLexicalField": RscEntryLexicalField_44fe37237e0ebf4470c9990d8cb7b07e, - "@payloadcms/richtext-lexical/rsc#LexicalDiffComponent": LexicalDiffComponent_44fe37237e0ebf4470c9990d8cb7b07e, - "@payloadcms/richtext-lexical/client#BlocksFeatureClient": BlocksFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#InlineToolbarFeatureClient": InlineToolbarFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#HorizontalRuleFeatureClient": HorizontalRuleFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#UploadFeatureClient": UploadFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#BlockquoteFeatureClient": BlockquoteFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#RelationshipFeatureClient": RelationshipFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#LinkFeatureClient": LinkFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#ChecklistFeatureClient": ChecklistFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#OrderedListFeatureClient": OrderedListFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#UnorderedListFeatureClient": UnorderedListFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#IndentFeatureClient": IndentFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#AlignFeatureClient": AlignFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#HeadingFeatureClient": HeadingFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#ParagraphFeatureClient": ParagraphFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#InlineCodeFeatureClient": InlineCodeFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#SuperscriptFeatureClient": SuperscriptFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#SubscriptFeatureClient": SubscriptFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#StrikethroughFeatureClient": StrikethroughFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#UnderlineFeatureClient": UnderlineFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#BoldFeatureClient": BoldFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "@payloadcms/richtext-lexical/client#ItalicFeatureClient": ItalicFeatureClient_e70f5e05f09f93e00b997edb1ef0c864, - "/src/payload/components/Icon#default": default_9ed509b5e5f7d08a16335393f27586cc, - "/src/payload/components/Logo#default": default_5470ea90f7a8fd882c2fe59ff2b1c5b9, - "@payloadcms/next/rsc#CollectionCards": CollectionCards_f9c02e79a4aed9a3924487c0cd4cafb1 -} diff --git a/app/(payload)/api/[...slug]/route.ts b/app/(payload)/api/[...slug]/route.ts deleted file mode 100644 index bec81863..00000000 --- a/app/(payload)/api/[...slug]/route.ts +++ /dev/null @@ -1,14 +0,0 @@ -import config from '@payload-config'; -import { - REST_GET, - REST_OPTIONS, - REST_PATCH, - REST_POST, - REST_DELETE, -} from '@payloadcms/next/routes'; - -export const GET = REST_GET(config); -export const POST = REST_POST(config); -export const DELETE = REST_DELETE(config); -export const PATCH = REST_PATCH(config); -export const OPTIONS = REST_OPTIONS(config); diff --git a/app/(payload)/api/graphql/route.ts b/app/(payload)/api/graphql/route.ts deleted file mode 100644 index 7270fe74..00000000 --- a/app/(payload)/api/graphql/route.ts +++ /dev/null @@ -1,4 +0,0 @@ -import config from '@payload-config'; -import { GRAPHQL_POST } from '@payloadcms/next/routes'; - -export const POST = GRAPHQL_POST(config); diff --git a/app/(payload)/custom.scss b/app/(payload)/custom.scss deleted file mode 100644 index 29fc9e81..00000000 --- a/app/(payload)/custom.scss +++ /dev/null @@ -1,151 +0,0 @@ -/* ================================================================= - KLZ Cables – Payload Admin Theme - Strictly follows docs/STYLEGUIDE.md & tailwind.config.cjs - - IMPORTANT: We use `html` selector (not `:root`) because Payload's - own CSS defines variables on `:root` and loads AFTER this file. - `html` has higher specificity than `:root`, so our values win. - ================================================================= */ - -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); - -/* ================================================================= - COLOR OVERRIDES - Payload internally maps: - --theme-elevation-* → --color-base-* - --theme-success-* → --color-success-* - We override the SOURCE variables on `html` to beat Payload's `:root`. - ================================================================= */ - -html { - /* --------------------------------------------------------------- - KLZ Primary Blue (#011dff) → Buttons, links, active states - --------------------------------------------------------------- */ - --color-success-50: #eef0ff !important; - --color-success-100: #dfe2ff !important; - --color-success-150: #cdd2ff !important; - --color-success-200: #b8bfff !important; - --color-success-250: #a0a9ff !important; - --color-success-300: #8892ff !important; - --color-success-350: #707bff !important; - --color-success-400: #5564ff !important; - --color-success-450: #3a4dff !important; - --color-success-500: #011dff !important; - /* KLZ Primary */ - --color-success-550: #0119e6 !important; - --color-success-600: #0116cc !important; - --color-success-650: #0112b3 !important; - --color-success-700: #000e99 !important; - --color-success-750: #000b80 !important; - --color-success-800: #000866 !important; - --color-success-850: #00054d !important; - --color-success-900: #000333 !important; - --color-success-950: #00011a !important; - - /* --------------------------------------------------------------- - KLZ "Foundation Neutrals" → Backgrounds, cards, borders, text - Based on tailwind.config.cjs: neutral.light=#fff, - neutral.DEFAULT=#f8f9fa, neutral.dark=#263336, neutral.black=#0a0a0a - text.primary=#1a1a1a, text.secondary=#6c757d, text.light=#adb5bd - --------------------------------------------------------------- */ - --color-base-0: #ffffff !important; - --color-base-50: #f8f9fa !important; - --color-base-100: #f1f3f5 !important; - --color-base-150: #e9ecef !important; - --color-base-200: #dee2e6 !important; - --color-base-250: #ced4da !important; - --color-base-300: #adb5bd !important; - --color-base-350: #9ba3ab !important; - --color-base-400: #868e96 !important; - --color-base-450: #6c757d !important; - --color-base-500: #5c636a !important; - --color-base-550: #4d5358 !important; - --color-base-600: #3d4246 !important; - --color-base-650: #343a40 !important; - --color-base-700: #2b3035 !important; - --color-base-750: #263336 !important; - --color-base-800: #212529 !important; - --color-base-850: #1a1a1a !important; - --color-base-900: #121212 !important; - --color-base-950: #0a0a0a !important; - --color-base-1000: #000000 !important; - - /* Typography */ - --font-body: 'Inter', system-ui, -apple-system, sans-serif !important; - --font-headings: 'Inter', system-ui, -apple-system, sans-serif !important; -} - -/* Base Body Application */ -body { - font-family: var(--font-body) !important; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* ================================================================= - Login / Setup Page - ================================================================= */ -.template-default.template-default--has-bg { - background: radial-gradient(circle at top right, #e6ebf5 0%, #f8f9fa 60%, #f3f4f6 100%) !important; -} - -.login__wrap, -.create-first-user__wrap { - border-top: none !important; - padding: 3rem !important; - background: rgba(255, 255, 255, 0.85) !important; - backdrop-filter: blur(20px); - -webkit-backdrop-filter: blur(20px); - border: 1px solid var(--theme-elevation-150) !important; - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important; - border-radius: 1.5rem !important; -} - -/* ================================================================= - Buttons – override Payload's dark buttons with KLZ Blue - Payload uses .btn--style-primary { --bg-color: var(--theme-elevation-800) } - which makes all primary buttons near-black. We override to KLZ Blue. - ================================================================= */ -.btn--style-primary, -.btn--style-pill { - --bg-color: #011dff !important; - --color: #ffffff !important; - --hover-bg: #0116cc !important; - --hover-color: #ffffff !important; -} - -.btn--style-primary.btn--disabled, -.btn--style-pill.btn--disabled { - --bg-color: #b8bfff !important; - --color: #ffffff !important; - --hover-bg: #b8bfff !important; -} - -/* Sidebar Active Items */ -[class*="nav-group__link--active"], -[class*="nav__link--active"] { - --theme-elevation-800: #011dff !important; - color: #011dff !important; - border-left-color: #011dff !important; -} - -.btn--style-secondary { - --box-shadow: inset 0 0 0 1px #011dff !important; - --color: #011dff !important; - --hover-color: #0116cc !important; - --hover-box-shadow: inset 0 0 0 1px #0116cc !important; -} - -/* ================================================================= - Logo & Icon - ================================================================= */ -.klz-admin-logo, -.klz-admin-icon { - display: block !important; - visibility: visible !important; - opacity: 1 !important; - height: 32px !important; - width: auto !important; - max-width: 100% !important; - object-fit: contain !important; -} \ No newline at end of file diff --git a/app/(payload)/layout.tsx b/app/(payload)/layout.tsx deleted file mode 100644 index c9b7e796..00000000 --- a/app/(payload)/layout.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import configPromise from '@payload-config'; -import { RootLayout } from '@payloadcms/next/layouts'; -import React from 'react'; - -import '@payloadcms/next/css'; -import './custom.scss'; -import { handleServerFunctions } from '@payloadcms/next/layouts'; -import { importMap } from './admin/importMap'; - -type Args = { - children: React.ReactNode; -}; - -const serverFunction: any = async function (args: any) { - 'use server'; - return handleServerFunctions({ - ...args, - config: configPromise, - importMap, - }); -}; - -const Layout = ({ children }: Args) => { - return ( - - {children} - - ); -}; - -export default Layout; diff --git a/app/[locale]/[slug]/page.tsx b/app/[locale]/[slug]/page.tsx index e6b00602..a3dc875c 100644 --- a/app/[locale]/[slug]/page.tsx +++ b/app/[locale]/[slug]/page.tsx @@ -4,7 +4,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'; import { Metadata } from 'next'; import { getPageBySlug, getAllPages } from '@/lib/pages'; import { mapSlugToFileSlug, mapFileSlugToTranslated } from '@/lib/slugs'; -import PayloadRichText from '@/components/PayloadRichText'; +import MDXContent from '@/components/MDXContent'; import { SITE_URL } from '@/lib/schema'; import TrackedLink from '@/components/analytics/TrackedLink'; @@ -82,7 +82,7 @@ export default async function StandardPage({ params }: PageProps) { if (pageData.frontmatter.layout === 'fullBleed') { return (
- +
); } @@ -121,7 +121,7 @@ export default async function StandardPage({ params }: PageProps) { {/* Main content with shared blog components */}
- +
{/* Support Section */} diff --git a/app/[locale]/blog/[slug]/page.tsx b/app/[locale]/blog/[slug]/page.tsx index 394f83a5..688c3d79 100644 --- a/app/[locale]/blog/[slug]/page.tsx +++ b/app/[locale]/blog/[slug]/page.tsx @@ -19,7 +19,7 @@ import { setRequestLocale } from 'next-intl/server'; import BlogEngagementTracker from '@/components/analytics/BlogEngagementTracker'; // Payload CMS Imports -import PayloadRichText from '@/components/PayloadRichText'; +import MDXContent from '@/components/MDXContent'; interface BlogPostProps { params: Promise<{ @@ -215,7 +215,7 @@ export default async function BlogPost({ params }: BlogPostProps) { {/* Main content with enhanced styling rendering Payload Lexical */}
- +
{/* Power CTA */} diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx index 5d451dcb..d0bf2db0 100644 --- a/app/[locale]/layout.tsx +++ b/app/[locale]/layout.tsx @@ -2,7 +2,6 @@ import Footer from '@/components/Footer'; import Header from '@/components/Header'; import JsonLd from '@/components/JsonLd'; import SkipLink from '@/components/SkipLink'; -import CMSConnectivityNotice from '@/components/CMSConnectivityNotice'; import AnalyticsShell from '@/components/analytics/AnalyticsShell'; import { Metadata, Viewport } from 'next'; import { NextIntlClientProvider } from 'next-intl'; @@ -144,9 +143,6 @@ export default async function Layout(props: { {children}