commit 74ad7f15248a07a361edd3003a6ac5dce59403bc
Author: duankunkun <duankunkun@sinemedia.com>
Date:   Tue Jun 23 15:47:39 2026 +0800

    Initial import

diff --git a/.replit-artifact/artifact.toml b/.replit-artifact/artifact.toml
new file mode 100644
index 0000000..595fba3
--- /dev/null
+++ b/.replit-artifact/artifact.toml
@@ -0,0 +1,31 @@
+kind = "web"
+previewPath = "/"
+title = "SineMedia 赛因芯微"
+version = "1.0.0"
+id = "artifacts/sinemedia-web"
+router = "path"
+
+[[integratedSkills]]
+name = "react-vite"
+version = "1.0.0"
+
+[[services]]
+name = "web"
+paths = [ "/" ]
+localPort = 22432
+
+[services.development]
+run = "pnpm --filter @workspace/sinemedia-web run dev"
+
+[services.production]
+build = [ "pnpm", "--filter", "@workspace/sinemedia-web", "run", "build" ]
+publicDir = "artifacts/sinemedia-web/dist/public"
+serve = "static"
+
+[[services.production.rewrites]]
+from = "/*"
+to = "/index.html"
+
+[services.env]
+PORT = "22432"
+BASE_PATH = "/"
diff --git a/.tsbuildinfo b/.tsbuildinfo
new file mode 100644
index 0000000..6615f1e
--- /dev/null
+++ b/.tsbuildinfo
@@ -0,0 +1 @@
+{"fileNames":["../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2021.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2022.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2023.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2024.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2016.intl.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.date.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.date.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.promise.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.string.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.intl.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.number.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2021.promise.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2021.string.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2021.weakref.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2021.intl.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2022.array.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2022.error.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2022.intl.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2022.object.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2022.string.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2022.regexp.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2023.array.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2023.collection.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2023.intl.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2024.arraybuffer.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2024.collection.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2024.object.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2024.promise.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2024.regexp.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2024.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2024.string.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.array.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.collection.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.intl.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.disposable.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.promise.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.decorators.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.iterator.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.float16.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.error.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../node_modules/.pnpm/@types+react@19.2.14/node_modules/@types/react/global.d.ts","../../node_modules/.pnpm/csstype@3.2.3/node_modules/csstype/index.d.ts","../../node_modules/.pnpm/@types+react@19.2.14/node_modules/@types/react/index.d.ts","../../node_modules/.pnpm/wouter@3.10.0_react@19.1.0/node_modules/wouter/types/location-hook.d.ts","../../node_modules/.pnpm/wouter@3.10.0_react@19.1.0/node_modules/wouter/types/use-browser-location.d.ts","../../node_modules/.pnpm/wouter@3.10.0_react@19.1.0/node_modules/wouter/types/router.d.ts","../../node_modules/.pnpm/regexparam@3.0.0/node_modules/regexparam/index.d.ts","../../node_modules/.pnpm/wouter@3.10.0_react@19.1.0/node_modules/wouter/types/index.d.ts","../../node_modules/.pnpm/@tanstack+query-core@5.100.9/node_modules/@tanstack/query-core/build/modern/_tsup-dts-rollup.d.ts","../../node_modules/.pnpm/@tanstack+query-core@5.100.9/node_modules/@tanstack/query-core/build/modern/index.d.ts","../../node_modules/.pnpm/@types+react@19.2.14/node_modules/@types/react/jsx-runtime.d.ts","../../node_modules/.pnpm/@tanstack+react-query@5.100.9_react@19.1.0/node_modules/@tanstack/react-query/build/modern/_tsup-dts-rollup.d.ts","../../node_modules/.pnpm/@tanstack+react-query@5.100.9_react@19.1.0/node_modules/@tanstack/react-query/build/modern/index.d.ts","../../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.2.14_react@19.1.0/node_modules/@radix-ui/react-context/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.2.3_@types+react@19.2.14__@types+re_942dc95da45a8d26a65e8b93069343a1/node_modules/@radix-ui/react-primitive/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.11_@types+react-dom@19.2.3_@types+react@19.2.14___adba7072b53bb6c0a22054d9f64a7dd2/node_modules/@radix-ui/react-dismissable-layer/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-toast@1.2.15_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_0687500628884f4aa08bba9824428f59/node_modules/@radix-ui/react-toast/dist/index.d.mts","../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/clsx.d.mts","../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/types.d.ts","../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.d.ts","../../node_modules/.pnpm/lucide-react@0.545.0_react@19.1.0/node_modules/lucide-react/dist/lucide-react.d.ts","../../node_modules/.pnpm/tailwind-merge@3.5.0/node_modules/tailwind-merge/dist/types.d.ts","./src/lib/utils.ts","./src/components/ui/toast.tsx","./src/hooks/use-toast.ts","./src/components/ui/toaster.tsx","../../node_modules/.pnpm/@radix-ui+react-arrow@1.1.7_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@_bcabc9fc031e14a5c1d36580cfe17c1e/node_modules/@radix-ui/react-arrow/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+rect@1.1.1/node_modules/@radix-ui/rect/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-popper@1.2.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_8586b73dd48fcc5e3398eba76a92271f/node_modules/@radix-ui/react-popper/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_07cab11bf901f9677d738ea79913cccd/node_modules/@radix-ui/react-portal/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+reac_ab0d0da4ee6b1f28831a19c3e4e15a95/node_modules/@radix-ui/react-tooltip/dist/index.d.mts","./src/components/ui/tooltip.tsx","./src/contexts/LanguageContext.tsx","./src/components/ui/card.tsx","./src/pages/not-found.tsx","../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/index.d.ts","../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/index.d.ts","../../node_modules/.pnpm/framer-motion@12.38.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/framer-motion/dist/types.d-DOCC-kZB.d.ts","../../node_modules/.pnpm/framer-motion@12.38.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/framer-motion/dist/types/index.d.ts","./src/components/layout/Navbar.tsx","./src/components/layout/Footer.tsx","./src/pages/Home.tsx","./src/pages/About.tsx","./src/pages/Technology.tsx","./src/pages/Products.tsx","./src/pages/Strategy.tsx","./src/pages/Contact.tsx","./src/pages/SineFlow.tsx","./src/pages/SineKniter.tsx","./src/pages/NGAPlatform.tsx","./src/pages/SpeakerDesigner.tsx","./src/data/articles.ts","./src/pages/Articles.tsx","./src/pages/ArticleDetail.tsx","./src/pages/products/ProAudio.tsx","./src/pages/products/Commercial.tsx","./src/pages/products/Automotive.tsx","./src/pages/products/DevTools.tsx","./src/App.tsx","../../node_modules/.pnpm/@types+react-dom@19.2.3_@types+react@19.2.14/node_modules/@types/react-dom/client.d.ts","./src/main.tsx","../../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.12_@types+react-dom@19.2.3_@types+react@19.2.14__@types_b2e9d08cba6e06f2f74dcd612a392d0b/node_modules/@radix-ui/react-collapsible/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-accordion@1.2.12_@types+react-dom@19.2.3_@types+react@19.2.14__@types+r_5d739927d94d01dd2696ffe6af8edfd6/node_modules/@radix-ui/react-accordion/dist/index.d.mts","./src/components/ui/accordion.tsx","../../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.2.3_@types+react@19.2.14__@types+_0c2be3b8c63d940f8c25c8d98f7224e2/node_modules/@radix-ui/react-focus-scope/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.14__@types+reac_33da12bbe503c7690c070124d6e5c3e6/node_modules/@radix-ui/react-dialog/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-alert-dialog@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.14__@type_ed0209bc7e3a2050f497acd93cf2bc3d/node_modules/@radix-ui/react-alert-dialog/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-slot@1.2.4_@types+react@19.2.14_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.d.mts","./src/components/ui/button.tsx","./src/components/ui/alert-dialog.tsx","./src/components/ui/alert.tsx","../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.4_@types+react-dom@19.2.3_@types+react@19.2.14__@types+re_31968672578c38bb0d2d7d0e9bfe46f1/node_modules/@radix-ui/react-primitive/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-aspect-ratio@1.1.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types_e2fa11d5eabaa05111ea7a70f889b369/node_modules/@radix-ui/react-aspect-ratio/dist/index.d.mts","./src/components/ui/aspect-ratio.tsx","../../node_modules/.pnpm/@radix-ui+react-context@1.1.3_@types+react@19.2.14_react@19.1.0/node_modules/@radix-ui/react-context/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-avatar@1.1.11_@types+react-dom@19.2.3_@types+react@19.2.14__@types+reac_6ec17df92404235cee01ed10ac55b0e7/node_modules/@radix-ui/react-avatar/dist/index.d.mts","./src/components/ui/avatar.tsx","./src/components/ui/badge.tsx","./src/components/ui/breadcrumb.tsx","../../node_modules/.pnpm/@radix-ui+react-separator@1.1.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+re_a2c196c34258294bb6ecfe721161e1be/node_modules/@radix-ui/react-separator/dist/index.d.mts","./src/components/ui/separator.tsx","./src/components/ui/button-group.tsx","../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/constants/index.d.ts","../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/date/index.d.ts","../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/date/mini.d.ts","../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/tz/index.d.ts","../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/tzOffset/index.d.ts","../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/tzScan/index.d.ts","../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/tzName/index.d.ts","../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/index.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/constants.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/types.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/fp/types.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/types.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/add.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addBusinessDays.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addDays.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addHours.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addISOWeekYears.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addMilliseconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addMinutes.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addMonths.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addQuarters.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addSeconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addWeeks.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addYears.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/areIntervalsOverlapping.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/clamp.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/closestIndexTo.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/closestTo.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/compareAsc.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/compareDesc.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/constructFrom.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/constructNow.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/daysToWeeks.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInBusinessDays.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarDays.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarISOWeekYears.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarISOWeeks.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarMonths.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarQuarters.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarWeeks.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarYears.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInDays.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInHours.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInISOWeekYears.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMilliseconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMinutes.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMonths.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInQuarters.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInSeconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInWeeks.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInYears.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachDayOfInterval.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachHourOfInterval.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachMinuteOfInterval.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachMonthOfInterval.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachQuarterOfInterval.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachWeekOfInterval.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachWeekendOfInterval.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachWeekendOfMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachWeekendOfYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachYearOfInterval.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfDay.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfDecade.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfHour.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfISOWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfISOWeekYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfMinute.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfQuarter.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfSecond.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfToday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfTomorrow.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfYesterday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/format/formatters.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/format/longFormatters.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistance.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistanceStrict.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistanceToNow.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistanceToNowStrict.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDuration.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatISO.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatISO9075.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatISODuration.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatRFC3339.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatRFC7231.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatRelative.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/fromUnixTime.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDate.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDay.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDayOfYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDaysInMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDaysInYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDecade.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/defaultOptions.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDefaultOptions.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getHours.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getISODay.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getISOWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getISOWeekYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getISOWeeksInYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getMilliseconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getMinutes.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getOverlappingDaysInIntervals.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getQuarter.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getSeconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getTime.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getUnixTime.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getWeekOfMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getWeekYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getWeeksInMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/hoursToMilliseconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/hoursToMinutes.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/hoursToSeconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/interval.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/intervalToDuration.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/intlFormat.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/intlFormatDistance.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isAfter.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isBefore.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isDate.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isEqual.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isExists.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isFirstDayOfMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isFriday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isFuture.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isLastDayOfMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isLeapYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isMatch.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isMonday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isPast.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameDay.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameHour.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameISOWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameISOWeekYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameMinute.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameQuarter.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameSecond.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSaturday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSunday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isThisHour.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isThisISOWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isThisMinute.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isThisMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isThisQuarter.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isThisSecond.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isThisWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isThisYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isThursday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isToday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isTomorrow.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isTuesday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isValid.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isWednesday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isWeekend.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isWithinInterval.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isYesterday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/lastDayOfDecade.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/lastDayOfISOWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/lastDayOfISOWeekYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/lastDayOfMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/lastDayOfQuarter.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/lastDayOfWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/lastDayOfYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/format/lightFormatters.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/lightFormat.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/max.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/milliseconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/millisecondsToHours.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/millisecondsToMinutes.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/millisecondsToSeconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/min.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/minutesToHours.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/minutesToMilliseconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/minutesToSeconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/monthsToQuarters.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/monthsToYears.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/nextDay.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/nextFriday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/nextMonday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/nextSaturday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/nextSunday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/nextThursday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/nextTuesday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/nextWednesday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/types.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/Setter.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/Parser.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse/_lib/parsers.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parseISO.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parseJSON.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/previousDay.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/previousFriday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/previousMonday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/previousSaturday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/previousSunday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/previousThursday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/previousTuesday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/previousWednesday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/quartersToMonths.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/quartersToYears.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/roundToNearestHours.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/roundToNearestMinutes.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/secondsToHours.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/secondsToMilliseconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/secondsToMinutes.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/set.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setDate.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setDay.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setDayOfYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setDefaultOptions.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setHours.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setISODay.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setISOWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setISOWeekYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setMilliseconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setMinutes.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setQuarter.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setSeconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setWeekYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfDay.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfDecade.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfHour.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeekYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfMinute.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfMonth.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfQuarter.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfSecond.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfToday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfTomorrow.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeek.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeekYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfYear.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfYesterday.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/sub.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subBusinessDays.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subDays.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subHours.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subISOWeekYears.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subMilliseconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subMinutes.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subMonths.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subQuarters.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subSeconds.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subWeeks.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subYears.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/toDate.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/transpose.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/weeksToDays.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/yearsToDays.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/yearsToMonths.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/yearsToQuarters.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/index.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/af.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ar.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ar-DZ.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ar-EG.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ar-MA.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ar-SA.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ar-TN.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/az.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/be.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/be-tarask.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/bg.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/bn.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/bs.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ca.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ckb.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/cs.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/cy.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/da.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/de.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/de-AT.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/el.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-AU.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-CA.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-GB.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-IE.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-IN.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-NZ.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-ZA.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/eo.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/es.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/et.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/eu.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fa-IR.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fi.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr-CA.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr-CH.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fy.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/gd.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/gl.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/gu.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/he.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/hi.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/hr.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ht.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/hu.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/hy.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/id.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/is.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/it.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/it-CH.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ja.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ja-Hira.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ka.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/kk.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/km.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/kn.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ko.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/lb.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/lt.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/lv.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/mk.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/mn.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ms.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/mt.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/nb.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/nl.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/nl-BE.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/nn.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/oc.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/pl.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/pt.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/pt-BR.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ro.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ru.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/se.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/sk.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/sl.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/sq.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/sr.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/sr-Latn.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/sv.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ta.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/te.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/th.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/tr.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ug.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/uk.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/uz.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/uz-Cyrl.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/vi.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/zh-CN.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/zh-HK.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/zh-TW.d.ts","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Button.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/CaptionLabel.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Chevron.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/MonthCaption.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Week.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelDayButton.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelGrid.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelGridcell.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelMonthDropdown.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelNav.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelNext.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelPrevious.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelWeekday.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelWeekNumber.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelWeekNumberHeader.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/labelYearDropdown.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/labels/index.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/UI.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/classes/CalendarWeek.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/classes/CalendarMonth.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/types/props.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/types/selection.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/useDayPicker.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/types/deprecated.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/types/index.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Day.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/DayButton.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Dropdown.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/DropdownNav.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Footer.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Month.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/MonthGrid.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Months.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/MonthsDropdown.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Nav.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/NextMonthButton.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Option.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/PreviousMonthButton.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Root.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Select.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Weekday.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Weekdays.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/WeekNumber.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/WeekNumberHeader.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/Weeks.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/YearsDropdown.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/components/custom-components.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/formatters/formatCaption.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/formatters/formatDay.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/formatters/formatMonthDropdown.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/formatters/formatWeekdayName.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumber.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumberHeader.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/formatters/formatYearDropdown.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/formatters/index.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/types/shared.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/locale/en-US.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/classes/DateLib.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/classes/CalendarDay.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/classes/index.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/DayPicker.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/helpers/index.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/utils/addToRange.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/utils/dateMatchModifiers.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/utils/rangeContainsDayOfWeek.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/utils/rangeContainsModifiers.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/utils/rangeOverlaps.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/utils/typeguards.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/utils/index.d.ts","../../node_modules/.pnpm/react-day-picker@9.14.0_react@19.1.0/node_modules/react-day-picker/dist/esm/index.d.ts","./src/components/ui/calendar.tsx","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Alignment.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/NodeRects.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Axis.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/SlidesToScroll.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Limit.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/ScrollContain.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/DragTracker.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/utils.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Animations.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Counter.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/EventHandler.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/EventStore.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/PercentOfView.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/ResizeHandler.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Vector1d.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/ScrollBody.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/ScrollBounds.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/ScrollLooper.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/ScrollProgress.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/SlideRegistry.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/ScrollTarget.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/ScrollTo.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/SlideFocus.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Translate.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/SlideLooper.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/SlidesHandler.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/SlidesInView.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Engine.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/OptionsHandler.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Plugins.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/EmblaCarousel.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/DragHandler.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Options.d.ts","../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/index.d.ts","../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.1.0/node_modules/embla-carousel-react/esm/components/useEmblaCarousel.d.ts","../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.1.0/node_modules/embla-carousel-react/esm/index.d.ts","./src/components/ui/carousel.tsx","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/container/Surface.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/container/Layer.d.ts","../../node_modules/.pnpm/@types+d3-time@3.0.4/node_modules/@types/d3-time/index.d.ts","../../node_modules/.pnpm/@types+d3-scale@4.0.9/node_modules/@types/d3-scale/index.d.ts","../../node_modules/.pnpm/victory-vendor@36.9.2/node_modules/victory-vendor/d3-scale.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/XAxis.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/YAxis.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/util/types.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/component/DefaultLegendContent.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/util/payload/getUniqPayload.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/component/Legend.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/component/DefaultTooltipContent.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/component/Tooltip.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/component/ResponsiveContainer.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/component/Cell.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/component/Text.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/component/Label.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/component/LabelList.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/component/Customized.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/shape/Sector.d.ts","../../node_modules/.pnpm/@types+d3-path@3.1.1/node_modules/@types/d3-path/index.d.ts","../../node_modules/.pnpm/@types+d3-shape@3.1.8/node_modules/@types/d3-shape/index.d.ts","../../node_modules/.pnpm/victory-vendor@36.9.2/node_modules/victory-vendor/d3-shape.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/shape/Curve.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/shape/Rectangle.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/shape/Polygon.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/shape/Dot.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/shape/Cross.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/shape/Symbols.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/polar/PolarGrid.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/polar/PolarRadiusAxis.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/polar/PolarAngleAxis.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/polar/Pie.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/polar/Radar.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/polar/RadialBar.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/Brush.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/util/IfOverflowMatches.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/ReferenceLine.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/ReferenceDot.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/ReferenceArea.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/CartesianAxis.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/CartesianGrid.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/Line.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/Area.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/util/BarUtils.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/Bar.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/ZAxis.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/ErrorBar.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/cartesian/Scatter.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/util/getLegendProps.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/util/ChartUtils.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/AccessibilityManager.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/types.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/generateCategoricalChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/LineChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/BarChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/PieChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/Treemap.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/Sankey.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/RadarChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/ScatterChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/AreaChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/RadialBarChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/ComposedChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/SunburstChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/shape/Trapezoid.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/numberAxis/Funnel.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/chart/FunnelChart.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/util/Global.d.ts","../../node_modules/.pnpm/recharts@2.15.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/recharts/types/index.d.ts","./src/components/ui/chart.tsx","../../node_modules/.pnpm/@radix-ui+react-checkbox@1.3.3_@types+react-dom@19.2.3_@types+react@19.2.14__@types+rea_c210ac2611606080c3e6cc0805bb1395/node_modules/@radix-ui/react-checkbox/dist/index.d.mts","./src/components/ui/checkbox.tsx","./src/components/ui/collapsible.tsx","../../node_modules/.pnpm/cmdk@1.1.1_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14_react-dom_dd530bdfe39910342c9fdf9a876e79cc/node_modules/cmdk/dist/index.d.ts","./src/components/ui/dialog.tsx","./src/components/ui/command.tsx","../../node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.11_@types+react-dom@19.2.3_@types+react@19.2.14__@type_8c031b70c74b193e73544bcf7ed7aa8e/node_modules/@radix-ui/react-roving-focus/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-menu@2.1.16_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@_9f46f7217a5797054b3fff79ed9d4cc9/node_modules/@radix-ui/react-menu/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-context-menu@2.2.16_@types+react-dom@19.2.3_@types+react@19.2.14__@type_f49ce9faae5a2d0f954b43645dac3160/node_modules/@radix-ui/react-context-menu/dist/index.d.mts","./src/components/ui/context-menu.tsx","../../node_modules/.pnpm/vaul@1.1.2_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14_react-dom_2e22e060654e8c27168982fa81f27caf/node_modules/vaul/dist/index.d.mts","./src/components/ui/drawer.tsx","../../node_modules/.pnpm/@radix-ui+react-dropdown-menu@2.1.16_@types+react-dom@19.2.3_@types+react@19.2.14__@typ_a1a35e012af827b470f6bb0755523d98/node_modules/@radix-ui/react-dropdown-menu/dist/index.d.mts","./src/components/ui/dropdown-menu.tsx","./src/components/ui/empty.tsx","../../node_modules/.pnpm/@radix-ui+react-label@2.1.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@_7a02415076c489810640db721696f007/node_modules/@radix-ui/react-label/dist/index.d.mts","./src/components/ui/label.tsx","./src/components/ui/field.tsx","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/constants.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/utils/createSubject.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/events.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/path/common.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/path/eager.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/path/index.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/fieldArray.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/resolvers.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/utils.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/fields.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/errors.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/validator.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/controller.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/watch.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/types/index.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/controller.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/form.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/formStateSubscribe.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/logic/appendErrors.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/logic/createFormControl.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/logic/index.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/useController.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/useFieldArray.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/useForm.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/useFormContext.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/useFormState.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/useWatch.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/utils/get.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/utils/set.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/utils/index.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/watch.d.ts","../../node_modules/.pnpm/react-hook-form@7.75.0_react@19.1.0/node_modules/react-hook-form/dist/index.d.ts","./src/components/ui/form.tsx","../../node_modules/.pnpm/@radix-ui+react-hover-card@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.14__@types+_081338041582530572736f67d743d0d0/node_modules/@radix-ui/react-hover-card/dist/index.d.mts","./src/components/ui/hover-card.tsx","./src/components/ui/input.tsx","./src/components/ui/textarea.tsx","./src/components/ui/input-group.tsx","../../node_modules/.pnpm/input-otp@1.4.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/input-otp/dist/index.d.ts","./src/components/ui/input-otp.tsx","./src/components/ui/item.tsx","./src/components/ui/kbd.tsx","../../node_modules/.pnpm/@radix-ui+react-menubar@1.1.16_@types+react-dom@19.2.3_@types+react@19.2.14__@types+rea_93d0f5708d043bcab2b93a2d92bb0422/node_modules/@radix-ui/react-menubar/dist/index.d.mts","./src/components/ui/menubar.tsx","../../node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.3_@types+react-dom@19.2.3_@types+react@19.2.14__@ty_ca625f13fd38e967507e17e463f201d6/node_modules/@radix-ui/react-visually-hidden/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-navigation-menu@1.2.14_@types+react-dom@19.2.3_@types+react@19.2.14__@t_10dc22f5840c6662658a8a2cd749ad7f/node_modules/@radix-ui/react-navigation-menu/dist/index.d.mts","./src/components/ui/navigation-menu.tsx","./src/components/ui/pagination.tsx","../../node_modules/.pnpm/@radix-ui+react-popover@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.14__@types+rea_ee0cd3efa3ab04a20b7d7f85f0f96920/node_modules/@radix-ui/react-popover/dist/index.d.mts","./src/components/ui/popover.tsx","../../node_modules/.pnpm/@radix-ui+react-progress@1.1.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+rea_7903d5e635bd02e47af334e2382bdae0/node_modules/@radix-ui/react-progress/dist/index.d.mts","./src/components/ui/progress.tsx","../../node_modules/.pnpm/@radix-ui+react-radio-group@1.3.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+_38e42583e7e26f4d31f381baa4d9d8a1/node_modules/@radix-ui/react-radio-group/dist/index.d.mts","./src/components/ui/radio-group.tsx","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/Panel.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/types.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/PanelGroup.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/PanelResizeHandleRegistry.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/PanelResizeHandle.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/constants.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/assert.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/csp.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/cursor.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getPanelElement.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getPanelElementsForGroup.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getPanelGroupElement.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getResizeHandleElement.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getResizeHandleElementIndex.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getResizeHandleElementsForGroup.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/dom/getResizeHandlePanelIds.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/rects/types.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/rects/getIntersectingRectangle.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/utils/rects/intersects.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/declarations/src/index.d.ts","../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/react-resizable-panels.cjs.d.mts","./src/components/ui/resizable.tsx","../../node_modules/.pnpm/@radix-ui+react-scroll-area@1.2.10_@types+react-dom@19.2.3_@types+react@19.2.14__@types_09f9b637bd6a4b10b94167c58c52d7bf/node_modules/@radix-ui/react-scroll-area/dist/index.d.mts","./src/components/ui/scroll-area.tsx","../../node_modules/.pnpm/@radix-ui+react-select@2.2.6_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_1efa2f1d2a9a98ca996d4eb7d69d540a/node_modules/@radix-ui/react-select/dist/index.d.mts","./src/components/ui/select.tsx","./src/components/ui/sheet.tsx","./src/hooks/use-mobile.tsx","./src/components/ui/skeleton.tsx","./src/components/ui/sidebar.tsx","../../node_modules/.pnpm/@radix-ui+react-slider@1.3.6_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_a594c5f18a300246d2ae10f8f48f00c3/node_modules/@radix-ui/react-slider/dist/index.d.mts","./src/components/ui/slider.tsx","../../node_modules/.pnpm/next-themes@0.4.6_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next-themes/dist/index.d.ts","../../node_modules/.pnpm/sonner@2.0.7_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/sonner/dist/index.d.mts","./src/components/ui/sonner.tsx","./src/components/ui/spinner.tsx","../../node_modules/.pnpm/@radix-ui+react-switch@1.2.6_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_dba81b3e1544b6029c727b2cf8d015e1/node_modules/@radix-ui/react-switch/dist/index.d.mts","./src/components/ui/switch.tsx","./src/components/ui/table.tsx","../../node_modules/.pnpm/@radix-ui+react-tabs@1.1.13_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@_2c68d2459518dd69315c4ccdc1caf433/node_modules/@radix-ui/react-tabs/dist/index.d.mts","./src/components/ui/tabs.tsx","../../node_modules/.pnpm/@radix-ui+react-toggle@1.1.10_@types+react-dom@19.2.3_@types+react@19.2.14__@types+reac_90d1ac9845c0df5f7c4bdca6065023ff/node_modules/@radix-ui/react-toggle/dist/index.d.mts","../../node_modules/.pnpm/@radix-ui+react-toggle-group@1.1.11_@types+react-dom@19.2.3_@types+react@19.2.14__@type_78ac2b7e2597ad3f1fc3dca51c937fb9/node_modules/@radix-ui/react-toggle-group/dist/index.d.mts","./src/components/ui/toggle.tsx","./src/components/ui/toggle-group.tsx","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/compatibility/iterators.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/globals.typedarray.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/buffer.buffer.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/globals.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/abortcontroller.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/blob.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/console.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/crypto.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/domexception.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/encoding.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/events.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/utility.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/header.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/readable.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/fetch.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/formdata.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/connector.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/client-stats.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/client.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/errors.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/dispatcher.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/global-dispatcher.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/global-origin.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/pool-stats.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/pool.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/handlers.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/balanced-pool.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/round-robin-pool.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/h2c-client.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/agent.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/mock-interceptor.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/mock-call-history.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/mock-agent.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/mock-client.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/mock-pool.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/snapshot-agent.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/mock-errors.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/proxy-agent.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/env-http-proxy-agent.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/retry-handler.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/retry-agent.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/api.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/cache-interceptor.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/interceptors.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/util.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/cookies.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/patch.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/websocket.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/eventsource.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/diagnostics-channel.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/content-type.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/cache.d.ts","../../node_modules/.pnpm/undici-types@7.19.2/node_modules/undici-types/index.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/fetch.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/importmeta.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/messaging.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/navigator.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/performance.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/storage.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/streams.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/timers.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/web-globals/url.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/assert.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/assert/strict.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/async_hooks.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/buffer.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/child_process.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/cluster.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/console.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/constants.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/crypto.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/dgram.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/diagnostics_channel.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/dns.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/dns/promises.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/domain.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/events.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/fs.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/fs/promises.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/http.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/http2.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/https.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/inspector.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/inspector.generated.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/inspector/promises.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/module.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/net.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/os.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/path.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/path/posix.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/path/win32.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/perf_hooks.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/process.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/punycode.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/querystring.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/quic.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/readline.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/readline/promises.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/repl.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/sea.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/sqlite.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/stream.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/stream/consumers.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/stream/promises.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/stream/web.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/string_decoder.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/test.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/test/reporters.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/timers.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/timers/promises.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/tls.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/trace_events.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/tty.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/url.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/util.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/util/types.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/v8.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/vm.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/wasi.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/worker_threads.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/zlib.d.ts","../../node_modules/.pnpm/@types+node@25.6.2/node_modules/@types/node/index.d.ts","../../node_modules/.pnpm/vite@7.3.3_@types+node@25.6.2_jiti@2.7.0_lightningcss@1.32.0_tsx@4.21.0_yaml@2.8.4/node_modules/vite/types/hmrPayload.d.ts","../../node_modules/.pnpm/vite@7.3.3_@types+node@25.6.2_jiti@2.7.0_lightningcss@1.32.0_tsx@4.21.0_yaml@2.8.4/node_modules/vite/types/customEvent.d.ts","../../node_modules/.pnpm/vite@7.3.3_@types+node@25.6.2_jiti@2.7.0_lightningcss@1.32.0_tsx@4.21.0_yaml@2.8.4/node_modules/vite/types/hot.d.ts","../../node_modules/.pnpm/vite@7.3.3_@types+node@25.6.2_jiti@2.7.0_lightningcss@1.32.0_tsx@4.21.0_yaml@2.8.4/node_modules/vite/types/importGlob.d.ts","../../node_modules/.pnpm/vite@7.3.3_@types+node@25.6.2_jiti@2.7.0_lightningcss@1.32.0_tsx@4.21.0_yaml@2.8.4/node_modules/vite/types/importMeta.d.ts","../../node_modules/.pnpm/vite@7.3.3_@types+node@25.6.2_jiti@2.7.0_lightningcss@1.32.0_tsx@4.21.0_yaml@2.8.4/node_modules/vite/client.d.ts"],"fileIdsList":[[90,95,108,114,115,117,124,125,126,127,128,129,130,131,132,133,135,136,137,138,139,140,828,891,899,903,906,908,909,910,922],[90,115,828,891,899,903,906,908,909,910,922],[85,90,103,115,121,828,891,899,903,906,908,909,910,922],[85,103,105,145,828,891,899,903,906,908,909,910,922],[85,105,149,151,828,891,899,903,906,908,909,910,922],[85,102,105,828,891,899,903,906,908,909,910,922],[155,828,891,899,903,906,908,909,910,922],[85,105,158,828,891,899,903,906,908,909,910,922],[85,103,105,150,828,891,899,903,906,908,909,910,922],[102,105,150,163,828,891,899,903,906,908,909,910,922],[85,102,105,150,828,891,899,903,906,908,909,910,922],[85,103,105,151,598,828,891,899,903,906,908,909,910,922],[85,105,828,891,899,903,906,908,909,910,922],[85,103,105,151,635,828,891,899,903,906,908,909,910,922],[85,105,706,828,891,899,903,906,908,909,910,922],[85,103,105,708,828,891,899,903,906,908,909,910,922],[144,828,891,899,903,906,908,909,910,922],[85,103,105,148,711,712,828,891,899,903,906,908,909,910,922],[85,103,105,716,828,891,899,903,906,908,909,910,922],[85,103,105,148,828,891,899,903,906,908,909,910,922],[85,105,718,828,891,899,903,906,908,909,910,922],[85,103,105,720,828,891,899,903,906,908,909,910,922],[102,105,828,891,899,903,906,908,909,910,922],[85,102,105,163,724,828,891,899,903,906,908,909,910,922],[85,105,150,723,724,758,828,891,899,903,906,908,909,910,922],[85,105,760,828,891,899,903,906,908,909,910,922],[85,102,105,151,762,763,828,891,899,903,906,908,909,910,922],[85,103,105,765,828,891,899,903,906,908,909,910,922],[85,102,105,150,163,828,891,899,903,906,908,909,910,922],[105,828,891,899,903,906,908,909,910,922],[85,102,105,723,828,891,899,903,906,908,909,910,922],[85,103,105,769,828,891,899,903,906,908,909,910,922],[85,102,103,105,772,828,891,899,903,906,908,909,910,922],[85,103,105,151,828,891,899,903,906,908,909,910,922],[85,105,775,828,891,899,903,906,908,909,910,922],[85,105,777,828,891,899,903,906,908,909,910,922],[85,103,105,779,828,891,899,903,906,908,909,910,922],[103,105,801,828,891,899,903,906,908,909,910,922],[85,105,803,828,891,899,903,906,908,909,910,922],[85,103,105,805,828,891,899,903,906,908,909,910,922],[85,105,162,828,891,899,903,906,908,909,910,922],[85,102,103,105,148,828,891,899,903,906,908,909,910,922],[85,102,103,105,114,150,151,163,762,807,808,809,828,891,899,903,906,908,909,910,922],[85,105,811,828,891,899,903,906,908,909,910,922],[813,814,828,891,899,903,906,908,909,910,922],[103,105,828,891,899,903,906,908,909,910,922],[85,105,817,828,891,899,903,906,908,909,910,922],[85,105,820,828,891,899,903,906,908,909,910,922],[85,99,102,103,105,828,891,899,903,906,908,909,910,922],[106,107,828,891,899,903,906,908,909,910,922],[85,102,105,823,824,828,891,899,903,906,908,909,910,922],[85,102,105,822,828,891,899,903,906,908,909,910,922],[85,105,113,828,891,899,903,906,908,909,910,922],[85,828,891,899,903,906,908,909,910,922],[828,891,899,903,906,908,909,910,922,953],[85,106,828,891,899,903,906,908,909,910,922],[100,104,828,891,899,903,906,908,909,910,922],[141,142,828,891,899,903,906,908,909,910,922,953],[103,115,121,122,123,828,891,899,903,906,908,909,910,922],[85,90,103,115,121,122,123,134,828,891,899,903,906,908,909,910,922],[90,103,115,121,122,123,828,891,899,903,906,908,909,910,922],[115,121,122,123,828,891,899,903,906,908,909,910,922],[85,115,121,122,123,828,891,899,903,906,908,909,910,922,953],[103,116,828,891,899,903,906,908,909,910,922],[90,103,115,121,122,123,828,891,899,903,906,908,909,910,922,953],[828,891,899,903,906,908,909,910,922],[165,828,891,899,903,906,908,909,910,922],[166,828,891,899,903,906,908,909,910,922],[165,166,167,168,169,170,171,828,891,899,903,906,908,909,910,922],[85,96,97,144,828,891,899,903,906,908,909,910,922],[85,96,148,828,891,899,903,906,908,909,910,922],[85,97,828,891,899,903,906,908,909,910,922],[85,154,828,891,899,903,906,908,909,910,922],[85,154,157,828,891,899,903,906,908,909,910,922],[85,93,96,97,828,891,899,903,906,908,909,910,922],[85,96,97,828,891,899,903,906,908,909,910,922],[85,96,97,715,828,891,899,903,906,908,909,910,922],[85,96,97,98,112,147,828,891,899,903,906,908,909,910,922],[85,96,97,98,111,112,828,891,899,903,906,908,909,910,922],[85,96,97,98,111,112,147,714,828,891,899,903,906,908,909,910,922],[85,93,96,97,714,715,828,891,899,903,906,908,909,910,922],[85,96,97,98,771,828,891,899,903,906,908,909,910,922],[85,96,97,98,111,112,147,828,891,899,903,906,908,909,910,922],[85,96,97,109,110,828,891,899,903,906,908,909,910,922],[85,96,97,714,828,891,899,903,906,908,909,910,922],[85,96,97,98,828,891,899,903,906,908,909,910,922],[85,96,97,714,822,828,891,899,903,906,908,909,910,922],[91,828,891,899,903,906,908,909,910,922],[85,92,93,828,891,899,903,906,908,909,910,922],[94,828,891,899,903,906,908,909,910,922],[639,828,891,899,903,906,908,909,910,922],[657,828,891,899,903,906,908,909,910,922],[828,888,889,891,899,903,906,908,909,910,922],[828,890,891,899,903,906,908,909,910,922],[891,899,903,906,908,909,910,922],[828,891,899,903,906,908,909,910,922,930],[828,891,892,897,899,902,903,906,908,909,910,912,922,927,939],[828,891,892,893,899,902,903,906,908,909,910,922],[828,891,894,899,903,906,908,909,910,922,940],[828,891,895,896,899,903,906,908,909,910,913,922],[828,891,896,899,903,906,908,909,910,922,927,936],[828,891,897,899,902,903,906,908,909,910,912,922],[828,890,891,898,899,903,906,908,909,910,922],[828,891,899,900,903,906,908,909,910,922],[828,891,899,901,902,903,906,908,909,910,922],[828,890,891,899,902,903,906,908,909,910,922],[828,891,899,902,903,904,906,908,909,910,922,927,939],[828,891,899,902,903,904,906,908,909,910,922,927,930],[828,878,891,899,902,903,905,906,908,909,910,912,922,927,939],[828,891,899,902,903,905,906,908,909,910,912,922,927,936,939],[828,891,899,903,905,906,907,908,909,910,922,927,936,939],[826,827,828,829,830,831,832,833,834,835,836,879,880,881,882,883,884,885,886,887,888,889,890,891,892,893,894,895,896,897,898,899,900,901,902,903,904,905,906,907,908,909,910,911,912,913,914,915,916,917,918,919,920,921,922,923,924,925,926,927,928,929,930,931,932,933,934,935,936,937,938,939,940,941,942,943,944,945,946],[828,891,899,902,903,906,908,909,910,922],[828,891,899,903,906,908,910,922],[828,891,899,903,906,908,909,910,911,922,939],[828,891,899,902,903,906,908,909,910,912,922,927],[828,891,899,903,906,908,909,910,913,922],[828,891,899,903,906,908,909,910,914,922],[828,891,899,902,903,906,908,909,910,917,922],[828,888,889,890,891,892,893,894,895,896,897,898,899,900,901,902,903,904,905,906,907,908,909,910,911,912,913,914,915,916,917,918,919,920,921,922,923,924,925,926,927,928,929,930,931,932,933,934,935,936,937,938,939,940,941,942,943,944,945,946],[828,891,899,903,906,908,909,910,919,922],[828,891,899,903,906,908,909,910,920,922],[828,891,896,899,903,906,908,909,910,912,922,930],[828,891,899,902,903,906,908,909,910,922,923],[828,891,899,903,906,908,909,910,922,924,940,943],[828,891,899,902,903,906,908,909,910,922,927,929,930],[828,891,899,903,906,908,909,910,922,928,930],[828,891,899,903,906,908,909,910,922,930,940],[828,891,899,903,906,908,909,910,922,931],[828,888,891,899,903,906,908,909,910,922,927,933,939],[828,891,899,903,906,908,909,910,922,927,932],[828,891,899,902,903,906,908,909,910,922,934,935],[828,891,899,903,906,908,909,910,922,934,935],[828,891,896,899,903,906,908,909,910,912,922,927,936],[828,891,899,903,906,908,909,910,922,937],[828,891,899,903,906,908,909,910,912,922,938],[828,891,899,903,905,906,908,909,910,920,922,939],[828,891,899,903,906,908,909,910,922,940,941],[828,891,896,899,903,906,908,909,910,922,941],[828,891,899,903,906,908,909,910,922,927,942],[828,891,899,903,906,908,909,910,911,922,943],[828,891,899,903,906,908,909,910,922,944],[828,891,894,899,903,906,908,909,910,922],[828,891,896,899,903,906,908,909,910,922],[828,891,899,903,906,908,909,910,922,940],[828,878,891,899,903,906,908,909,910,922],[828,891,899,903,906,908,909,910,922,939],[828,891,899,903,906,908,909,910,922,945],[828,891,899,903,906,908,909,910,917,922],[828,891,899,903,906,908,909,910,922,935],[828,878,891,899,902,903,904,906,908,909,910,917,922,927,930,939,942,943,945],[828,891,899,903,906,908,909,910,922,927,946],[83,84,828,891,899,903,906,908,909,910,922],[100,101,828,891,899,903,906,908,909,910,922],[100,828,891,899,903,906,908,909,910,922],[85,148,828,891,899,903,906,908,909,910,922],[176,828,891,899,903,906,908,909,910,922],[174,176,828,891,899,903,906,908,909,910,922],[174,828,891,899,903,906,908,909,910,922],[176,240,241,828,891,899,903,906,908,909,910,922],[176,243,828,891,899,903,906,908,909,910,922],[176,244,828,891,899,903,906,908,909,910,922],[261,828,891,899,903,906,908,909,910,922],[176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357,362,363,364,365,366,367,368,369,370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,419,420,421,422,423,424,425,426,427,428,429,828,891,899,903,906,908,909,910,922],[176,337,828,891,899,903,906,908,909,910,922],[174,431,432,433,434,435,436,437,438,439,440,441,442,443,444,445,446,447,448,449,450,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476,477,478,479,480,481,482,483,484,485,486,487,488,489,490,491,492,493,494,495,496,497,498,499,500,501,502,503,504,505,506,507,508,509,510,511,512,513,514,515,516,517,518,519,520,521,522,523,524,525,828,891,899,903,906,908,909,910,922],[176,241,361,828,891,899,903,906,908,909,910,922],[174,358,359,828,891,899,903,906,908,909,910,922],[176,358,828,891,899,903,906,908,909,910,922],[360,828,891,899,903,906,908,909,910,922],[173,174,175,828,891,899,903,906,908,909,910,922],[633,828,891,899,903,906,908,909,910,922],[634,828,891,899,903,906,908,909,910,922],[607,627,828,891,899,903,906,908,909,910,922],[601,828,891,899,903,906,908,909,910,922],[602,606,607,608,609,610,612,614,615,620,621,630,828,891,899,903,906,908,909,910,922],[602,607,828,891,899,903,906,908,909,910,922],[610,627,629,632,828,891,899,903,906,908,909,910,922],[601,602,603,604,607,608,609,610,611,612,613,614,615,616,617,618,619,620,621,622,623,624,625,626,631,632,828,891,899,903,906,908,909,910,922],[630,828,891,899,903,906,908,909,910,922],[600,602,603,605,613,622,625,626,631,828,891,899,903,906,908,909,910,922],[607,632,828,891,899,903,906,908,909,910,922],[628,630,632,828,891,899,903,906,908,909,910,922],[601,602,607,610,630,828,891,899,903,906,908,909,910,922],[614,828,891,899,903,906,908,909,910,922],[604,612,614,615,828,891,899,903,906,908,909,910,922],[604,828,891,899,903,906,908,909,910,922],[604,614,828,891,899,903,906,908,909,910,922],[608,609,610,614,615,620,828,891,899,903,906,908,909,910,922],[610,611,615,619,621,630,828,891,899,903,906,908,909,910,922],[602,614,623,828,891,899,903,906,908,909,910,922],[603,604,605,828,891,899,903,906,908,909,910,922],[610,630,828,891,899,903,906,908,909,910,922],[610,828,891,899,903,906,908,909,910,922],[601,602,828,891,899,903,906,908,909,910,922],[602,828,891,899,903,906,908,909,910,922],[606,828,891,899,903,906,908,909,910,922],[610,615,627,628,629,630,632,828,891,899,903,906,908,909,910,922],[85,119,828,891,899,903,906,908,909,910,922],[85,93,118,119,120,828,891,899,903,906,908,909,910,922],[118,828,891,899,903,906,908,909,910,922],[85,551,828,891,899,903,906,908,909,910,922],[584,828,891,899,903,906,908,909,910,922],[545,828,891,899,903,906,908,909,910,922],[585,828,891,899,903,906,908,909,910,922],[430,526,582,583,828,891,899,903,906,908,909,910,922],[545,546,584,585,828,891,899,903,906,908,909,910,922],[85,551,586,828,891,899,903,906,908,909,910,922],[85,546,828,891,899,903,906,908,909,910,922],[85,586,828,891,899,903,906,908,909,910,922],[85,554,828,891,899,903,906,908,909,910,922],[527,528,529,530,531,552,553,554,555,556,557,558,559,560,561,562,563,564,565,566,567,568,569,570,571,572,828,891,899,903,906,908,909,910,922],[574,575,576,577,578,579,580,828,891,899,903,906,908,909,910,922],[551,828,891,899,903,906,908,909,910,922],[588,828,891,899,903,906,908,909,910,922],[172,543,544,549,551,573,581,586,587,589,597,828,891,899,903,906,908,909,910,922],[532,533,534,535,536,537,538,539,540,541,542,828,891,899,903,906,908,909,910,922],[551,584,828,891,899,903,906,908,909,910,922],[530,531,543,544,547,549,582,828,891,899,903,906,908,909,910,922],[547,548,550,582,828,891,899,903,906,908,909,910,922],[85,544,582,584,828,891,899,903,906,908,909,910,922],[547,582,828,891,899,903,906,908,909,910,922],[85,543,544,573,581,828,891,899,903,906,908,909,910,922],[85,546,547,548,582,585,828,891,899,903,906,908,909,910,922],[590,591,592,593,594,595,596,828,891,899,903,906,908,909,910,922],[85,741,828,891,899,903,906,908,909,910,922],[741,742,743,744,747,748,749,750,751,752,753,756,757,828,891,899,903,906,908,909,910,922],[741,828,891,899,903,906,908,909,910,922],[745,746,828,891,899,903,906,908,909,910,922],[85,738,741,828,891,899,903,906,908,909,910,922],[735,736,738,828,891,899,903,906,908,909,910,922],[731,734,736,738,828,891,899,903,906,908,909,910,922],[735,738,828,891,899,903,906,908,909,910,922],[85,726,727,728,731,732,733,735,736,737,738,828,891,899,903,906,908,909,910,922],[728,731,732,733,734,735,736,737,738,739,740,828,891,899,903,906,908,909,910,922],[735,828,891,899,903,906,908,909,910,922],[729,735,736,828,891,899,903,906,908,909,910,922],[729,730,828,891,899,903,906,908,909,910,922],[734,736,737,828,891,899,903,906,908,909,910,922],[734,828,891,899,903,906,908,909,910,922],[726,731,734,736,737,828,891,899,903,906,908,909,910,922],[85,731,734,735,736,828,891,899,903,906,908,909,910,922],[754,755,828,891,899,903,906,908,909,910,922],[85,782,828,891,899,903,906,908,909,910,922],[85,784,828,891,899,903,906,908,909,910,922],[782,828,891,899,903,906,908,909,910,922],[781,783,784,785,786,787,788,789,790,791,792,793,794,795,796,798,799,828,891,899,903,906,908,909,910,922],[781,828,891,899,903,906,908,909,910,922],[797,828,891,899,903,906,908,909,910,922],[800,828,891,899,903,906,908,909,910,922],[85,642,643,644,660,663,828,891,899,903,906,908,909,910,922],[85,642,643,644,653,661,681,828,891,899,903,906,908,909,910,922],[85,641,644,828,891,899,903,906,908,909,910,922],[85,644,828,891,899,903,906,908,909,910,922],[85,642,643,644,828,891,899,903,906,908,909,910,922],[85,642,643,644,679,682,685,828,891,899,903,906,908,909,910,922],[85,642,643,644,653,660,663,828,891,899,903,906,908,909,910,922],[85,642,643,644,653,661,673,828,891,899,903,906,908,909,910,922],[85,642,643,644,653,663,673,828,891,899,903,906,908,909,910,922],[85,642,643,644,653,673,828,891,899,903,906,908,909,910,922],[85,642,643,644,648,654,660,665,683,684,828,891,899,903,906,908,909,910,922],[644,828,891,899,903,906,908,909,910,922],[85,644,688,689,690,828,891,899,903,906,908,909,910,922],[85,644,661,828,891,899,903,906,908,909,910,922],[85,644,687,688,689,828,891,899,903,906,908,909,910,922],[85,644,687,828,891,899,903,906,908,909,910,922],[85,644,653,828,891,899,903,906,908,909,910,922],[85,644,645,646,828,891,899,903,906,908,909,910,922],[85,644,646,648,828,891,899,903,906,908,909,910,922],[637,638,642,643,644,645,647,648,649,650,651,652,653,654,655,656,660,661,662,663,664,665,666,667,668,669,670,671,672,674,675,676,677,678,679,680,682,683,684,685,691,692,693,694,695,696,697,698,699,700,701,702,703,704,705,828,891,899,903,906,908,909,910,922],[85,644,702,828,891,899,903,906,908,909,910,922],[85,644,656,828,891,899,903,906,908,909,910,922],[85,644,663,667,668,828,891,899,903,906,908,909,910,922],[85,644,654,656,828,891,899,903,906,908,909,910,922],[85,644,659,828,891,899,903,906,908,909,910,922],[85,644,682,828,891,899,903,906,908,909,910,922],[85,644,659,686,828,891,899,903,906,908,909,910,922],[85,647,687,828,891,899,903,906,908,909,910,922],[85,641,642,643,828,891,899,903,906,908,909,910,922],[828,843,846,849,850,891,899,903,906,908,909,910,922,939],[828,846,891,899,903,906,908,909,910,922,927,939],[828,846,850,891,899,903,906,908,909,910,922,939],[828,891,899,903,906,908,909,910,922,927],[828,840,891,899,903,906,908,909,910,922],[828,844,891,899,903,906,908,909,910,922],[828,842,843,846,891,899,903,906,908,909,910,922,939],[828,891,899,903,906,908,909,910,912,922,936],[828,891,899,903,906,908,909,910,922,947],[828,840,891,899,903,906,908,909,910,922,947],[828,842,846,891,899,903,906,908,909,910,912,922,939],[828,837,838,839,841,845,891,899,902,903,906,908,909,910,922,927,939],[828,846,855,863,891,899,903,906,908,909,910,922],[828,838,844,891,899,903,906,908,909,910,922],[828,846,872,873,891,899,903,906,908,909,910,922],[828,838,841,846,891,899,903,906,908,909,910,922,930,939,947],[828,846,891,899,903,906,908,909,910,922],[828,842,846,891,899,903,906,908,909,910,922,939],[828,837,891,899,903,906,908,909,910,922],[828,840,841,842,844,845,846,847,848,850,851,852,853,854,855,856,857,858,859,860,861,862,863,864,865,866,867,868,869,870,871,873,874,875,876,877,891,899,903,906,908,909,910,922],[828,846,865,868,891,899,903,906,908,909,910,922],[828,846,855,856,857,891,899,903,906,908,909,910,922],[828,844,846,856,858,891,899,903,906,908,909,910,922],[828,845,891,899,903,906,908,909,910,922],[828,838,840,846,891,899,903,906,908,909,910,922],[828,846,850,856,858,891,899,903,906,908,909,910,922],[828,850,891,899,903,906,908,909,910,922],[828,844,846,849,891,899,903,906,908,909,910,922,939],[828,838,842,846,855,891,899,903,906,908,909,910,922],[828,846,865,891,899,903,906,908,909,910,922],[828,858,891,899,903,906,908,909,910,922],[828,840,846,872,891,899,903,906,908,909,910,922,930,945,947],[640,828,891,899,903,906,908,909,910,922],[658,828,891,899,903,906,908,909,910,922],[828,891,899,903,906,908,909,910,922,952],[828,891,899,903,906,908,909,910,922,948],[828,891,899,903,906,908,909,910,922,949],[828,891,899,903,906,908,909,910,922,950,951],[85,86,87,88,89,828,891,899,903,906,908,909,910,922],[86,828,891,899,903,906,908,909,910,922]],"fileInfos":[{"version":"c430d44666289dae81f30fa7b2edebf186ecc91a2d4c71266ea6ae76388792e1","affectsGlobalScope":true,"impliedFormat":1},{"version":"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","impliedFormat":1},{"version":"3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","impliedFormat":1},{"version":"e44bb8bbac7f10ecc786703fe0a6a4b952189f908707980ba8f3c8975a760962","impliedFormat":1},{"version":"5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","impliedFormat":1},{"version":"68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","impliedFormat":1},{"version":"5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","impliedFormat":1},{"version":"feecb1be483ed332fad555aff858affd90a48ab19ba7272ee084704eb7167569","impliedFormat":1},{"version":"ee7bad0c15b58988daa84371e0b89d313b762ab83cb5b31b8a2d1162e8eb41c2","impliedFormat":1},{"version":"27bdc30a0e32783366a5abeda841bc22757c1797de8681bbe81fbc735eeb1c10","impliedFormat":1},{"version":"8fd575e12870e9944c7e1d62e1f5a73fcf23dd8d3a321f2a2c74c20d022283fe","impliedFormat":1},{"version":"2ab096661c711e4a81cc464fa1e6feb929a54f5340b46b0a07ac6bbf857471f0","impliedFormat":1},{"version":"080941d9f9ff9307f7e27a83bcd888b7c8270716c39af943532438932ec1d0b9","affectsGlobalScope":true,"impliedFormat":1},{"version":"2e80ee7a49e8ac312cc11b77f1475804bee36b3b2bc896bead8b6e1266befb43","affectsGlobalScope":true,"impliedFormat":1},{"version":"c57796738e7f83dbc4b8e65132f11a377649c00dd3eee333f672b8f0a6bea671","affectsGlobalScope":true,"impliedFormat":1},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true,"impliedFormat":1},{"version":"515d0b7b9bea2e31ea4ec968e9edd2c39d3eebf4a2d5cbd04e88639819ae3b71","affectsGlobalScope":true,"impliedFormat":1},{"version":"0559b1f683ac7505ae451f9a96ce4c3c92bdc71411651ca6ddb0e88baaaad6a3","affectsGlobalScope":true,"impliedFormat":1},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true,"impliedFormat":1},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true,"impliedFormat":1},{"version":"fb0f136d372979348d59b3f5020b4cdb81b5504192b1cacff5d1fbba29378aa1","affectsGlobalScope":true,"impliedFormat":1},{"version":"d15bea3d62cbbdb9797079416b8ac375ae99162a7fba5de2c6c505446486ac0a","affectsGlobalScope":true,"impliedFormat":1},{"version":"68d18b664c9d32a7336a70235958b8997ebc1c3b8505f4f1ae2b7e7753b87618","affectsGlobalScope":true,"impliedFormat":1},{"version":"eb3d66c8327153d8fa7dd03f9c58d351107fe824c79e9b56b462935176cdf12a","affectsGlobalScope":true,"impliedFormat":1},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true,"impliedFormat":1},{"version":"69ab18c3b76cd9b1be3d188eaf8bba06112ebbe2f47f6c322b5105a6fbc45a2e","affectsGlobalScope":true,"impliedFormat":1},{"version":"a680117f487a4d2f30ea46f1b4b7f58bef1480456e18ba53ee85c2746eeca012","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true,"impliedFormat":1},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"954296b30da6d508a104a3a0b5d96b76495c709785c1d11610908e63481ee667","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac9538681b19688c8eae65811b329d3744af679e0bdfa5d842d0e32524c73e1c","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a969edff4bd52585473d24995c5ef223f6652d6ef46193309b3921d65dd4376","affectsGlobalScope":true,"impliedFormat":1},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true,"impliedFormat":1},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true,"impliedFormat":1},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true,"impliedFormat":1},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true,"impliedFormat":1},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true,"impliedFormat":1},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"d6d7ae4d1f1f3772e2a3cde568ed08991a8ae34a080ff1151af28b7f798e22ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true,"impliedFormat":1},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true,"impliedFormat":1},{"version":"52ada8e0b6e0482b728070b7639ee42e83a9b1c22d205992756fe020fd9f4a47","affectsGlobalScope":true,"impliedFormat":1},{"version":"3bdefe1bfd4d6dee0e26f928f93ccc128f1b64d5d501ff4a8cf3c6371200e5e6","affectsGlobalScope":true,"impliedFormat":1},{"version":"59fb2c069260b4ba00b5643b907ef5d5341b167e7d1dbf58dfd895658bda2867","affectsGlobalScope":true,"impliedFormat":1},{"version":"639e512c0dfc3fad96a84caad71b8834d66329a1f28dc95e3946c9b58176c73a","affectsGlobalScope":true,"impliedFormat":1},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true,"impliedFormat":1},{"version":"af3dd424cf267428f30ccfc376f47a2c0114546b55c44d8c0f1d57d841e28d74","affectsGlobalScope":true,"impliedFormat":1},{"version":"995c005ab91a498455ea8dfb63aa9f83fa2ea793c3d8aa344be4a1678d06d399","affectsGlobalScope":true,"impliedFormat":1},{"version":"959d36cddf5e7d572a65045b876f2956c973a586da58e5d26cde519184fd9b8a","affectsGlobalScope":true,"impliedFormat":1},{"version":"965f36eae237dd74e6cca203a43e9ca801ce38824ead814728a2807b1910117d","affectsGlobalScope":true,"impliedFormat":1},{"version":"3925a6c820dcb1a06506c90b1577db1fdbf7705d65b62b99dce4be75c637e26b","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a3d63ef2b853447ec4f749d3f368ce642264246e02911fcb1590d8c161b8005","affectsGlobalScope":true,"impliedFormat":1},{"version":"8cdf8847677ac7d20486e54dd3fcf09eda95812ac8ace44b4418da1bbbab6eb8","affectsGlobalScope":true,"impliedFormat":1},{"version":"8444af78980e3b20b49324f4a16ba35024fef3ee069a0eb67616ea6ca821c47a","affectsGlobalScope":true,"impliedFormat":1},{"version":"3287d9d085fbd618c3971944b65b4be57859f5415f495b33a6adc994edd2f004","affectsGlobalScope":true,"impliedFormat":1},{"version":"b4b67b1a91182421f5df999988c690f14d813b9850b40acd06ed44691f6727ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"df83c2a6c73228b625b0beb6669c7ee2a09c914637e2d35170723ad49c0f5cd4","affectsGlobalScope":true,"impliedFormat":1},{"version":"436aaf437562f276ec2ddbee2f2cdedac7664c1e4c1d2c36839ddd582eeb3d0a","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e3c06ea092138bf9fa5e874a1fdbc9d54805d074bee1de31b99a11e2fec239d","affectsGlobalScope":true,"impliedFormat":1},{"version":"87dc0f382502f5bbce5129bdc0aea21e19a3abbc19259e0b43ae038a9fc4e326","affectsGlobalScope":true,"impliedFormat":1},{"version":"b1cb28af0c891c8c96b2d6b7be76bd394fddcfdb4709a20ba05a7c1605eea0f9","affectsGlobalScope":true,"impliedFormat":1},{"version":"2fef54945a13095fdb9b84f705f2b5994597640c46afeb2ce78352fab4cb3279","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac77cb3e8c6d3565793eb90a8373ee8033146315a3dbead3bde8db5eaf5e5ec6","affectsGlobalScope":true,"impliedFormat":1},{"version":"56e4ed5aab5f5920980066a9409bfaf53e6d21d3f8d020c17e4de584d29600ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ece9f17b3866cc077099c73f4983bddbcb1dc7ddb943227f1ec070f529dedd1","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a6282c8827e4b9a95f4bf4f5c205673ada31b982f50572d27103df8ceb8013c","affectsGlobalScope":true,"impliedFormat":1},{"version":"1c9319a09485199c1f7b0498f2988d6d2249793ef67edda49d1e584746be9032","affectsGlobalScope":true,"impliedFormat":1},{"version":"e3a2a0cee0f03ffdde24d89660eba2685bfbdeae955a6c67e8c4c9fd28928eeb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811c71eee4aa0ac5f7adf713323a5c41b0cf6c4e17367a34fbce379e12bbf0a4","affectsGlobalScope":true,"impliedFormat":1},{"version":"51ad4c928303041605b4d7ae32e0c1ee387d43a24cd6f1ebf4a2699e1076d4fa","affectsGlobalScope":true,"impliedFormat":1},{"version":"60037901da1a425516449b9a20073aa03386cce92f7a1fd902d7602be3a7c2e9","affectsGlobalScope":true,"impliedFormat":1},{"version":"d4b1d2c51d058fc21ec2629fff7a76249dec2e36e12960ea056e3ef89174080f","affectsGlobalScope":true,"impliedFormat":1},{"version":"22adec94ef7047a6c9d1af3cb96be87a335908bf9ef386ae9fd50eeb37f44c47","affectsGlobalScope":true,"impliedFormat":1},{"version":"196cb558a13d4533a5163286f30b0509ce0210e4b316c56c38d4c0fd2fb38405","affectsGlobalScope":true,"impliedFormat":1},{"version":"73f78680d4c08509933daf80947902f6ff41b6230f94dd002ae372620adb0f60","affectsGlobalScope":true,"impliedFormat":1},{"version":"c5239f5c01bcfa9cd32f37c496cf19c61d69d37e48be9de612b541aac915805b","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e7f8264d0fb4c5339605a15daadb037bf238c10b654bb3eee14208f860a32ea","affectsGlobalScope":true,"impliedFormat":1},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true,"impliedFormat":1},{"version":"7e29f41b158de217f94cb9676bf9cbd0cd9b5a46e1985141ed36e075c52bf6ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac51dd7d31333793807a6abaa5ae168512b6131bd41d9c5b98477fc3b7800f9f","impliedFormat":1},{"version":"dc0a7f107690ee5cd8afc8dbf05c4df78085471ce16bdd9881642ec738bc81fe","impliedFormat":1},{"version":"0e033a8caa16cb17497b7ab1de20ad1c2de6d7afdc4a4e5b76bc63376e68a785","impliedFormat":99},{"version":"c632fb990aaf6a147d1357047814e2c803d0a3d561263ea4c18aa11c6240cc24","impliedFormat":99},{"version":"0a16432fbc1385813ff66fcb9989ab49c90ad3ad6ada31edc4502e9026f1d2c4","impliedFormat":99},{"version":"7bf07341d24034cb6c5b7bedb74b97f39ac74e9e1c95ffc8e879ec841caae18b","impliedFormat":1},{"version":"bbfc1294bc47bcae4210ef7bcc16e122555f27b2b468242583eba390fd524bca","impliedFormat":99},{"version":"5f1a16cce7b79b724102f3b562c5795f38cf4f9541c761d689e12ce450fcb19a","impliedFormat":99},{"version":"e004826eac62081f867c66dabd92d3ef7d126d93a70430a2c88429228c3ecc50","impliedFormat":99},{"version":"42c169fb8c2d42f4f668c624a9a11e719d5d07dacbebb63cbcf7ef365b0a75b3","impliedFormat":1},{"version":"38d6857b58d2ac42442e396311c542062d4f0dad40f2adb496dd5fd0756ee400","impliedFormat":99},{"version":"34b7d1e2d15845cf08bcf5e3c01adbb92cea1ec27564ee249ba486cdfb28526c","impliedFormat":99},{"version":"a9373d52584b48809ffd61d74f5b3dfd127da846e3c4ee3c415560386df3994b","impliedFormat":99},{"version":"caf4af98bf464ad3e10c46cf7d340556f89197aab0f87f032c7b84eb8ddb24d9","impliedFormat":99},{"version":"7ec047b73f621c526468517fea779fec2007dd05baa880989def59126c98ef79","impliedFormat":99},{"version":"c5013d60cbff572255ccc87c314c39e198c8cc6c5aa7855db7a21b79e06a510f","impliedFormat":99},{"version":"c57b441e0c0a9cbdfa7d850dae1f8a387d6f81cbffbc3cd0465d530084c2417d","impliedFormat":99},{"version":"2fbe402f0ee5aa8ab55367f88030f79d46211c0a0f342becaa9f648bf8534e9d","impliedFormat":1},{"version":"b94258ef37e67474ac5522e9c519489a55dcb3d4a8f645e335fc68ea2215fe88","impliedFormat":1},{"version":"c64547a6c44f204c95241c8bd508f78ee8821f5856956dc6c9b8f7fe98e1c101","impliedFormat":1},{"version":"8658354b90861a76abc7b3c04ece2124295c7da0cc4c4d31c2c78d8607188d03","impliedFormat":1},"7c8c3dfc0cdd370d44932828eb067ef771c8fe7996693221d5d4b90af6d54f2d","99f9f4a3e897f71d89b01c6772b2f5db51b888cecb2c8214fb2c2dbb2b3e6356","5aab0623ee24bddf9420c259a23a06996292e38ea70eccbac2715516f6d01a0b","1348f1a1f9820e2f1394b93cecc156a7e22f03636ab9270753985549aae2be74",{"version":"6b5f886fe41e2e767168e491fe6048398ed6439d44e006d9f51cc31265f08978","impliedFormat":99},{"version":"56a87e37f91f5625eb7d5f8394904f3f1e2a90fb08f347161dc94f1ae586bdd0","impliedFormat":99},{"version":"6b863463764ae572b9ada405bf77aac37b5e5089a3ab420d0862e4471051393b","impliedFormat":99},{"version":"904d6ad970b6bd825449480488a73d9b98432357ab38cf8d31ffd651ae376ff5","impliedFormat":99},{"version":"233267a4a036c64aee95f66a0d31e3e0ef048cccc57dd66f9cf87582b38691e4","impliedFormat":99},"ce6afa34fb9dae51053a863b4c3f7c6e55f3da23b00149f31a8e4402bc963be0","789d03ae4e9253541995f2681803a6f6df873245ccd9342fc3d25e47d84945fa","525c4bb2c051987be64df0e92e1d90174912b219bf541e24ffbc4a3406de49e8","718a41bd05a163d1db32480aba013f5fe754894e656b6542a8e4b302275b172e",{"version":"37c7961117708394f64361ade31a41f96cef7f2a6606300821c72438dd4abda3","impliedFormat":1},{"version":"f5a0ca672513d5a3e303b36801e4573bb17ae002da225c28c1723eeee0f97145","affectsGlobalScope":true,"impliedFormat":1},{"version":"3d9189f26f01d4e36d3fb380810ef5999992235282e3c293da77d1d8aed09d9f","impliedFormat":1},{"version":"d9bf522aa42728ab077c4675515f5c2d1b739cb37a07d2903f3a0227219fd58f","impliedFormat":1},{"version":"e3ea5d28b869074b97cae694c99bf4ca0b099c844ad69e280e2a9f40d2a13e8a","signature":"d2ead9f2fbb260f258b010c555ac15e540c95968f950332e270b6520edd7cf81"},{"version":"442a0447add7c6fc5a3dc976898d3ad498746f9ca403ea785a7cb65e8826a835","signature":"71f255c282738f3d1bd895a59df9a7270e2890169778e8e9f45032469555ffcb"},{"version":"9f0eebcb2621a140c0ee9f36fe939c631ffdafe043cbf76e0ae70742f63d3e2b","signature":"3eb972ae325aa293fdb6077cdf956f209ee6ea34b4e874ff7ec8686b3079972f"},{"version":"657450c4e3aa30f7f7db63035d67beb322850eb02f6dfbcbda0bb53ec977538d","signature":"38c61b4b2fc55a09614d2220d70689d9db1c96ec39db3b97e2f61dbb0b4cfa8c"},{"version":"0a6b0e64768cc10e10e9c393fcc10ae1ffd4aa2fc5da667a5955cb62b2221fa7","signature":"e6064c45ddb7d8245710802a7fb9ad6fa1dbbc97f5eba5624bc128de77d1ff2f"},{"version":"854f1ec87b07931c576475887827c8eefae38475532f32052b32d8e68c5790ee","signature":"54bc526ab03ad028f82cdcd433ed5a94d28d3c59b07cee8b1165c091a28ea80e"},{"version":"c2590a621f71777ac45ee46b9e744b93d49faacb4cf34ae9c036a24473a9d9f8","signature":"b2578c215a6439751bef08ecb5299e2004a2ff8d998d3a23a806c6606ac4f10a"},{"version":"4d28bb9f901455fa32b5fa8244f80020d3b12e7d35a43d666e979e8cfb045533","signature":"e0af87492f7d0fb98dc30470f798881dd614e706c3083205069675466c7021b1"},{"version":"f1ba2bb8dadb85e77427fe3c3f42ba888560d1490d40242a943a69f17afedcaf","signature":"c3dc746f5b0c069fa674d6f5f3fbb81e6c0ae38947551a954cd923db1ab9af9f"},{"version":"b32c5ac4091448c69a920d51db2167f9a6b0456c16adcb4fe7f0bc2ec0be5cc7","signature":"c772413f63bd177c0e439c1b4893e41fb08904b61bc9180815ad5fad0b29776d"},{"version":"5b0c821116edada2a2175e9cc8b69ee79392dc8cfb9f483a162e8db9d684cf70","signature":"85b3fe118d22c21b36f226d4a7f7561fc158f11a90c2ee3efbe24d5dfba1452b"},{"version":"35950b0098366bf7945d647d7794e4acfd43817c6b757d286ac69568c4109d52","signature":"76f6228ecbbc3a74c45f4ad274ee7383ad5ca57c398b540374475e7aba68266b"},{"version":"45474ff3693e76506394e73cbd7a401e04b1a7529759ace6753266e8bf44f0df","signature":"4bc8b83cf9633c396ef265d988afdc023ca6482c5d1afbd81e198f3348ac281c"},{"version":"ee8d08c0bfd8410d7b422191190141d82746eb5192028cf79040012edc797b89","signature":"777ca2a5997eeb85bb642801a1a6304b67cf016214416fdb6512dcd0e56b09e7"},{"version":"069426421dc266e5b30405077f8fcd785daa940b2fcc3ccef38873f4fdc3e483","signature":"d71a4a0033046c67b8ef7a1ce9db0d41565044b9a9bb0808be2b9fea6406f8a7"},{"version":"6c0a1a3fa18d2ab555d3c5c7fedf973accf48e32ea08fdea4de1eb92bfbca084","signature":"e9d69f4ac8d4e07b4819f3c2d35860bc53ed6e8706991128a001efeeabfe3d1a"},{"version":"7df2b528ae8778e7f3edcb0de0163976391fe0acb39788bc60a282cf03e84072","signature":"5c41093ef94c53fd075d912ee9349068930bcb4f151e0288631a48966cb68f91"},{"version":"36a905119cd25bcdcc9343c86f5ed6beefee7925735ac4f3e531b9034de00e8c","signature":"f0e9b3779f32571bcd3e69eb6c9861ac1d4ad7425f2816c5b8f3c323ee1c1d24"},{"version":"5a380a1687a1727a6a55a287e0ac56dd363c512560646d0075a4a19121a0ebd8","signature":"fc031c00ca01ddc2747527d2876aefdb66952e79d5299d4b87bf7f208e333cdf"},{"version":"96625ae256e2f7b7e831c733140d6452a559c6da61a365fbe6d56d87427dd7e0","signature":"cc8f4cf2505877b65f7c6de8cf605c07950c36cfddbacd6ee4a6015203c62c4e"},{"version":"bc03c3c352f689e38c0ddd50c39b1e65d59273991bfc8858a9e3c0ebb79c023b","impliedFormat":1},"29946f51942fba11605c7595fd82b50b0d7e50148e0194fd356dacbc958f18ec",{"version":"0943a6e4e026d0de8a4969ee975a7283e0627bf41aa4635d8502f6f24365ac9b","impliedFormat":99},{"version":"1461efc4aefd3e999244f238f59c9b9753a7e3dfede923ebe2b4a11d6e13a0d0","impliedFormat":99},"dcbfb3243a26096fc3e5f54039ccb5c4c23d9bb79a4d5846b4be75bf912f07d9",{"version":"8dd450de6d756cee0761f277c6dc58b0b5a66b8c274b980949318b8cad26d712","impliedFormat":99},{"version":"dfcf16e716338e9fe8cf790ac7756f61c85b83b699861df970661e97bf482692","impliedFormat":99},{"version":"31c30cc54e8c3da37c8e2e40e5658471f65915df22d348990d1601901e8c9ff3","impliedFormat":99},{"version":"a346701ad6dcdaa58e388fe0995fc5304c09c395b8cba68ed872780f8c102004","impliedFormat":99},"9a9edf4fda319623ee228d5cb26ac31dd008dcfd5c57dbafe3b7d768e59e50ca","311bede35f785d7b1ecd7398986757e26409d1049352a94ccf83586b8603c92d","5950ac01377e7eedc94b00eb3fee678745e4cc1a72b5343867f0733d07db6660",{"version":"caf4af98bf464ad3e10c46cf7d340556f89197aab0f87f032c7b84eb8ddb24d9","impliedFormat":99},{"version":"36d8011f1437aecf0e6e88677d933e4fb3403557f086f4ac00c5a4cb6d028ac2","impliedFormat":99},"08b0aa0b05efc573c7d63363c03e83d4b101bfeb54140764e96ddea30659cfcc",{"version":"a9373d52584b48809ffd61d74f5b3dfd127da846e3c4ee3c415560386df3994b","impliedFormat":99},{"version":"8085954ba165e611c6230596078063627f3656fed3fb68ad1e36a414c4d7599a","impliedFormat":99},"e78b35ed76c67d8ff50603fbe0dfa4fe600097bd860d89e65beea3e16683dad8","3c339f439797dba9b3872a9d89db42420ffd900504b4e0b27e9dad51e87bc41c","c3d3dcb0d82fc5e91d8830bac7fead905686fe876f1f42c3ed872bb0a6b6584e",{"version":"9c580c6eae94f8c9a38373566e59d5c3282dc194aa266b23a50686fe10560159","impliedFormat":99},"c956c4cca4b8442fa9314d6079b9f975e1ee39d5804aaf2966990f6258ac342a","e3716d270e9ef6457b5cd29464ae00194abc8093c08ebf726c9204d7a69231d9",{"version":"57ae71d27ee71b7d1f2c6d867ddafbbfbaa629ad75565e63a508dbaa3ef9f859","impliedFormat":99},{"version":"60924ca0c60f0674f208bfa1eaaa54e6973ced7650df7c7a81ae069730ef665a","impliedFormat":99},{"version":"e3181c7595a89dd03ba9a20eb5065fa37e0b0a514261bed774f6ae2241634470","impliedFormat":99},{"version":"c42d5cbf94816659c01f7c2298d0370247f1a981f8ca6370301b7a03b3ced950","impliedFormat":99},{"version":"18c18ab0341fd5fdfefb5d992c365be1696bfe000c7081c964582b315e33f8f2","impliedFormat":99},{"version":"dafbd4199902d904e3d4a233b5faf5dc4c98847fcd8c0ddd7617b2aed50e90d8","impliedFormat":99},{"version":"9fc866f9783d12d0412ed8d68af5e4c9e44f0072d442b0c33c3bda0a5c8cae15","impliedFormat":99},{"version":"5fc13d24a2d0328eac00c4e73cc052a987fbced2151bc0d3b7eb8f3ba4d0f4e2","impliedFormat":99},{"version":"2cef84bf00cbdb452fdc5d8ecfe7b8c0aa3fa788bdc4ad8961e2e636530dbb60","impliedFormat":99},{"version":"24104650185414f379d5cc35c0e2c19f06684a73de5b472bae79e0d855771ecf","impliedFormat":99},{"version":"799003c0ab928582fca04977f47b8d85b43a8de610f4eef0ad2d069fbb9f9399","impliedFormat":99},{"version":"b13dd41c344a23e085f81b2f5cd96792e6b35ae814f32b25e39d9841844ad240","impliedFormat":99},{"version":"17d8b4e6416e48b6e23b73d05fd2fde407e2af8fddbe9da2a98ede14949c3489","impliedFormat":99},{"version":"6d17b2b41f874ab4369b8e04bdbe660163ea5c8239785c850f767370604959e3","impliedFormat":99},{"version":"04b4c044c8fe6af77b6c196a16c41e0f7d76b285d036d79dcaa6d92e24b4982b","impliedFormat":99},{"version":"30bdeead5293c1ddfaea4097d3e9dd5a6b0bc59a1e07ff4714ea1bbe7c5b2318","impliedFormat":99},{"version":"e7df226dcc1b0ce76b32f160556f3d1550124c894aae2d5f73cefaaf28df7779","impliedFormat":99},{"version":"f2b7eef5c46c61e6e72fba9afd7cc612a08c0c48ed44c3c5518559d8508146a2","impliedFormat":99},{"version":"00f0ba57e829398d10168b7db1e16217f87933e61bd8612b53a894bd7d6371da","impliedFormat":99},{"version":"126b20947d9fa74a88bb4e9281462bda05e529f90e22d08ee9f116a224291e84","impliedFormat":99},{"version":"40d9e43acee39702745eb5c641993978ac40f227475eacc99a83ba893ad995db","impliedFormat":99},{"version":"8a66b69b21c8de9cb88b4b6d12f655d5b7636e692a014c5aa1bd81745c8c51d5","impliedFormat":99},{"version":"ebbb846bdd5a78fdacff59ae04cea7a097912aeb1a2b34f8d88f4ebb84643069","impliedFormat":99},{"version":"7321adb29ffd637acb33ee67ea035f1a97d0aa0b14173291cc2fd58e93296e04","impliedFormat":99},{"version":"320816f1a4211188f07a782bdb6c1a44555b3e716ce13018f528ad7387108d5f","impliedFormat":99},{"version":"b2cc8a474b7657f4a03c67baf6bff75e26635fd4b5850675e8cad524a09ddd0c","impliedFormat":99},{"version":"0d081e9dc251063cc69611041c17d25847e8bdbe18164baaa89b7f1f1633c0ab","impliedFormat":99},{"version":"a64c25d8f4ec16339db49867ea2324e77060782993432a875d6e5e8608b0de1e","impliedFormat":99},{"version":"0739310b6b777f3e2baaf908c0fbc622c71160e6310eb93e0d820d86a52e2e23","impliedFormat":99},{"version":"37b32e4eadd8cd3c263e7ac1681c58b2ac54f3f77bb34c5e4326cc78516d55a9","impliedFormat":99},{"version":"9b7a8974e028c4ed6f7f9abb969e3eb224c069fd7f226e26fcc3a5b0e2a1eba8","impliedFormat":99},{"version":"e8100b569926a5592146ed68a0418109d625a045a94ed878a8c5152b1379237c","impliedFormat":99},{"version":"594201c616c318b7f3149a912abd8d6bdf338d765b7bcbde86bca2e66b144606","impliedFormat":99},{"version":"03e380975e047c5c6ded532cf8589e6cc85abb7be3629e1e4b0c9e703f2fd36f","impliedFormat":99},{"version":"fae14b53b7f52a8eb3274c67c11f261a58530969885599efe3df0277b48909e1","impliedFormat":99},{"version":"c41206757c428186f2e0d1fd373915c823504c249336bdc9a9c9bbdf9da95fef","impliedFormat":99},{"version":"e961f853b7b0111c42b763a6aa46fc70d06a697db3d8ed69b38f7ba0ae42a62b","impliedFormat":99},{"version":"3db90f79e36bcb60b3f8de1bc60321026800979c150e5615047d598c787a64b7","impliedFormat":99},{"version":"639b6fb3afbb8f6067c1564af2bd284c3e883f0f1556d59bd5eb87cdbbdd8486","impliedFormat":99},{"version":"49795f5478cb607fd5965aa337135a8e7fd1c58bc40c0b6db726adf186dd403f","impliedFormat":99},{"version":"7d8890e6e2e4e215959e71d5b5bd49482cf7a23be68d48ea446601a4c99bd511","impliedFormat":99},{"version":"d56f72c4bb518de5702b8b6ae3d3c3045c99e0fd48b3d3b54c653693a8378017","impliedFormat":99},{"version":"4c9ac40163e4265b5750510d6d2933fb7b39023eed69f7b7c68b540ad960826e","impliedFormat":99},{"version":"8dfab17cf48e7be6e023c438a9cdf6d15a9b4d2fa976c26e223ba40c53eb8da8","impliedFormat":99},{"version":"38bdf7ccacfd8e418de3a7b1e3cecc29b5625f90abc2fa4ac7843a290f3bf555","impliedFormat":99},{"version":"9819e46a914735211fbc04b8dc6ba65152c62e3a329ca0601a46ba6e05b2c897","impliedFormat":99},{"version":"50f0dc9a42931fb5d65cdd64ba0f7b378aedd36e0cfca988aa4109aad5e714cb","impliedFormat":99},{"version":"894f23066f9fafccc6e2dd006ed5bd85f3b913de90f17cf1fe15a2eb677fd603","impliedFormat":99},{"version":"abdf39173867e6c2d6045f120a316de451bbb6351a6929546b8470ddf2e4b3b9","impliedFormat":99},{"version":"aa2cb4053f948fbd606228195bbe44d78733861b6f7204558bbee603202ee440","impliedFormat":99},{"version":"6911b41bfe9942ac59c2da1bbcbe5c3c1f4e510bf65cae89ed00f434cc588860","impliedFormat":99},{"version":"7b81bc4d4e2c764e85d869a8dd9fe3652b34b45c065482ac94ffaacc642b2507","impliedFormat":99},{"version":"895df4edb46ccdcbce2ec982f5eed292cf7ea3f7168f1efea738ee346feab273","impliedFormat":99},{"version":"8692bb1a4799eda7b2e3288a6646519d4cebb9a0bddf800085fc1bd8076997a0","impliedFormat":99},{"version":"239c9e98547fe99711b01a0293f8a1a776fc10330094aa261f3970aaba957c82","impliedFormat":99},{"version":"34833ec50360a32efdc12780ae624e9a710dd1fd7013b58c540abf856b54285a","impliedFormat":99},{"version":"647538e4007dcc351a8882067310a0835b5bb8559d1cfa5f378e929bceb2e64d","impliedFormat":99},{"version":"992d6b1abcc9b6092e5a574d51d441238566b6461ade5de53cb9718e4f27da46","impliedFormat":99},{"version":"938702305649bf1050bd79f3803cf5cc2904596fc1edd4e3b91033184eae5c54","impliedFormat":99},{"version":"1e931d3c367d4b96fe043e792196d9c2cf74f672ff9c0b894be54e000280a79d","impliedFormat":99},{"version":"05bec322ea9f6eb9efcd6458bb47087e55bd688afdd232b78379eb5d526816ed","impliedFormat":99},{"version":"4c449a874c2d2e5e5bc508e6aa98f3140218e78c585597a21a508a647acd780a","impliedFormat":99},{"version":"dae15e326140a633d7693e92b1af63274f7295ea94fb7c322d5cbe3f5e48be88","impliedFormat":99},{"version":"c2b0a869713bca307e58d81d1d1f4b99ebfc7ec8b8f17e80dde40739aa8a2bc6","impliedFormat":99},{"version":"6e4b4ff6c7c54fa9c6022e88f2f3e675eac3c6923143eb8b9139150f09074049","impliedFormat":99},{"version":"69559172a9a97bbe34a32bff8c24ef1d8c8063feb5f16a6d3407833b7ee504cf","impliedFormat":99},{"version":"86b94a2a3edcb78d9bfcdb3b382547d47cb017e71abe770c9ee8721e9c84857f","impliedFormat":99},{"version":"e3fafafda82853c45c0afc075fea1eaf0df373a06daf6e6c7f382f9f61b2deb3","impliedFormat":99},{"version":"a4ba4b31de9e9140bc49c0addddbfaf96b943a7956a46d45f894822e12bf5560","impliedFormat":99},{"version":"d8a7926fc75f2ed887f17bae732ee31a4064b8a95a406c87e430c58578ee1f67","impliedFormat":99},{"version":"9886ffbb134b0a0059fd82219eba2a75f8af341d98bc6331b6ef8a921e10ec68","impliedFormat":99},{"version":"c2ead057b70d0ae7b87a771461a6222ebdb187ba6f300c974768b0ae5966d10e","impliedFormat":99},{"version":"46687d985aed8485ab2c71085f82fafb11e69e82e8552cf5d3849c00e64a00a5","impliedFormat":99},{"version":"999ca66d4b5e2790b656e0a7ce42267737577fc7a52b891e97644ec418eff7ec","impliedFormat":99},{"version":"ec948ee7e92d0888f92d4a490fdd0afb27fbf6d7aabebe2347a3e8ac82c36db9","impliedFormat":99},{"version":"03ef2386c683707ce741a1c30cb126e8c51a908aa0acc01c3471fafb9baaacd5","impliedFormat":99},{"version":"66a372e03c41d2d5e920df5282dadcec2acae4c629cb51cab850825d2a144cea","impliedFormat":99},{"version":"ddf9b157bd4c06c2e4646c9f034f36267a0fbd028bd4738214709de7ea7c548b","impliedFormat":99},{"version":"3e795aac9be23d4ad9781c00b153e7603be580602e40e5228e2dafe8a8e3aba1","impliedFormat":99},{"version":"98c461ec5953dfb1b5d5bca5fee0833c8a932383b9e651ca6548e55f1e2c71c3","impliedFormat":99},{"version":"5c42107b46cb1d36b6f1dee268df125e930b81f9b47b5fa0b7a5f2a42d556c10","impliedFormat":99},{"version":"7e32f1251d1e986e9dd98b6ff25f62c06445301b94aeebdf1f4296dbd2b8652f","impliedFormat":99},{"version":"2f7e328dda700dcb2b72db0f58c652ae926913de27391bd11505fc5e9aae6c33","impliedFormat":99},{"version":"3de7190e4d37da0c316db53a8a60096dbcd06d1a50677ccf11d182fa26882080","impliedFormat":99},{"version":"a9d6f87e59b32b02c861aade3f4477d7277c30d43939462b93f48644fa548c58","impliedFormat":99},{"version":"2bce8fd2d16a9432110bbe0ba1e663fd02f7d8b8968cd10178ea7bc306c4a5df","impliedFormat":99},{"version":"798bedbf45a8f1e55594e6879cd46023e8767757ecce1d3feaa78d16ad728703","impliedFormat":99},{"version":"62723d5ac66f7ed6885a3931dd5cfa017797e73000d590492988a944832e8bc2","impliedFormat":99},{"version":"03db8e7df7514bf17fc729c87fff56ca99567b9aa50821f544587a666537c233","impliedFormat":99},{"version":"9b1f311ba4409968b68bf20b5d892dbd3c5b1d65c673d5841c7dbde351bc0d0b","impliedFormat":99},{"version":"2d1e8b5431502739fe335ceec0aaded030b0f918e758a5d76f61effa0965b189","impliedFormat":99},{"version":"e725839b8f884dab141b42e9d7ff5659212f6e1d7b4054caa23bc719a4629071","impliedFormat":99},{"version":"4fa38a0b8ae02507f966675d0a7d230ed67c92ab8b5736d99a16c5fbe2b42036","impliedFormat":99},{"version":"50ec1e8c23bad160ddedf8debeebc722becbddda127b8fdce06c23eacd3fe689","impliedFormat":99},{"version":"9a0aea3a113064fd607f41375ade308c035911d3c8af5ae9db89593b5ca9f1f9","impliedFormat":99},{"version":"8d643903b58a0bf739ce4e6a8b0e5fb3fbdfaacbae50581b90803934b27d5b89","impliedFormat":99},{"version":"19de2915ccebc0a1482c2337b34cb178d446def2493bf775c4018a4ea355adb8","impliedFormat":99},{"version":"9be8fc03c8b5392cd17d40fd61063d73f08d0ee3457ecf075dcb3768ae1427bd","impliedFormat":99},{"version":"a2d89a8dc5a993514ca79585039eea083a56822b1d9b9d9d85b14232e4782cbe","impliedFormat":99},{"version":"f526f20cae73f17e8f38905de4c3765287575c9c4d9ecacee41cfda8c887da5b","impliedFormat":99},{"version":"d9ec0978b7023612b9b83a71fee8972e290d02f8ff894e95cdd732cd0213b070","impliedFormat":99},{"version":"7ab10c473a058ec8ac4790b05cae6f3a86c56be9b0c0a897771d428a2a48a9f9","impliedFormat":99},{"version":"451d7a93f8249d2e1453b495b13805e58f47784ef2131061821b0e456a9fd0e1","impliedFormat":99},{"version":"21c56fe515d227ed4943f275a8b242d884046001722a4ba81f342a08dbe74ae2","impliedFormat":99},{"version":"d8311f0c39381aa1825081c921efde36e618c5cf46258c351633342a11601208","impliedFormat":99},{"version":"6b50c3bcc92dc417047740810596fcb2df2502aa3f280c9e7827e87896da168a","impliedFormat":99},{"version":"18a6b318d1e7b31e5749a52be0cf9bbce1b275f63190ef32e2c79db0579328ca","impliedFormat":99},{"version":"6a2d0af2c27b993aa85414f3759898502aa198301bc58b0d410948fe908b07b0","impliedFormat":99},{"version":"2da11b6f5c374300e5e66a6b01c3c78ec21b5d3fec0748a28cc28e00be73e006","impliedFormat":99},{"version":"0729691b39c24d222f0b854776b00530877217bfc30aac1dc7fa2f4b1795c536","impliedFormat":99},{"version":"ca45bb5c98c474d669f0e47615e4a5ae65d90a2e78531fda7862ee43e687a059","impliedFormat":99},{"version":"c1c058b91d5b9a24c95a51aea814b0ad4185f411c38ac1d5eef0bf3cebec17dc","impliedFormat":99},{"version":"3ab0ed4060b8e5b5e594138aab3e7f0262d68ad671d6678bcda51568d4fc4ccc","impliedFormat":99},{"version":"e2bf1faba4ff10a6020c41df276411f641d3fdce5c6bae1db0ec84a0bf042106","impliedFormat":99},{"version":"80b0a8fe14d47a71e23d7c3d4dcee9584d4282ef1d843b70cab1a42a4ea1588c","impliedFormat":99},{"version":"a0f02a73f6e3de48168d14abe33bf5970fdacdb52d7c574e908e75ad571e78f7","impliedFormat":99},{"version":"c728002a759d8ec6bccb10eed56184e86aeff0a762c1555b62b5d0fa9d1f7d64","impliedFormat":99},{"version":"586f94e07a295f3d02f847f9e0e47dbf14c16e04ccc172b011b3f4774a28aaea","impliedFormat":99},{"version":"cfe1a0f4ed2df36a2c65ea6bc235dbb8cf6e6c25feb6629989f1fa51210b32e7","impliedFormat":99},{"version":"8ba69c9bf6de79c177329451ffde48ddab7ec495410b86972ded226552f664df","impliedFormat":99},{"version":"15111cbe020f8802ad1d150524f974a5251f53d2fe10eb55675f9df1e82dbb62","impliedFormat":99},{"version":"782dc153c56a99c9ed07b2f6f497d8ad2747764966876dbfef32f3e27ce11421","impliedFormat":99},{"version":"cc2db30c3d8bb7feb53a9c9ff9b0b859dd5e04c83d678680930b5594b2bf99cb","impliedFormat":99},{"version":"46909b8c85a6fd52e0807d18045da0991e3bdc7373435794a6ba425bc23cc6be","impliedFormat":99},{"version":"e4e511ff63bb6bd69a2a51e472c6044298bca2c27835a34a20827bc3ef9b7d13","impliedFormat":99},{"version":"2c86f279d7db3c024de0f21cd9c8c2c972972f842357016bfbbd86955723b223","impliedFormat":99},{"version":"112c895cff9554cf754f928477c7d58a21191c8089bffbf6905c87fe2dc6054f","impliedFormat":99},{"version":"8cfc293b33082003cacbf7856b8b5e2d6dd3bde46abbd575b0c935dc83af4844","impliedFormat":99},{"version":"d2c5c53f85ce0474b3a876d76c4fc44ff7bb766b14ed1bf495f9abac181d7f5f","impliedFormat":99},{"version":"3c523f27926905fcbe20b8301a0cc2da317f3f9aea2273f8fc8d9ae88b524819","impliedFormat":99},{"version":"9ca0d706f6b039cc52552323aeccb4db72e600b67ddc7a54cebc095fc6f35539","impliedFormat":99},{"version":"a64909a9f75081342ddd061f8c6b49decf0d28051bc78e698d347bdcb9746577","impliedFormat":99},{"version":"7d8d55ae58766d0d52033eae73084c4db6a93c4630a3e17f419dd8a0b2a4dcd8","impliedFormat":99},{"version":"b8b5c8ba972d9ffff313b3c8a3321e7c14523fc58173862187e8d1cb814168ac","impliedFormat":99},{"version":"9c42c0fa76ee36cf9cc7cc34b1389fbb4bd49033ec124b93674ec635fabf7ffe","impliedFormat":99},{"version":"6184c8da9d8107e3e67c0b99dedb5d2dfe5ccf6dfea55c2a71d4037caf8ca196","impliedFormat":99},{"version":"4030ceea7bf41449c1b86478b786e3b7eadd13dfe5a4f8f5fe2eb359260e08b3","impliedFormat":99},{"version":"7bf516ec5dfc60e97a5bde32a6b73d772bd9de24a2e0ec91d83138d39ac83d04","impliedFormat":99},{"version":"e6a6fb3e6525f84edf42ba92e261240d4efead3093aca3d6eb1799d5942ba393","impliedFormat":99},{"version":"45df74648934f97d26800262e9b2af2f77ef7191d4a5c2eb1df0062f55e77891","impliedFormat":99},{"version":"3fe361e4e567f32a53af1f2c67ad62d958e3d264e974b0a8763d174102fe3b29","impliedFormat":99},{"version":"28b520acee4bc6911bfe458d1ad3ebc455fa23678463f59946ad97a327c9ab2b","impliedFormat":99},{"version":"121b39b1a9ad5d23ed1076b0db2fe326025150ef476dccb8bf87778fcc4f6dd7","impliedFormat":99},{"version":"f791f92a060b52aa043dde44eb60307938f18d4c7ac13df1b52c82a1e658953f","impliedFormat":99},{"version":"df09443e7743fd6adc7eb108e760084bacdf5914403b7aac5fbd4dc4e24e0c2c","impliedFormat":99},{"version":"eeb4ff4aa06956083eaa2aad59070361c20254b865d986bc997ee345dbd44cbb","impliedFormat":99},{"version":"ed84d5043444d51e1e5908f664addc4472c227b9da8401f13daa565f23624b6e","impliedFormat":99},{"version":"146bf888b703d8baa825f3f2fb1b7b31bda5dff803e15973d9636cdda33f4af3","impliedFormat":99},{"version":"b4ec8b7a8d23bdf7e1c31e43e5beac3209deb7571d2ccf2a9572865bf242da7c","impliedFormat":99},{"version":"3fba0d61d172091638e56fba651aa1f8a8500aac02147d29bd5a9cc0bc8f9ec2","impliedFormat":99},{"version":"a5a57deb0351b03041e0a1448d3a0cc5558c48e0ed9b79b69c99163cdca64ad8","impliedFormat":99},{"version":"9bcecf0cbc2bfc17e33199864c19549905309a0f9ecc37871146107aac6e05ae","impliedFormat":99},{"version":"d6a211db4b4a821e93c978add57e484f2a003142a6aef9dbfa1fe990c66f337b","impliedFormat":99},{"version":"bd4d10bd44ce3f630dd9ce44f102422cb2814ead5711955aa537a52c8d2cae14","impliedFormat":99},{"version":"08e4c39ab1e52eea1e528ee597170480405716bae92ebe7a7c529f490afff1e0","impliedFormat":99},{"version":"625bb2bc3867557ea7912bd4581288a9fca4f3423b8dffa1d9ed57fafc8610e3","impliedFormat":99},{"version":"d1992164ecc334257e0bef56b1fd7e3e1cea649c70c64ffc39999bb480c0ecdf","impliedFormat":99},{"version":"a53ff2c4037481eb357e33b85e0d78e8236e285b6428b93aa286ceea1db2f5dc","impliedFormat":99},{"version":"4fe608d524954b6857d78857efce623852fcb0c155f010710656f9db86e973a5","impliedFormat":99},{"version":"b53b62a9838d3f57b70cc456093662302abb9962e5555f5def046172a4fe0d4e","impliedFormat":99},{"version":"9866369eb72b6e77be2a92589c9df9be1232a1a66e96736170819e8a1297b61f","impliedFormat":99},{"version":"43abfbdf4e297868d780b8f4cfdd8b781b90ecd9f588b05e845192146a86df34","impliedFormat":99},{"version":"582419791241fb851403ae4a08d0712a63d4c94787524a7419c2bc8e0eb1b031","impliedFormat":99},{"version":"18437eeb932fe48590b15f404090db0ab3b32d58f831d5ffc157f63b04885ee5","impliedFormat":99},{"version":"0c5eaedf622d7a8150f5c2ec1f79ac3d51eea1966b0b3e61bfdea35e8ca213a7","impliedFormat":99},{"version":"fac39fc7a9367c0246de3543a6ee866a0cf2e4c3a8f64641461c9f2dac0d8aae","impliedFormat":99},{"version":"3b9f559d0200134f3c196168630997caedeadc6733523c8b6076a09615d5dec8","impliedFormat":99},{"version":"932af64286d9723da5ef7b77a0c4229829ce8e085e6bcc5f874cb0b83e8310d4","impliedFormat":99},{"version":"adeb9278f11f5561157feee565171c72fd48f5fe34ed06f71abf24e561fcaa1e","impliedFormat":99},{"version":"2269fef79b4900fc6b08c840260622ca33524771ff24fda5b9101ad98ea551f3","impliedFormat":99},{"version":"73d47498a1b73d5392d40fb42a3e7b009ae900c8423f4088c4faa663cc508886","impliedFormat":99},{"version":"7efc34cdc4da0968c3ba687bc780d5cacde561915577d8d1c1e46c7ac931d023","impliedFormat":99},{"version":"3c20a3bb0c50c819419f44aa55acc58476dad4754a16884cef06012d02b0722f","impliedFormat":99},{"version":"4569abf6bc7d51a455503670f3f1c0e9b4f8632a3b030e0794c61bfbba2d13be","impliedFormat":99},{"version":"98b2297b4dc1404078a54b61758d8643e4c1d7830af724f3ed2445d77a7a2d57","impliedFormat":99},{"version":"952ba89d75f1b589e07070fea2d8174332e3028752e76fd46e1c16cc51e6e2af","impliedFormat":99},{"version":"b6c9a2deefb6a57ff68d2a38d33c34407b9939487fc9ee9f32ba3ecf2987a88a","impliedFormat":99},{"version":"f6b371377bab3018dac2bca63e27502ecbd5d06f708ad7e312658d3b5315d948","impliedFormat":99},{"version":"31947dd8f1c8eeb7841e1f139a493a73bd520f90e59a6415375d0d8e6a031f01","impliedFormat":99},{"version":"95cd83b807e10b1af408e62caf5fea98562221e8ddca9d7ccc053d482283ddda","impliedFormat":99},{"version":"19287d6b76288c2814f1633bdd68d2b76748757ffd355e73e41151644e4773d6","impliedFormat":99},{"version":"fc4e6ec7dade5f9d422b153c5d8f6ad074bd9cc4e280415b7dc58fb5c52b5df1","impliedFormat":99},{"version":"3aea973106e1184db82d8880f0ca134388b6cbc420f7309d1c8947b842886349","impliedFormat":99},{"version":"765e278c464923da94dda7c2b281ece92f58981642421ae097862effe2bd30fa","impliedFormat":99},{"version":"de260bed7f7d25593f59e859bd7c7f8c6e6bb87e8686a0fcafa3774cb5ca02d8","impliedFormat":99},{"version":"b5c341ce978f5777fbe05bc86f65e9906a492fa6b327bda3c6aae900c22e76c6","impliedFormat":99},{"version":"686ddbfaf88f06b02c6324005042f85317187866ca0f8f4c9584dd9479653344","impliedFormat":99},{"version":"7f789c0c1db29dd3aab6e159d1ba82894a046bf8df595ac48385931ae6ad83e0","impliedFormat":99},{"version":"8eb3057d4fe9b59b2492921b73a795a2455ebe94ccb3d01027a7866612ead137","impliedFormat":99},{"version":"1e43c5d7aee1c5ec20611e28b5417f5840c75d048de9d7f1800d6808499236f8","impliedFormat":99},{"version":"d42610a5a2bee4b71769968a24878885c9910cd049569daa2d2ee94208b3a7a5","impliedFormat":99},{"version":"f6ed95506a6ed2d40ed5425747529befaa4c35fcbbc1e0d793813f6d725690fa","impliedFormat":99},{"version":"a6fcc1cd6583939506c906dff1276e7ebdc38fbe12d3e108ba38ad231bd18d97","impliedFormat":99},{"version":"ed13354f0d96fb6d5878655b1fead51722b54875e91d5e53ef16de5b71a0e278","impliedFormat":99},{"version":"1193b4872c1fb65769d8b164ca48124c7ebacc33eae03abf52087c2b29e8c46c","impliedFormat":99},{"version":"af682dfabe85688289b420d939020a10eb61f0120e393d53c127f1968b3e9f66","impliedFormat":99},{"version":"0dca04006bf13f72240c6a6a502df9c0b49c41c3cab2be75e81e9b592dcd4ea8","impliedFormat":99},{"version":"79d6ac4a2a229047259116688f9cd62fda25422dee3ad304f77d7e9af53a41ef","impliedFormat":99},{"version":"64534c17173990dc4c3d9388d16675a059aac407031cfce8f7fdffa4ee2de988","impliedFormat":99},{"version":"ba46d160a192639f3ca9e5b640b870b1263f24ac77b6895ab42960937b42dcbb","impliedFormat":99},{"version":"5e5ddd6fc5b590190dde881974ab969455e7fad61012e32423415ae3d085b037","impliedFormat":99},{"version":"1c16fd00c42b60b96fe0fa62113a953af58ddf0d93b0a49cb4919cf5644616f0","impliedFormat":99},{"version":"eb240c0e6b412c57f7d9a9f1c6cd933642a929837c807b179a818f6e8d3a4e44","impliedFormat":99},{"version":"4a7bde5a1155107fc7d9483b8830099f1a6072b6afda5b78d91eb5d6549b3956","impliedFormat":99},{"version":"3c1baaffa9a24cc7ef9eea6b64742394498e0616b127ca630aca0e11e3298006","impliedFormat":99},{"version":"87ca1c31a326c898fa3feb99ec10750d775e1c84dbb7c4b37252bcf3742c7b21","impliedFormat":99},{"version":"d7bd26af1f5457f037225602035c2d7e876b80d02663ab4ca644099ad3a55888","impliedFormat":99},{"version":"2ad0a6b93e84a56b64f92f36a07de7ebcb910822f9a72ad22df5f5d642aff6f3","impliedFormat":99},{"version":"523d1775135260f53f672264937ee0f3dc42a92a39de8bee6c48c7ea60b50b5a","impliedFormat":99},{"version":"e441b9eebbc1284e5d995d99b53ed520b76a87cab512286651c4612d86cd408e","impliedFormat":99},{"version":"76f853ee21425c339a79d28e0859d74f2e53dee2e4919edafff6883dd7b7a80f","impliedFormat":99},{"version":"00cf042cd6ba1915648c8d6d2aa00e63bbbc300ea54d28ed087185f0f662e080","impliedFormat":99},{"version":"f57e6707d035ab89a03797d34faef37deefd3dd90aa17d90de2f33dce46a2c56","impliedFormat":99},{"version":"cc8b559b2cf9380ca72922c64576a43f000275c72042b2af2415ce0fb88d7077","impliedFormat":99},{"version":"1a337ca294c428ba8f2eb01e887b28d080ee4a4307ae87e02e468b1d26af4a74","impliedFormat":99},{"version":"5a15362fc2e72765a908c0d4dd89e3ab3b763e8bc8c23f19234a709ecfd202fe","impliedFormat":99},{"version":"2dffdfe62ac8af0943853234519616db6fd8958fc7ff631149fd8364e663f361","impliedFormat":99},{"version":"5dbdb2b2229b5547d8177c34705272da5a10b8d0033c49efbc9f6efba5e617f2","impliedFormat":99},{"version":"6fc0498cd8823d139004baff830343c9a0d210c687b2402c1384fb40f0aa461c","impliedFormat":99},{"version":"8492306a4864a1dc6fc7e0cc0de0ae9279cbd37f3aae3e9dc1065afcdc83dddc","impliedFormat":99},{"version":"c011b378127497d6337a93f020a05f726db2c30d55dc56d20e6a5090f05919a6","impliedFormat":99},{"version":"f4556979e95a274687ae206bbab2bb9a71c3ad923b92df241d9ab88c184b3f40","impliedFormat":99},{"version":"50e82bb6e238db008b5beba16d733b77e8b2a933c9152d1019cf8096845171a4","impliedFormat":99},{"version":"d6011f8b8bbf5163ef1e73588e64a53e8bf1f13533c375ec53e631aad95f1375","impliedFormat":99},{"version":"693cd7936ac7acfa026d4bcb5801fce71cec49835ba45c67af1ef90dbfd30af7","impliedFormat":99},{"version":"195e2cf684ecddfc1f6420564535d7c469f9611ce7a380d6e191811f84556cd2","impliedFormat":99},{"version":"1dc6b6e7b2a7f2962f31c77f4713f3a5a132bbe14c00db75d557568fe82e4311","impliedFormat":99},{"version":"add93b1180e9aaac2dae4ef3b16f7655893e2ecbe62bd9e48366c305f0063d89","impliedFormat":99},{"version":"594bd896fe37c970aafb7a376ebeec4c0d636b62a5f611e2e27d30fb839ad8a5","impliedFormat":99},{"version":"b1c6a6faf60542ba4b4271db045d7faea56e143b326ef507d2797815250f3afc","impliedFormat":99},{"version":"8c8b165beb794260f462679329b131419e9f5f35212de11c4d53e6d4d9cbedf6","impliedFormat":99},{"version":"ee5a4cf57d49fcf977249ab73c690a59995997c4672bb73fcaaf2eed65dbd1b2","impliedFormat":99},{"version":"f9f36051f138ab1c40b76b230c2a12b3ce6e1271179f4508da06a959f8bee4c1","impliedFormat":99},{"version":"9dc2011a3573d271a45c12656326530c0930f92539accbec3531d65131a14a14","impliedFormat":99},{"version":"091521ce3ede6747f784ae6f68ad2ea86bbda76b59d2bf678bcad2f9d141f629","impliedFormat":99},{"version":"202c2be951f53bafe943fb2c8d1245e35ed0e4dfed89f48c9a948e4d186dd6d4","impliedFormat":99},{"version":"c618aead1d799dbf4f5b28df5a6b9ce13d72722000a0ec3fe90a8115b1ea9226","impliedFormat":99},{"version":"9b0bf59708549c3e77fddd36530b95b55419414f88bbe5893f7bc8b534617973","impliedFormat":99},{"version":"7e216f67c4886f1bde564fb4eebdd6b185f262fe85ad1d6128cad9b229b10354","impliedFormat":99},{"version":"cd51e60b96b4d43698df74a665aa7a16604488193de86aa60ec0c44d9f114951","impliedFormat":99},{"version":"b63341fb6c7ba6f2aeabd9fc46b43e6cc2d2b9eec06534cfd583d9709f310ec2","impliedFormat":99},{"version":"be2af50c81b15bcfe54ad60f53eb1c72dae681c72d0a9dce1967825e1b5830a3","impliedFormat":99},{"version":"be5366845dfb9726f05005331b9b9645f237f1ddc594c0def851208e8b7d297b","impliedFormat":99},{"version":"5ddd536aaeadd4bf0f020492b3788ed209a7050ce27abec4e01c7563ff65da81","impliedFormat":99},{"version":"e243b24da119c1ef0d79af2a45217e50682b139cb48e7607efd66cc01bd9dcda","impliedFormat":99},{"version":"5b1398c8257fd180d0bf62e999fe0a89751c641e87089a83b24392efda720476","impliedFormat":99},{"version":"1588b1359f8507a16dbef67cd2759965fc2e8d305e5b3eb71be5aa9506277dff","impliedFormat":99},{"version":"4c99f2524eee1ec81356e2b4f67047a4b7efaf145f1c4eb530cd358c36784423","impliedFormat":99},{"version":"b30c6b9f6f30c35d6ef84daed1c3781e367f4360171b90598c02468b0db2fc3d","impliedFormat":99},{"version":"79c0d32274ccfd45fae74ac61d17a2be27aea74c70806d22c43fc625b7e9f12a","impliedFormat":99},{"version":"1b7e3958f668063c9d24ac75279f3e610755b0f49b1c02bb3b1c232deb958f54","impliedFormat":99},{"version":"779d4022c3d0a4df070f94858a33d9ebf54af3664754536c4ce9fd37c6f4a8db","impliedFormat":99},{"version":"e662f063d46aa8c088edffdf1d96cb13d9a2cbf06bc38dc6fc62b4d125fb7b49","impliedFormat":99},{"version":"d1d612df1e41c90d9678b07740d13d4f8e6acec2f17390d4ff4be5c889a6d37d","impliedFormat":99},{"version":"c95933fe140918892d569186f17b70ef6b1162f851a0f13f6a89e8f4d599c5a1","impliedFormat":99},{"version":"1d8d30677f87c13c2786980a80750ac1e281bdb65aa013ea193766fe9f0edd74","impliedFormat":99},{"version":"4661673cbc984b8a6ee5e14875a71ed529b64e7f8e347e12c0db4cecc25ad67d","impliedFormat":99},{"version":"7f980a414274f0f23658baa9a16e21d828535f9eac538e2eab2bb965325841db","impliedFormat":99},{"version":"20fb747a339d3c1d4a032a31881d0c65695f8167575e01f222df98791a65da9b","impliedFormat":99},{"version":"dd4e7ebd3f205a11becf1157422f98db675a626243d2fbd123b8b93efe5fb505","impliedFormat":99},{"version":"43ec6b74c8d31e88bb6947bb256ad78e5c6c435cbbbad991c3ff39315b1a3dba","impliedFormat":99},{"version":"b27242dd3af2a5548d0c7231db7da63d6373636d6c4e72d9b616adaa2acef7e1","impliedFormat":99},{"version":"e0ee7ba0571b83c53a3d6ec761cf391e7128d8f8f590f8832c28661b73c21b68","impliedFormat":99},{"version":"072bfd97fc61c894ef260723f43a416d49ebd8b703696f647c8322671c598873","impliedFormat":99},{"version":"e70875232f5d5528f1650dd6f5c94a5bed344ecf04bdbb998f7f78a3c1317d02","impliedFormat":99},{"version":"8e495129cb6cd8008de6f4ff8ce34fe1302a9e0dcff8d13714bd5593be3f7898","impliedFormat":99},{"version":"0345bc0b1067588c4ea4c48e34425d3284498c629bc6788ebc481c59949c9037","impliedFormat":99},{"version":"e30f5b5d77c891bc16bd65a2e46cd5384ea57ab3d216c377f482f535db48fc8f","impliedFormat":99},{"version":"f113afe92ee919df8fc29bca91cab6b2ffbdd12e4ac441d2bb56121eb5e7dbe3","impliedFormat":99},{"version":"49d567cc002efb337f437675717c04f207033f7067825b42bb59c9c269313d83","impliedFormat":99},{"version":"1d248f707d02dc76555298a934fba0f337f5028bb1163ce59cd7afb831c9070f","impliedFormat":99},{"version":"5d8debffc9e7b842dc0f17b111673fe0fc0cca65e67655a2b543db2150743385","impliedFormat":99},{"version":"5fccbedc3eb3b23bc6a3a1e44ceb110a1f1a70fa8e76941dce3ae25752caa7a9","impliedFormat":99},{"version":"f4031b95f3bab2b40e1616bd973880fb2f1a97c730bac5491d28d6484fac9560","impliedFormat":99},{"version":"dbe75b3c5ed547812656e7945628f023c4cd0bc1879db0db3f43a57fb8ec0e2b","impliedFormat":99},{"version":"b754718a546a1939399a6d2a99f9022d8a515f2db646bab09f7d2b5bff3cbb82","impliedFormat":99},{"version":"2eef10fb18ed0b4be450accf7a6d5bcce7b7f98e02cac4e6e793b7ad04fc0d79","impliedFormat":99},{"version":"c46f471e172c3be12c0d85d24876fedcc0c334b0dab48060cdb1f0f605f09fed","impliedFormat":99},{"version":"7d6ddeead1d208588586c58c26e4a23f0a826b7a143fb93de62ed094d0056a33","impliedFormat":99},{"version":"7c5782291ff6e7f2a3593295681b9a411c126e3736b83b37848032834832e6b9","impliedFormat":99},{"version":"3a3f09df6258a657dd909d06d4067ee360cd2dccc5f5d41533ae397944a11828","impliedFormat":99},{"version":"ea54615be964503fec7bce04336111a6fa455d3e8d93d44da37b02c863b93eb8","impliedFormat":99},{"version":"2a83694bc3541791b64b0e57766228ea23d92834df5bf0b0fcb93c5bb418069c","impliedFormat":99},{"version":"b5913641d6830e7de0c02366c08b1d26063b5758132d8464c938e78a45355979","impliedFormat":99},{"version":"46c095d39c1887979d9494a824eda7857ec13fb5c20a6d4f7d02c2975309bf45","impliedFormat":99},{"version":"f6e02ca076dc8e624aa38038e3488ebd0091e2faea419082ed764187ba8a6500","impliedFormat":99},{"version":"4d49e8a78aba1d4e0ad32289bf8727ae53bc2def9285dff56151a91e7d770c3e","impliedFormat":99},{"version":"63315cf08117cc728eab8f3eec8801a91d2cd86f91d0ae895d7fd928ab54596d","impliedFormat":99},{"version":"a14a6f3a5636bcaebfe9ec2ccfa9b07dc94deb1f6c30358e9d8ea800a1190d5e","impliedFormat":99},{"version":"21206e7e81876dabf2a7af7aa403f343af1c205bdcf7eff24d9d7f4eee6214c4","impliedFormat":99},{"version":"cd0a9f0ffec2486cad86b7ef1e4da42953ffeb0eb9f79f536e16ff933ec28698","impliedFormat":99},{"version":"f609a6ec6f1ab04dba769e14d6b55411262fd4627a099e333aa8876ea125b822","impliedFormat":99},{"version":"6d8052bb814be030c64cb22ca0e041fe036ad3fc8d66208170f4e90d0167d354","impliedFormat":99},{"version":"851f72a5d3e8a2bf7eeb84a3544da82628f74515c92bdf23c4a40af26dcc1d16","impliedFormat":99},{"version":"59692a7938aab65ea812a8339bbc63c160d64097fe5a457906ea734d6f36bcd4","impliedFormat":99},{"version":"8cb3b95e610c44a9986a7eab94d7b8f8462e5de457d5d10a0b9c6dd16bde563b","impliedFormat":99},{"version":"f571713abd9a676da6237fe1e624d2c6b88c0ca271c9f1acc1b4d8efeea60b66","impliedFormat":99},{"version":"16c5d3637d1517a3d17ed5ebcfbb0524f8a9997a7b60f6100f7c5309b3bb5ac8","impliedFormat":99},{"version":"ca1ec669726352c8e9d897f24899abf27ad15018a6b6bcf9168d5cd1242058ab","impliedFormat":99},{"version":"bffb1b39484facf6d0c5d5feefe6c0736d06b73540b9ce0cf0f12da2edfd8e1d","impliedFormat":99},{"version":"f1663c030754f6171b8bb429096c7d2743282de7733bccd6f67f84a4c588d96e","impliedFormat":99},{"version":"dd09693285e58504057413c3adc84943f52b07d2d2fd455917f50fa2a63c9d69","impliedFormat":99},{"version":"d94c94593d03d44a03810a85186ae6d61ebeb3a17a9b210a995d85f4b584f23d","impliedFormat":99},{"version":"c7c3bf625a8cb5a04b1c0a2fbe8066ecdbb1f383d574ca3ffdabe7571589a935","impliedFormat":99},{"version":"7a2f39a4467b819e873cd672c184f45f548511b18f6a408fe4e826136d0193bb","impliedFormat":99},{"version":"f8a0ae0d3d4993616196619da15da60a6ec5a7dfaf294fe877d274385eb07433","impliedFormat":99},{"version":"2cca80de38c80ef6c26deb4e403ca1ff4efbe3cf12451e26adae5e165421b58d","impliedFormat":99},{"version":"0070d3e17aa5ad697538bf865faaff94c41f064db9304b2b949eb8bcccb62d34","impliedFormat":99},{"version":"53df93f2db5b7eb8415e98242c1c60f6afcac2db44bce4a8830c8f21eee6b1dd","impliedFormat":99},{"version":"d67bf28dc9e6691d165357424c8729c5443290367344263146d99b2f02a72584","impliedFormat":99},{"version":"932557e93fbdf0c36cc29b9e35950f6875425b3ac917fa0d3c7c2a6b4f550078","impliedFormat":99},{"version":"e3dc7ec1597fb61de7959335fb7f8340c17bebf2feb1852ed8167a552d9a4a25","impliedFormat":99},{"version":"b64e15030511c5049542c2e0300f1fe096f926cf612662884f40227267f5cd9f","impliedFormat":99},{"version":"1932796f09c193783801972a05d8fb1bfef941bb46ac76fbe1abb0b3bfb674fa","impliedFormat":99},{"version":"d9575d5787311ee7d61ad503f5061ebcfaf76b531cfecce3dc12afb72bb2d105","impliedFormat":99},{"version":"5b41d96c9a4c2c2d83f1200949f795c3b6a4d2be432b357ad1ab687e0f0de07c","impliedFormat":99},{"version":"38ec829a548e869de4c5e51671245a909644c8fb8e7953259ebb028d36b4dd06","impliedFormat":99},{"version":"20c2c5e44d37dac953b516620b5dba60c9abd062235cdf2c3bfbf722d877a96b","impliedFormat":99},{"version":"875fe6f7103cf87c1b741a0895fda9240fed6353d5e7941c8c8cbfb686f072b4","impliedFormat":99},{"version":"c0ccccf8fbcf5d95f88ed151d0d8ce3015aa88cf98d4fd5e8f75e5f1534ee7ae","impliedFormat":99},{"version":"1b1f4aba21fd956269ced249b00b0e5bfdbd5ebd9e628a2877ab1a2cf493c919","impliedFormat":99},{"version":"939e3299952dff0869330e3324ba16efe42d2cf25456d7721d7f01a43c1b0b34","impliedFormat":99},{"version":"f0a9b52faec508ba22053dedfa4013a61c0425c8b96598cef3dea9e4a22637c6","impliedFormat":99},{"version":"d5b302f50db61181adc6e209af46ae1f27d7ef3d822de5ea808c9f44d7d219fd","impliedFormat":99},{"version":"19131632ba492c83e8eeadf91a481def0e0b39ffc3f155bc20a7f640e0570335","impliedFormat":99},{"version":"4581c03abea21396c3e1bb119e2fd785a4d91408756209cbeed0de7070f0ab5b","impliedFormat":99},{"version":"ebcd3b99e17329e9d542ef2ccdd64fddab7f39bc958ee99bbdb09056c02d6e64","impliedFormat":99},{"version":"4b148999deb1d95b8aedd1a810473a41d9794655af52b40e4894b51a8a4e6a6d","impliedFormat":99},{"version":"1781cc99a0f3b4f11668bb37cca7b8d71f136911e87269e032f15cf5baa339bf","impliedFormat":99},{"version":"33f1b7fa96117d690035a235b60ecd3cd979fb670f5f77b08206e4d8eb2eb521","impliedFormat":99},{"version":"01429b306b94ff0f1f5548ce5331344e4e0f5872b97a4776bd38fd2035ad4764","impliedFormat":99},{"version":"c1bc4f2136de7044943d784e7a18cb8411c558dbb7be4e4b4876d273cbd952af","impliedFormat":99},{"version":"5470f84a69b94643697f0d7ec2c8a54a4bea78838aaa9170189b9e0a6e75d2cf","impliedFormat":99},{"version":"36aaa44ee26b2508e9a6e93cd567e20ec700940b62595caf962249035e95b5e3","impliedFormat":99},{"version":"f8343562f283b7f701f86ad3732d0c7fd000c20fe5dc47fa4ed0073614202b4d","impliedFormat":99},{"version":"a53c572630a78cd99a25b529069c1e1370f8a5d8586d98e798875f9052ad7ad1","impliedFormat":99},{"version":"4ad3451d066711dde1430c544e30e123f39e23c744341b2dfd3859431c186c53","impliedFormat":99},{"version":"8069cbef9efa7445b2f09957ffbc27b5f8946fdbade4358fb68019e23df4c462","impliedFormat":99},{"version":"cd8b4e7ad04ba9d54eb5b28ac088315c07335b837ee6908765436a78d382b4c3","impliedFormat":99},{"version":"d533d8f8e5c80a30c51f0cbfe067b60b89b620f2321d3a581b5ba9ac8ffd7c3a","impliedFormat":99},{"version":"33f49f22fdda67e1ddbacdcba39e62924793937ea7f71f4948ed36e237555de3","impliedFormat":99},{"version":"710c31d7c30437e2b8795854d1aca43b540cb37cefd5900f09cfcd9e5b8540c4","impliedFormat":99},{"version":"b2c03a0e9628273bc26a1a58112c311ffbc7a0d39938f3878837ab14acf3bc41","impliedFormat":99},{"version":"a93beb0aa992c9b6408e355ea3f850c6f41e20328186a8e064173106375876c2","impliedFormat":99},{"version":"efdcba88fcd5421867898b5c0e8ea6331752492bd3547942dea96c7ebcb65194","impliedFormat":99},{"version":"a98e777e7a6c2c32336a017b011ba1419e327320c3556b9139413e48a8460b9a","impliedFormat":99},{"version":"ea44f7f8e1fe490516803c06636c1b33a6b82314366be1bd6ffa4ba89bc09f86","impliedFormat":99},{"version":"c25f22d78cc7f46226179c33bef0e4b29c54912bde47b62e5fdaf9312f22ffcb","impliedFormat":99},{"version":"d57579cfedc5a60fda79be303080e47dfe0c721185a5d95276523612228fcefc","impliedFormat":99},{"version":"a41630012afe0d4a9ff14707f96a7e26e1154266c008ddbd229e3f614e4d1cf7","impliedFormat":99},{"version":"298a858633dfa361bb8306bbd4cfd74f25ab7cc20631997dd9f57164bc2116d1","impliedFormat":99},{"version":"921782c45e09940feb232d8626a0b8edb881be2956520c42c44141d9b1ddb779","impliedFormat":99},{"version":"06117e4cc7399ce1c2b512aa070043464e0561f956bda39ef8971a2fcbcdbf2e","impliedFormat":99},{"version":"daccf332594b304566c7677c2732fed6e8d356da5faac8c5f09e38c2f607a4ab","impliedFormat":99},{"version":"4386051a0b6b072f35a2fc0695fecbe4a7a8a469a1d28c73be514548e95cd558","impliedFormat":99},{"version":"78e41de491fe25947a7fd8eeef7ebc8f1c28c1849a90705d6e33f34b1a083b90","impliedFormat":99},{"version":"3ccd198e0a693dd293ed22e527c8537c76b8fe188e1ebf20923589c7cfb2c270","impliedFormat":99},{"version":"2ebf2ee015d5c8008428493d4987e2af9815a76e4598025dd8c2f138edc1dcae","impliedFormat":99},{"version":"0dcc8f61382c9fcdafd48acc54b6ffda69ca4bb7e872f8ad12fb011672e8b20c","impliedFormat":99},{"version":"9db563287eb527ead0bcb9eb26fbec32f662f225869101af3cabcb6aee9259cf","impliedFormat":99},{"version":"068489bec523be43f12d8e4c5c337be4ff6a7efb4fe8658283673ae5aae14b85","impliedFormat":99},{"version":"838212d0dc5b97f7c5b5e29a89953de3906f72fce13c5ae3c5ade346f561d226","impliedFormat":99},{"version":"ddc78d29af824ad7587152ea523ed5d60f2bc0148d8741c5dacf9b5b44587b1b","impliedFormat":99},{"version":"019b522e3783e5519966927ceeb570eefcc64aba3f9545828a5fb4ae1fde53c6","impliedFormat":99},{"version":"b34623cc86497a5123de522afba770390009a56eebddba38d2aa5798b70b0a87","impliedFormat":99},{"version":"d2a8cbeb0c0caaf531342062b4b5c227118862879f6a25033e31fad00797b7eb","impliedFormat":99},{"version":"14891c20f15be1d0d42ecbbd63de1c56a4d745e3ea2b4c56775a4d5d36855630","impliedFormat":99},{"version":"e55a1f6b198a39e38a3cea3ffe916aab6fde7965c827db3b8a1cacf144a67cd9","impliedFormat":99},{"version":"f7910ccfe56131e99d52099d24f3585570dc9df9c85dd599a387b4499596dd4d","impliedFormat":99},{"version":"9409ac347c5779f339112000d7627f17ede6e39b0b6900679ce5454d3ad2e3c9","impliedFormat":99},{"version":"22dfe27b0aa1c669ce2891f5c89ece9be18074a867fe5dd8b8eb7c46be295ca1","impliedFormat":99},{"version":"684a5c26ce2bb7956ef6b21e7f2d1c584172cd120709e5764bc8b89bac1a10eb","impliedFormat":99},{"version":"93761e39ce9d3f8dd58c4327e615483f0713428fa1a230883eb812292d47bbe8","impliedFormat":99},{"version":"c66be51e3d121c163a4e140b6b520a92e1a6a8a8862d44337be682e6f5ec290a","impliedFormat":99},{"version":"66e486a9c9a86154dc9780f04325e61741f677713b7e78e515938bf54364fee2","impliedFormat":99},{"version":"d211bc80b6b6e98445df46fe9dd3091944825dd924986a1c15f9c66d7659c495","impliedFormat":99},{"version":"8dd2b72f5e9bf88939d066d965144d07518e180efec3e2b6d06ae5e725d84c7d","impliedFormat":99},{"version":"949cb88e315ab1a098c3aa4a8b02496a32b79c7ef6d189eee381b96471a7f609","impliedFormat":99},{"version":"bc43af2a5fa30a36be4a3ed195ff29ffb8067bf4925aa350ace9d9f18f380cc2","impliedFormat":99},{"version":"36844f94161a10af6586f50b95d40baa244215fea31055f27bcbea42cd30373e","impliedFormat":99},{"version":"8428e71f6d1b63acf55ceb56244aad9cf07678cf9626166e4aded15e3d252f8a","impliedFormat":99},{"version":"11505212ab24aa0f06d719a09add4be866e26f0fc15e96a1a2a8522c0c6a73a8","impliedFormat":99},{"version":"55828c4ddfee3bc66d533123ff52942ae67a2115f7395b2a2e0a22cea3ca64e7","impliedFormat":99},{"version":"c44bb0071cededc08236d57d1131c44339c1add98b029a95584dfe1462533575","impliedFormat":99},{"version":"7a4935af71877da3bbc53938af00e5d4f6d445ef850e1573a240447dcb137b5c","impliedFormat":99},{"version":"4e313033202712168ecc70a6d830964ad05c9c93f81d806d7a25d344f6352565","impliedFormat":99},{"version":"8a1fc69eaf8fc8d447e6f776fbfa0c1b12245d7f35f1dbfb18fbc2d941f5edd8","impliedFormat":99},{"version":"afb9b4c8bd38fb43d38a674de56e6f940698f91114fded0aa119de99c6cd049a","impliedFormat":99},{"version":"1d277860f19b8825d027947fca9928ee1f3bfaa0095e85a97dd7a681b0698dfc","impliedFormat":99},{"version":"6d32122bb1e7c0b38b6f126d166dff1f74c8020f8ba050248d182dcafc835d08","impliedFormat":99},{"version":"cfac5627d337b82d2fbeff5f0f638b48a370a8d72d653327529868a70c5bc0f8","impliedFormat":99},{"version":"8a826bc18afa4c5ed096ceb5d923e2791a5bae802219e588a999f535b1c80492","impliedFormat":99},{"version":"73e94021c55ab908a1b8c53792e03bf7e0d195fee223bdc5567791b2ccbfcdec","impliedFormat":99},{"version":"5f73eb47b37f3a957fe2ac6fe654648d60185908cab930fc01c31832a5cb4b10","impliedFormat":99},{"version":"cb6372a2460010a342ba39e06e1dcfd722e696c9d63b4a71577f9a3c72d09e0a","impliedFormat":99},{"version":"1e289698069f553f36bbf12ee0084c492245004a69409066faceb173d2304ec4","impliedFormat":99},{"version":"f1ca71145e5c3bba4d7f731db295d593c3353e9a618b40c4af0a4e9a814bb290","impliedFormat":99},{"version":"ac12a6010ff501e641f5a8334b8eaf521d0e0739a7e254451b6eea924c3035c7","impliedFormat":99},{"version":"97395d1e03af4928f3496cc3b118c0468b560765ab896ce811acb86f6b902b5c","impliedFormat":99},{"version":"7dcfbd6a9f1ce1ddf3050bd469aa680e5259973b4522694dc6291afe20a2ae28","impliedFormat":99},{"version":"6e545419ad200ae4614f8e14d32b7e67e039c26a872c0f93437b0713f54cde53","impliedFormat":99},{"version":"efc225581aae9bb47d421a1b9f278db0238bc617b257ce6447943e59a2d1621e","impliedFormat":99},{"version":"8833b88e26156b685bc6f3d6a014c2014a878ffbd240a01a8aee8a9091014e9c","impliedFormat":99},{"version":"7a2a42a1ac642a9c28646731bd77d9849cb1a05aa1b7a8e648f19ab7d72dd7dc","impliedFormat":99},{"version":"4d371c53067a3cc1a882ff16432b03291a016f4834875b77169a2d10bb1b023e","impliedFormat":99},{"version":"99b38f72e30976fd1946d7b4efe91aa227ecf0c9180e1dd6502c1d39f37445b4","impliedFormat":99},{"version":"df1bcf0b1c413e2945ce63a67a1c5a7b21dbbec156a97d55e9ea0eed90d2c604","impliedFormat":99},{"version":"6e2011a859fa435b1196da1720be944ed59c668bb42d2f2711b49a506b3e4e90","impliedFormat":99},{"version":"b4bfa90fac90c6e0d0185d2fe22f059fec67587cc34281f62294f9c4615a8082","impliedFormat":99},{"version":"036d363e409ebe316a6366aff5207380846f8f82e100c2e3db4af5fe0ad0c378","impliedFormat":99},{"version":"5ae6642588e4a72e5a62f6111cb750820034a7fbe56b5d8ec2bcb29df806ce52","impliedFormat":99},{"version":"6fca09e1abc83168caf36b751dec4ddda308b5714ec841c3ff0f3dc07b93c1b8","impliedFormat":99},{"version":"2f7268e6ac610c7122b6b416e34415ce42b51c56d080bef41786d2365f06772d","impliedFormat":99},{"version":"9a07957f75128ed0be5fc8a692a14da900878d5d5c21880f7c08f89688354aa4","impliedFormat":99},{"version":"8b6f3ae84eab35c50cf0f1b608c143fe95f1f765df6f753cd5855ae61b3efbe2","impliedFormat":99},{"version":"992491d83ff2d1e7f64a8b9117daee73724af13161f1b03171f0fa3ffe9b4e3e","impliedFormat":99},{"version":"12bcf6af851be8dd5f3e66c152bb77a83829a6a8ba8c5acc267e7b15e11aa9ab","impliedFormat":99},{"version":"e2704efc7423b077d7d9a21ddb42f640af1565e668d5ec85f0c08550eff8b833","impliedFormat":99},{"version":"e0513c71fd562f859a98940633830a7e5bcd7316b990310e8bb68b1d41d676a3","impliedFormat":99},{"version":"712071b9066a2d8f4e11c3b8b3d5ada6253f211a90f06c6e131cff413312e26d","impliedFormat":99},{"version":"5a187a7bc1e7514ef1c3d6eaafa470fc45541674d8fca0f9898238728d62666a","impliedFormat":99},{"version":"0c06897f7ab3830cef0701e0e083b2c684ed783ae820b306aedd501f32e9562d","impliedFormat":99},{"version":"56cc6eae48fd08fa709cf9163d01649f8d24d3fea5806f488d2b1b53d25e1d6c","impliedFormat":99},{"version":"57a925b13947b38c34277d93fb1e85d6f03f47be18ca5293b14082a1bd4a48f5","impliedFormat":99},{"version":"9d9d64c1fa76211dd529b6a24061b8d724e2110ee55d3829131bca47f3fe4838","impliedFormat":99},{"version":"c13042e244bb8cf65586e4131ef7aed9ca33bf1e029a43ed0ebab338b4465553","impliedFormat":99},{"version":"54be9b9c71a17cb2519b841fad294fa9dc6e0796ed86c8ac8dd9d8c0d1c3a631","impliedFormat":99},{"version":"10881be85efd595bef1d74dfa7b9a76a5ab1bfed9fb4a4ca7f73396b72d25b90","impliedFormat":99},{"version":"925e71eaa87021d9a1215b5cf5c5933f85fe2371ddc81c32d1191d7842565302","impliedFormat":99},{"version":"faed0b3f8979bfbfb54babcff9d91bd51fda90931c7716effa686b4f30a09575","impliedFormat":99},{"version":"53c72d68328780f711dbd39de7af674287d57e387ddc5a7d94f0ffd53d8d3564","impliedFormat":99},{"version":"51129924d359cdebdccbf20dbabc98c381b58bfebe2457a7defed57002a61316","impliedFormat":99},{"version":"7270a757071e3bc7b5e7a6175f1ac9a4ddf4de09f3664d80cb8805138f7d365b","impliedFormat":99},{"version":"ea7b5c6a79a6511cdeeedc47610370be1b0e932e93297404ef75c90f05fc1b61","impliedFormat":99},"787a19c855cf2b826942d25440b63150c45094154c6a40e95abdb4109298b8b4",{"version":"e516240bc1e5e9faef055432b900bc0d3c9ca7edce177fdabbc6c53d728cced8","impliedFormat":99},{"version":"5402765feacf44e052068ccb4535a346716fa1318713e3dae1af46e1e85f29a9","impliedFormat":99},{"version":"e16ec5d4796e7a765810efee80373675cedc4aa4814cf7272025a88addf5f0be","impliedFormat":99},{"version":"1f57157fcd45f9300c6efcfc53e2071fbe43396b0a7ed2701fbd1efb5599f07f","impliedFormat":99},{"version":"9f1886f3efddfac35babcada2d454acd4e23164345d11c979966c594af63468b","impliedFormat":99},{"version":"a3541c308f223863526df064933e408eba640c0208c7345769d7dc330ad90407","impliedFormat":99},{"version":"59af208befeb7b3c9ab0cb6c511e4fec54ede11922f2ffb7b497351deaf8aa2e","impliedFormat":99},{"version":"928b16f344f6cddaba565da8238f4cf2ddf12fe03eb426ab46a7560e9b3078fa","impliedFormat":99},{"version":"120bdf62bccef4ea96562a3d30dd60c9d55481662f5cf31c19725f56c0056b34","impliedFormat":99},{"version":"39e0da933908de42ba76ea1a92e4657305ae195804cfaa8760664e80baac2d6a","impliedFormat":99},{"version":"55ce6ca8df9d774d60cef58dd5d716807d5cc8410b8b065c06d3edac13f2e726","impliedFormat":99},{"version":"788a0faf3f28d43ce3793b4147b7539418a887b4a15a00ffb037214ed8f0b7f6","impliedFormat":99},{"version":"a3e66e7b8ccdab967cd4ada0f178151f1c42746eabb589a06958482fd4ed354e","impliedFormat":99},{"version":"bf45a2964a872c9966d06b971d0823daecbd707f97e927f2368ba54bb1b13a90","impliedFormat":99},{"version":"39973a12c57e06face646fb79462aabe8002e5523eec4e86e399228eb34b32c9","impliedFormat":99},{"version":"f01091e9b5028acfb38208113ae051fad8a0b4b8ec1f7137a2a5cf903c47eefc","impliedFormat":99},{"version":"b3e87824c9e7e3a3be7f76246e45c8d603ce83d116733047200b3aa95875445b","impliedFormat":99},{"version":"7e1f7f9ae14e362d41167dc861be6a8d76eca30dde3a9893c42946dc5a5fc686","impliedFormat":99},{"version":"9308ef3b9433063ac753a55c3f36d6d89fa38a8e6c51e05d9d8329c7f1174f24","impliedFormat":99},{"version":"cd3bb1aa24726a0abd67558fde5759fe968c3c6aa3ec7bad272e718851502894","impliedFormat":99},{"version":"1ae0f22c3b8420b5c2fec118f07b7ebd5ae9716339ab3477f63c603fe7a151c8","impliedFormat":99},{"version":"919ff537fff349930acc8ad8b875fd985a17582fb1beb43e2f558c541fd6ecd9","impliedFormat":99},{"version":"4e67811e45bae6c44bd6f13a160e4188d72fd643665f40c2ac3e8a27552d3fd9","impliedFormat":99},{"version":"3d1450fd1576c1073f6f4db9ebae5104e52e2c4599afb68d7d6c3d283bdbaf4f","impliedFormat":99},{"version":"c072af873c33ff11af126c56a846dfada32461b393983a72b6da7bff373e0002","impliedFormat":99},{"version":"de66e997ea5376d4aeb16d77b86f01c7b7d6d72fbb738241966459d42a4089e0","impliedFormat":99},{"version":"d77ea3b91e4bc44d710b7c9487c2c6158e8e5a3439d25fc578befeb27b03efd7","impliedFormat":99},{"version":"a3d5c695c3d1ebc9b0bd55804afaf2ac7c97328667cbeedf2c0861b933c45d3e","impliedFormat":99},{"version":"270724545d446036f42ddea422ee4d06963db1563ccc5e18b01c76f6e67968ae","impliedFormat":99},{"version":"85441c4f6883f7cfd1c5a211c26e702d33695acbabec8044e7fa6831ed501b45","impliedFormat":99},{"version":"0f268017a6b1891fdeea69c2a11d576646d7fd9cdfc8aac74d003cd7e87e9c5a","impliedFormat":99},{"version":"9ece188c336c80358742a5a0279f2f550175f5a07264349d8e0ce64db9701c0b","impliedFormat":99},{"version":"cf41b0fc7d57643d1a8d21af07b0247db2f2d7e2391c2e55929e9c00fbe6ab9a","impliedFormat":99},{"version":"11e7ddddd9eddaac56a6f23d8699ae7a94c2a55ae8c986fdabc719d3c3e875a1","impliedFormat":99},{"version":"dd129c2d348be7dbf9f15d34661defdfc11ee00628ca6f7161bead46095c6bc3","impliedFormat":99},{"version":"c38d8e7cfc64bbfc14a63346388249c1cfa2cc02166c5f37e5a57da4790ce27f","impliedFormat":99},"5a4ff73c804e86c873382da80c453f1399006326ef042fb984c24162ec86666e",{"version":"7e3373dde2bba74076250204bd2af3aa44225717435e46396ef076b1954d2729","impliedFormat":1},{"version":"1c3dfad66ff0ba98b41c98c6f41af096fc56e959150bc3f44b2141fb278082fd","impliedFormat":1},{"version":"56208c500dcb5f42be7e18e8cb578f257a1a89b94b3280c506818fed06391805","impliedFormat":1},{"version":"0c94c2e497e1b9bcfda66aea239d5d36cd980d12a6d9d59e66f4be1fa3da5d5a","impliedFormat":1},{"version":"eb9271b3c585ea9dc7b19b906a921bf93f30f22330408ffec6df6a22057f3296","impliedFormat":1},{"version":"0205ee059bd2c4e12dcadc8e2cbd0132e27aeba84082a632681bd6c6c61db710","impliedFormat":1},{"version":"a694d38afadc2f7c20a8b1d150c68ac44d1d6c0229195c4d52947a89980126bc","impliedFormat":1},{"version":"9f1e00eab512de990ba27afa8634ca07362192063315be1f8166bc3dcc7f0e0f","impliedFormat":1},{"version":"9674788d4c5fcbd55c938e6719177ac932c304c94e0906551cc57a7942d2b53b","impliedFormat":1},{"version":"86dac6ce3fcd0a069b67a1ac9abdbce28588ea547fd2b42d73c1a2b7841cf182","impliedFormat":1},{"version":"4d34fbeadba0009ed3a1a5e77c99a1feedec65d88c4d9640910ff905e4e679f7","impliedFormat":1},{"version":"9d90361f495ed7057462bcaa9ae8d8dbad441147c27716d53b3dfeaea5bb7fc8","impliedFormat":1},{"version":"8fcc5571404796a8fe56e5c4d05049acdeac9c7a72205ac15b35cb463916d614","impliedFormat":1},{"version":"a3b3a1712610260c7ab96e270aad82bd7b28a53e5776f25a9a538831057ff44c","impliedFormat":1},{"version":"33a2af54111b3888415e1d81a7a803d37fada1ed2f419c427413742de3948ff5","impliedFormat":1},{"version":"d5a4fca3b69f2f740e447efb9565eecdbbe4e13f170b74dd4a829c5c9a5b8ebf","impliedFormat":1},{"version":"56f1e1a0c56efce87b94501a354729d0a0898508197cb50ab3e18322eb822199","impliedFormat":1},{"version":"8960e8c1730aa7efb87fcf1c02886865229fdbf3a8120dd08bb2305d2241bd7e","impliedFormat":1},{"version":"27bf82d1d38ea76a590cbe56873846103958cae2b6f4023dc59dd8282b66a38a","impliedFormat":1},{"version":"0daaab2afb95d5e1b75f87f59ee26f85a5f8d3005a799ac48b38976b9b521e69","impliedFormat":1},{"version":"2c378d9368abcd2eba8c29b294d40909845f68557bc0b38117e4f04fc56e5f9c","impliedFormat":1},{"version":"9b048390bcffe88c023a4cd742a720b41d4cd7df83bc9270e6f2339bf38de278","affectsGlobalScope":true,"impliedFormat":1},{"version":"c60b14c297cc569c648ddaea70bc1540903b7f4da416edd46687e88a543515a1","impliedFormat":1},{"version":"94a802503ca276212549e04e4c6b11c4c14f4fa78722f90f7f0682e8847af434","impliedFormat":1},{"version":"9c0217750253e3bf9c7e3821e51cff04551c00e63258d5e190cf8bd3181d5d4a","impliedFormat":1},{"version":"5c2e7f800b757863f3ddf1a98d7521b8da892a95c1b2eafb48d652a782891677","impliedFormat":1},{"version":"21317aac25f94069dbcaa54492c014574c7e4d680b3b99423510b51c4e36035f","impliedFormat":1},{"version":"c61d8275c35a76cb12c271b5fa8707bb46b1e5778a370fd6037c244c4df6a725","impliedFormat":1},{"version":"c7793cb5cd2bef461059ca340fbcd19d7ddac7ab3dcc6cd1c90432fca260a6ae","impliedFormat":1},{"version":"fd3bf6d545e796ebd31acc33c3b20255a5bc61d963787fc8473035ea1c09d870","impliedFormat":1},{"version":"c7af51101b509721c540c86bb5fc952094404d22e8a18ced30c38a79619916fa","impliedFormat":1},{"version":"59c8f7d68f79c6e3015f8aee218282d47d3f15b85e5defc2d9d1961b6ffed7a0","impliedFormat":1},{"version":"93a2049cbc80c66aa33582ec2648e1df2df59d2b353d6b4a97c9afcbb111ccab","impliedFormat":1},{"version":"d04d359e40db3ae8a8c23d0f096ad3f9f73a9ef980f7cb252a1fdc1e7b3a2fb9","impliedFormat":1},{"version":"84aa4f0c33c729557185805aae6e0df3bd084e311da67a10972bbcf400321ff0","impliedFormat":1},{"version":"cf6cbe50e3f87b2f4fd1f39c0dc746b452d7ce41b48aadfdb724f44da5b6f6ed","impliedFormat":1},{"version":"3cf494506a50b60bf506175dead23f43716a088c031d3aa00f7220b3fbcd56c9","impliedFormat":1},{"version":"f2d47126f1544c40f2b16fc82a66f97a97beac2085053cf89b49730a0e34d231","impliedFormat":1},{"version":"724ac138ba41e752ae562072920ddee03ba69fe4de5dafb812e0a35ef7fb2c7e","impliedFormat":1},{"version":"e4eb3f8a4e2728c3f2c3cb8e6b60cadeb9a189605ee53184d02d265e2820865c","impliedFormat":1},{"version":"f16cb1b503f1a64b371d80a0018949135fbe06fb4c5f78d4f637b17921a49ee8","impliedFormat":1},{"version":"f4808c828723e236a4b35a1415f8f550ff5dec621f81deea79bf3a051a84ffd0","impliedFormat":1},{"version":"3b810aa3410a680b1850ab478d479c2f03ed4318d1e5bf7972b49c4d82bacd8d","impliedFormat":1},{"version":"0ce7166bff5669fcb826bc6b54b246b1cf559837ea9cc87c3414cc70858e6097","impliedFormat":1},{"version":"6ea095c807bc7cc36bc1774bc2a0ef7174bf1c6f7a4f6b499170b802ce214bfe","impliedFormat":1},{"version":"3549400d56ee2625bb5cc51074d3237702f1f9ffa984d61d9a2db2a116786c22","impliedFormat":1},{"version":"5327f9a620d003b202eff5db6be0b44e22079793c9a926e0a7a251b1dbbdd33f","impliedFormat":1},{"version":"b60f6734309d20efb9b0e0c7e6e68282ee451592b9c079dd1a988bb7a5eeb5e7","impliedFormat":1},{"version":"f4187a4e2973251fd9655598aa7e6e8bba879939a73188ee3290bb090cc46b15","impliedFormat":1},{"version":"44c1a26f578277f8ccef3215a4bd642a0a4fbbaf187cf9ae3053591c891fdc9c","impliedFormat":1},{"version":"a5989cd5e1e4ca9b327d2f93f43e7c981f25ee12a81c2ebde85ec7eb30f34213","impliedFormat":1},{"version":"f65b8fa1532dfe0ef2c261d63e72c46fe5f089b28edcd35b3526328d42b412b8","impliedFormat":1},{"version":"1060083aacfc46e7b7b766557bff5dafb99de3128e7bab772240877e5bfe849d","impliedFormat":1},{"version":"d61a3fa4243c8795139e7352694102315f7a6d815ad0aeb29074cfea1eb67e93","impliedFormat":1},{"version":"1f66b80bad5fa29d9597276821375ddf482c84cfb12e8adb718dc893ffce79e0","impliedFormat":1},{"version":"1ed8606c7b3612e15ff2b6541e5a926985cbb4d028813e969c1976b7f4133d73","impliedFormat":1},{"version":"c086ab778e9ba4b8dbb2829f42ef78e2b28204fc1a483e42f54e45d7a96e5737","impliedFormat":1},{"version":"dd0b9b00a39436c1d9f7358be8b1f32571b327c05b5ed0e88cc91f9d6b6bc3c9","impliedFormat":1},{"version":"a951a7b2224a4e48963762f155f5ad44ca1145f23655dde623ae312d8faeb2f2","impliedFormat":1},{"version":"cd960c347c006ace9a821d0a3cffb1d3fbc2518a4630fb3d77fe95f7fd0758b8","impliedFormat":1},{"version":"fe1f3b21a6cc1a6bc37276453bd2ac85910a8bdc16842dc49b711588e89b1b77","impliedFormat":1},{"version":"1a6a21ff41d509ab631dbe1ea14397c518b8551f040e78819f9718ef80f13975","impliedFormat":1},{"version":"0a55c554e9e858e243f714ce25caebb089e5cc7468d5fd022c1e8fa3d8e8173d","impliedFormat":1},{"version":"3a5e0fe9dcd4b1a9af657c487519a3c39b92a67b1b21073ff20e37f7d7852e32","impliedFormat":1},{"version":"977aeb024f773799d20985c6817a4c0db8fed3f601982a52d4093e0c60aba85f","impliedFormat":1},{"version":"d59cf5116848e162c7d3d954694f215b276ad10047c2854ed2ee6d14a481411f","impliedFormat":1},{"version":"50098be78e7cbfc324dfc04983571c80539e55e11a0428f83a090c13c41824a2","impliedFormat":1},{"version":"08e767d9d3a7e704a9ea5f057b0f020fd5880bc63fbb4aa6ffee73be36690014","impliedFormat":1},{"version":"dd6051c7b02af0d521857069c49897adb8595d1f0e94487d53ebc157294ef864","impliedFormat":1},{"version":"79c6a11f75a62151848da39f6098549af0dd13b22206244961048326f451b2a8","impliedFormat":1},"b40d1236f168c746b228adec6bc4e9d196ea362a7910878f161d3c359a013b89",{"version":"2c57db2bf2dbd9e8ef4853be7257d62a1cb72845f7b976bb4ee827d362675f96","impliedFormat":99},"ac389a574651c8bedffc10f80674c5fc2f02ab81291a5f4ad9c587d1f775fdce","f4cdd104de29928bfcd40b865c7d08eed9157a537fbb8b5e6d0921f02b63cc04",{"version":"bb703864a1bc9ca5ac3589ffd83785f6dc86f7f6c485c97d7ffd53438777cb9e","impliedFormat":1},"f9c982ed8114c253c6ca738043d3f455e89c6d65569e90c9415776d6b4d6be14","5a57ebc119f2357b097098d22865d45de8fda623ee88fe98b99999838c13633b",{"version":"68b6a7501a56babd7bcd840e0d638ee7ec582f1e70b3c36ebf32e5e5836913c8","impliedFormat":99},{"version":"89783bd45ab35df55203b522f8271500189c3526976af533a599a86caaf31362","impliedFormat":99},{"version":"6da2e0928bdab05861abc4e4abebea0c7cf0b67e25374ba35a94df2269563dd8","impliedFormat":99},"5369fc82c51df067aec2934f5e711aaf9e3f745ed7baadd7ba4b77397dee2a1b",{"version":"e7441be68f390975c6155c805cea8f54cc1b7f3656b6b9440ecbbbd7753499e6","impliedFormat":99},"47ff6248307a4ac09bf7e00181a2a29f9f846691092e04cad03e15d749bc249b",{"version":"26e6c521a290630ea31f0205a46a87cab35faac96e2b30606f37bae7bcda4f9d","impliedFormat":99},"dc109123ecd59af01d07aa9f3a8e8a7085bd3f337388c5369799ab1ce6c2d45f","9f975582a0290dbc7ce6efa3b36b376a4c3f07863026c3b74c1e73cb0023acb8",{"version":"71acd198e19fa38447a3cbc5c33f2f5a719d933fccf314aaff0e8b0593271324","impliedFormat":99},"2eac8fbb04002c42b0fbc4062d20d131e421796eaf65c37d2049e29e42ecbc5a","e463611ab049c5e9b1c61691d239e05970ead7b577a191b3f80aa6f8ffccada9",{"version":"6ce55335012d76737df504baabc950805760acf3be988142d1985aa4893f919e","impliedFormat":1},{"version":"88efe27bebddb62da9655a9f093e0c27719647e96747f16650489dc9671075d6","impliedFormat":1},{"version":"e348f128032c4807ad9359a1fff29fcbc5f551c81be807bfa86db5a45649b7ba","impliedFormat":1},{"version":"8ee6b07974528da39b7835556e12dd3198c0a13e4a9de321217cd2044f3de22e","impliedFormat":1},{"version":"deefd8c43b40f9797c3921d78d3f9243959621a17b817be7f5d95c149f23a9dd","impliedFormat":1},{"version":"5f12132800d430adbe59b49c2c0354d85a71ada7d756e34250a655baa8ad4ae5","impliedFormat":1},{"version":"1996d1cd7d585a8359a35878f67abdd73cc35b1f675c9c6b147b202fdd8dfc3f","impliedFormat":1},{"version":"b16e757e4c35434065120a2b3bf13a518fc9e621dc9c2ed668f91635a9dc4e75","impliedFormat":1},{"version":"ac83121ea57329928ee48f235bc78502497f9f6e607cb1fd4ba3d41b6b98f5fa","impliedFormat":1},{"version":"d02ced7accb512e6198b796b8d284e7979abde0f089b0a77969747a5f27bfb23","impliedFormat":1},{"version":"4374cefdde5c6e9bad52b0436e887b8325b8f407c12035194ad02c28f1553a3a","impliedFormat":1},{"version":"5f1ba0898eb0a54a644cb9c95c2240beaa961d87fd080cbb90807a6cc03daeb3","impliedFormat":1},{"version":"8e92ee8710ba85b158c5d91b0bbc9d0d033f5e062b6e70178063f01b20f63a14","impliedFormat":1},{"version":"ee933420aacba1f60aa70fb8ba47c5e69001b005073b71973114587089a13c7f","impliedFormat":1},{"version":"0a0714999d0a5bdfacd15c7b34cffbcc6f263f6cb0ccb42076cdc541c6987797","impliedFormat":1},{"version":"56584bfc655f9df64afc0f22f7d1122c29e5b74b342c203b891e19de9fa37de8","impliedFormat":1},{"version":"40ec58f0fadd0b3981b3d383e1c12fa0680115ae9f018387fc2cfc0bbcf23204","impliedFormat":1},{"version":"849b9e7283b7309a4556c9b90bb8e2dfc27751f157798065bbc513dcddb09a8c","impliedFormat":1},{"version":"76bba0c97594248c1be19af32d5799f7eff51cec2926d8e4dd59267d7636a0b4","impliedFormat":1},{"version":"10e109212c7be8a9f66e988e5d6c2a8900c9d14bf6beadf5fa70d32ada3425cf","impliedFormat":1},{"version":"f4558bcdc26690cc593cd59217cd17d8e00af0f5fbd0c4f1c0d71ba75029c42e","impliedFormat":1},{"version":"26602933b613e4df3868a6c82e14fffa2393a08531cb333ed27b151923462981","impliedFormat":1},{"version":"f57a588d8f6b3ce5c8b494f2dc759a8885eaee18e80a4952df47de45403fedbe","impliedFormat":1},{"version":"34735727b3fe7a0ed0651a0f88d06449163d1989a2b2de7f047473adc7c1c383","impliedFormat":1},{"version":"a5b13abc88ab3186e713c445e59e2f6eee20c6167943517bc2f56985d89b8c55","impliedFormat":1},{"version":"c8a206a6ba4e32710ebb4a389187772423de0f4f6180b95a7ef1a5a1934c1be6","impliedFormat":1},{"version":"7ae65fe95b18205e241e6695cb2c61c0828d660aca7d08f68781b439a800e6b8","impliedFormat":1},{"version":"c2c8c166199d3a7bd093152437d1f6399d05e458a9ca9364456feecba920cda4","impliedFormat":1},{"version":"369b7270eeeb37982203b2cb18c7302947b89bf5818c1d3d2e95a0418f02b74e","impliedFormat":1},{"version":"94f95d223e2783b0aef4d15d7f6990a6a550fe17d099c501395f690337f7105e","impliedFormat":1},{"version":"039bd8d1e0d151570b66e75ee152877fb0e2f42eca43718632ac195e6884be34","impliedFormat":1},{"version":"d565d66b38d54de037c9d46dede1f12630010d9b45fd9c6b432c7a40b2e30502","impliedFormat":1},{"version":"d7386a1ebe9a3eae227a5561c898c10cacb61a49f941c5a18cdf593f979c693c","impliedFormat":1},"d50adf86568f76246f0f319c9e1e858627475563f6c1e38f5df7d4ee23958559",{"version":"89ad9a4e8044299f356f38879a1c2176bc60c997519b442c92cc5a70b731a360","impliedFormat":99},"00f9086b1412843e04e01d31d2fab00a25d65d789d1a382e41f01b1f3c167c3b","6299a6a387dc55e528aec4342deaea0b83f1ea3a365c135a31a18ee55334f441","ec7c92aaed80f6923a7caa4bfe4eead395b50a7001504fd7fbb0b9381804dae9","e9dad28bc940ca29714312d6c75d83bfe63f0cf7f9a384d2a2969a00a1d79700",{"version":"b843496b17a2bbd79c83809c73fd9c59fab53d3e361e04e52e2d489524eea764","impliedFormat":1},"7c4799e3597f2780c09a39a1391b921fa16eaedd0476457492af734f58e2ec98","90983640aa7cfef8217422347d8e14825cf55137c76369decacf440767f03188","0c025e7736d435f563bfb44105e562629672799eb1f35cbf194148d06cd1a9f7",{"version":"fd4f58cd6b5fc8ce8af0d04bfef5142f15c4bafaac9a9899c6daa056f10bb517","impliedFormat":99},"def61eb2c47c9ec319423471f4ca20045e99549958211cacf832e4ede769e484",{"version":"2a00cea77767cb26393ee6f972fd32941249a0d65b246bfcb20a780a2b919a21","impliedFormat":99},{"version":"440cb5b34e06fabe3dcb13a3f77b98d771bf696857c8e97ce170b4f345f8a26b","impliedFormat":99},"a06d96a582ac207ffcd38445d773c05e841d646efb185b5e9b65f73e5bd388c7","9506dbd19ddd0c2810d1c9668a3f01606e39d9bf33ddc43329523c03bf629012",{"version":"2535fc1a5fe64892783ff8f61321b181c24f824e688a4a05ae738da33466605b","impliedFormat":99},"04cf38bf94abd3fe1b51e90227e6e235ca74776f6fc6af718bfc149e7424f582",{"version":"cbfd5ef0c8fdb4983202252b5f5758a579f4500edc3b9ad413da60cffb5c3564","impliedFormat":99},"6b3b4b69a1cb361076174892e9a96e1a09020307616965ef89f2f7e2495b57a9",{"version":"9f7a3c434912fd3feb87af4aabdf0d1b614152ecb5e7b2aa1fff3429879cdd51","impliedFormat":99},"9ba7808b7404cdf2159c81883a39290033bc4308f2978eb80797c92b87421301",{"version":"a81a0eea036dd60a2c2edc52466bb2853bef379c3b9de327fe9fff6e3c38e6c5","impliedFormat":1},{"version":"348c13a1c9160681e41bc5cd3cc519dd8170d38a36a30480b41849f60f5bf8a0","impliedFormat":1},{"version":"c772a37a02356897d6f9872e30fcc2108f43ad943cc112bd1acc5415a876e9f8","impliedFormat":1},{"version":"279248c34ecd223fc46224f86384ebf49c775eb69329ad644d3d99f1205f3e7d","impliedFormat":1},{"version":"74dedffc2d09627f5a4de02bbd7eedf634938c13c2cc4e92f0b4135573432783","impliedFormat":1},{"version":"1f2bbbe38d5e536607b385f04c3d2cbf1e678c5ded7e8c5871ad8ae91ef33c3d","impliedFormat":1},{"version":"3aa3513d5e13d028202e788d763f021d2d113bd673087b42a2606ab50345492d","impliedFormat":1},{"version":"f012173d64d0579875aa60405de21ad379af7971b93bf46bee23acc5fa2b76a4","impliedFormat":1},{"version":"dcf5dc3ce399d472929c170de58422b549130dd540531623c830aaaaf3dd5f93","impliedFormat":1},{"version":"ec35f1490510239b89c745c948007c5dd00a8dca0861a836dcf0db5360679a2d","impliedFormat":1},{"version":"32868e4ec9b6bd4b1d96d24611343404b3a0a37064a7ac514b1d66b48325a911","impliedFormat":1},{"version":"4bbea07f21ff84bf3ceeb218b5a8c367c6e0f08014d3fd09e457d2ffb2826b9c","impliedFormat":1},{"version":"873a07dbeb0f8a3018791d245c0cf10c3289c8f7162cdbbb4a5b9cf723136185","impliedFormat":1},{"version":"43839af7f24edbd4b4e42e861eb7c0d85d80ec497095bb5002c93b451e9fcf88","impliedFormat":1},{"version":"54a7ee56aadecbe8126744f7787f54f79d1e110adab8fe7026ad83a9681f136a","impliedFormat":1},{"version":"6333c727ee2b79cdab55e9e10971e59cbfee26c73dfb350972cfd97712fc2162","impliedFormat":1},{"version":"8743b4356e522c26dc37f20cde4bcdb5ebd0a71a3afe156e81c099db7f34621d","impliedFormat":1},{"version":"af3d97c3a0da9491841efc4e25585247aa76772b840dd279dbff714c69d3a1ec","impliedFormat":1},{"version":"d9ac50fe802967929467413a79631698b8d8f4f2dc692b207e509b6bb3a92524","impliedFormat":1},{"version":"34d017b29ca5107bf2832b992e4cee51ed497f074724a4b4a7b6386b7f8297c9","impliedFormat":1},{"version":"b75d56703daaffcb31a7cdebf190856e07739a9481f01c2919f95bde99be9424","impliedFormat":99},"70d1e35a5fb0897af7063cdd841d8ed636e1c332ef7ea6469f0f175a5a93dddf",{"version":"99d1a601593495371e798da1850b52877bf63d0678f15722d5f048e404f002e4","impliedFormat":99},"d7d02600effca55d0dcadce8c09c97ebddda3a19c5fa1d52dc9f6f727b26c6b1",{"version":"1179ef8174e0e4a09d35576199df04803b1db17c0fb35b9326442884bc0b0cce","impliedFormat":99},"3d93ae07a8f3fe121ba60f4439e26bd7859f247eb8bfcafcf4b4a8a069888eec","363f8e06aa5b53c6475f445117f60fa9294be79e9e4f1f5bf70886800188124e","ad0936f84f1df79d3697bfbff9c18f8ad58431c1cbaf2359c6a853b0fcc9f28b","87608e7cc815ad3d88e0b9de6c402bb37b58ea1b38636cf69709da1baff6e334","b023ff6245be1930e152a18c6aaa2b6dd1a11df7b05fcf41bbe483968bfb1c39",{"version":"cc3738ba01d9af5ba1206a313896837ff8779791afcd9869e582783550f17f38","impliedFormat":99},"234e38fef59169bd02d8f5b56ca02e5ec13a0bd6846c328927b924e1299f7fb0",{"version":"6c05d0fcee91437571513c404e62396ee798ff37a2d8bef2104accdc79deb9c0","impliedFormat":1},{"version":"6aa2859da46f726a22040725e684ea964d7469a6b26f1c0a6634bb65e79062b0","impliedFormat":99},"771ab8637d27384c3ed030ba3be01a07b90c791c294eae06646250f8e81bc49e","3e6e6e8d37fb4069f8e43e55318f8db06fbc36e6c8be0096da3c9337c1c798b9",{"version":"4a5aa16151dbec524bb043a5cbce2c3fec75957d175475c115a953aca53999a9","impliedFormat":99},"ba5867cd3145af1290edd80bb56d4b6d61c6331aa8ef96ae0b85487f4499feaf","a4a6972c2d47d465d7f02c1dc4a6cbfeda7a97e46479c1b0cebdaf26bf9b497a",{"version":"7a14bf21ae8a29d64c42173c08f026928daf418bed1b97b37ac4bb2aa197b89b","impliedFormat":99},"6f74706bc6b53f9e4bcebb5e7ab8743b616aef181edc7758b8ee905f9b2fdcd7",{"version":"69ec8d900cfec3d40e50490fedbbea5c1b49d32c38adbc236e73a3b8978c0b11","impliedFormat":99},{"version":"7fd629484ba6772b686885b443914655089246f75a13dd685845d0abae337671","impliedFormat":99},"955fa1bb97505b7a8bba3f7cff1991035a9afa0e1113f5d598147e6369dbf44b","dba95ead40d163af6959198ded9853a2cc9282b2cb534980f99937a65edf4e2d",{"version":"d153a11543fd884b596587ccd97aebbeed950b26933ee000f94009f1ab142848","affectsGlobalScope":true,"impliedFormat":1},{"version":"0ccdaa19852d25ecd84eec365c3bfa16e7859cadecf6e9ca6d0dbbbee439743f","affectsGlobalScope":true,"impliedFormat":1},{"version":"cc2110f7decca6bfb9392e30421cfa1436479e4a6756e8fec6cbc22625d4f881","affectsGlobalScope":true,"impliedFormat":1},{"version":"096116f8fedc1765d5bd6ef360c257b4a9048e5415054b3bf3c41b07f8951b0b","affectsGlobalScope":true,"impliedFormat":1},{"version":"e5e01375c9e124a83b52ee4b3244ed1a4d214a6cfb54ac73e164a823a4a7860a","affectsGlobalScope":true,"impliedFormat":1},{"version":"f90ae2bbce1505e67f2f6502392e318f5714bae82d2d969185c4a6cecc8af2fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"4b58e207b93a8f1c88bbf2a95ddc686ac83962b13830fe8ad3f404ffc7051fb4","affectsGlobalScope":true,"impliedFormat":1},{"version":"1fefabcb2b06736a66d2904074d56268753654805e829989a46a0161cd8412c5","affectsGlobalScope":true,"impliedFormat":1},{"version":"9798340ffb0d067d69b1ae5b32faa17ab31b82466a3fc00d8f2f2df0c8554aaa","affectsGlobalScope":true,"impliedFormat":1},{"version":"c18a99f01eb788d849ad032b31cafd49de0b19e083fe775370834c5675d7df8e","affectsGlobalScope":true,"impliedFormat":1},{"version":"5247874c2a23b9a62d178ae84f2db6a1d54e6c9a2e7e057e178cc5eea13757fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"cdcf9ea426ad970f96ac930cd176d5c69c6c24eebd9fc580e1572d6c6a88f62c","impliedFormat":1},{"version":"23cd712e2ce083d68afe69224587438e5914b457b8acf87073c22494d706a3d0","impliedFormat":1},{"version":"156a859e21ef3244d13afeeba4e49760a6afa035c149dda52f0c45ea8903b338","impliedFormat":1},{"version":"10ec5e82144dfac6f04fa5d1d6c11763b3e4dbbac6d99101427219ab3e2ae887","impliedFormat":1},{"version":"615754924717c0b1e293e083b83503c0a872717ad5aa60ed7f1a699eb1b4ea5c","impliedFormat":1},{"version":"074de5b2fdead0165a2757e3aaef20f27a6347b1c36adea27d51456795b37682","impliedFormat":1},{"version":"68834d631c8838c715f225509cfc3927913b9cc7a4870460b5b60c8dbdb99baf","impliedFormat":1},{"version":"4137ebf04166f3a325f056aa56101adc75e9dceb30404a1844eb8604d89770e2","impliedFormat":1},{"version":"ccab02f3920fc75c01174c47fcf67882a11daf16baf9e81701d0a94636e94556","impliedFormat":1},{"version":"3e11fce78ad8c0e1d1db4ba5f0652285509be3acdd519529bc8fcef85f7dafd9","impliedFormat":1},{"version":"ea6bc8de8b59f90a7a3960005fd01988f98fd0784e14bc6922dde2e93305ec7d","impliedFormat":1},{"version":"36107995674b29284a115e21a0618c4c2751b32a8766dd4cb3ba740308b16d59","impliedFormat":1},{"version":"914a0ae30d96d71915fc519ccb4efbf2b62c0ddfb3a3fc6129151076bc01dc60","impliedFormat":1},{"version":"9c32412007b5662fd34a8eb04292fb5314ec370d7016d1c2fb8aa193c807fe22","impliedFormat":1},{"version":"7fd1b31fd35876b0aa650811c25ec2c97a3c6387e5473eb18004bed86cdd76b6","impliedFormat":1},{"version":"4d327f7d72ad0918275cea3eee49a6a8dc8114ae1d5b7f3f5d0774de75f7439a","impliedFormat":1},{"version":"6ebe8ebb8659aaa9d1acbf3710d7dae3e923e97610238b9511c25dc39023a166","impliedFormat":1},{"version":"e85d7f8068f6a26710bff0cc8c0fc5e47f71089c3780fbede05857331d2ddec9","impliedFormat":1},{"version":"7befaf0e76b5671be1d47b77fcc65f2b0aad91cc26529df1904f4a7c46d216e9","impliedFormat":1},{"version":"0a60a292b89ca7218b8616f78e5bbd1c96b87e048849469cccb4355e98af959a","impliedFormat":1},{"version":"0b6e25234b4eec6ed96ab138d96eb70b135690d7dd01f3dd8a8ab291c35a683a","impliedFormat":1},{"version":"9666f2f84b985b62400d2e5ab0adae9ff44de9b2a34803c2c5bd3c8325b17dc0","impliedFormat":1},{"version":"40cd35c95e9cf22cfa5bd84e96408b6fcbca55295f4ff822390abb11afbc3dca","impliedFormat":1},{"version":"b1616b8959bf557feb16369c6124a97a0e74ed6f49d1df73bb4b9ddf68acf3f3","impliedFormat":1},{"version":"5b03a034c72146b61573aab280f295b015b9168470f2df05f6080a2122f9b4df","impliedFormat":1},{"version":"40b463c6766ca1b689bfcc46d26b5e295954f32ad43e37ee6953c0a677e4ae2b","impliedFormat":1},{"version":"249b9cab7f5d628b71308c7d9bb0a808b50b091e640ba3ed6e2d0516f4a8d91d","impliedFormat":1},{"version":"80aae6afc67faa5ac0b32b5b8bc8cc9f7fa299cff15cf09cc2e11fd28c6ae29e","impliedFormat":1},{"version":"f473cd2288991ff3221165dcf73cd5d24da30391f87e85b3dd4d0450c787a391","impliedFormat":1},{"version":"499e5b055a5aba1e1998f7311a6c441a369831c70905cc565ceac93c28083d53","impliedFormat":1},{"version":"8aee8b6d4f9f62cf3776cda1305fb18763e2aade7e13cea5bbe699112df85214","impliedFormat":1},{"version":"98498b101803bb3dde9f76a56e65c14b75db1cc8bec5f4db72be541570f74fc5","impliedFormat":1},{"version":"1cc2a09e1a61a5222d4174ab358a9f9de5e906afe79dbf7363d871a7edda3955","impliedFormat":1},{"version":"5d0375ca7310efb77e3ef18d068d53784faf62705e0ad04569597ae0e755c401","impliedFormat":1},{"version":"59af37caec41ecf7b2e76059c9672a49e682c1a2aa6f9d7dc78878f53aa284d6","impliedFormat":1},{"version":"addf417b9eb3f938fddf8d81e96393a165e4be0d4a8b6402292f9c634b1cb00d","impliedFormat":1},{"version":"b64d4d1c5f877f9c666e98e833f0205edb9384acc46e98a1fef344f64d6aba44","impliedFormat":1},{"version":"adf27937dba6af9f08a68c5b1d3fce0ca7d4b960c57e6d6c844e7d1a8e53adae","impliedFormat":1},{"version":"12950411eeab8563b349cb7959543d92d8d02c289ed893d78499a19becb5a8cc","impliedFormat":1},{"version":"2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","impliedFormat":1},{"version":"c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","impliedFormat":1},{"version":"c9381908473a1c92cb8c516b184e75f4d226dad95c3a85a5af35f670064d9a2f","impliedFormat":1},{"version":"c3f5289820990ab66b70c7fb5b63cb674001009ff84b13de40619619a9c8175f","affectsGlobalScope":true,"impliedFormat":1},{"version":"b3275d55fac10b799c9546804126239baf020d220136163f763b55a74e50e750","affectsGlobalScope":true,"impliedFormat":1},{"version":"fa68a0a3b7cb32c00e39ee3cd31f8f15b80cac97dce51b6ee7fc14a1e8deb30b","affectsGlobalScope":true,"impliedFormat":1},{"version":"1cf059eaf468efcc649f8cf6075d3cb98e9a35a0fe9c44419ec3d2f5428d7123","affectsGlobalScope":true,"impliedFormat":1},{"version":"6c36e755bced82df7fb6ce8169265d0a7bb046ab4e2cb6d0da0cb72b22033e89","affectsGlobalScope":true,"impliedFormat":1},{"version":"e7721c4f69f93c91360c26a0a84ee885997d748237ef78ef665b153e622b36c1","affectsGlobalScope":true,"impliedFormat":1},{"version":"7a93de4ff8a63bafe62ba86b89af1df0ccb5e40bb85b0c67d6bbcfdcf96bf3d4","affectsGlobalScope":true,"impliedFormat":1},{"version":"90e85f9bc549dfe2b5749b45fe734144e96cd5d04b38eae244028794e142a77e","affectsGlobalScope":true,"impliedFormat":1},{"version":"e0a5deeb610b2a50a6350bd23df6490036a1773a8a71d70f2f9549ab009e67ee","affectsGlobalScope":true,"impliedFormat":1},{"version":"d2ae155afe8a01cc0ae612d99117cf8ef16692ba7c4366590156fdec1bcf2d8c","impliedFormat":1},{"version":"3f5e5d9be35913db9fea42a63f3df0b7e3c8703b97670a2125587b4dbbd56d7c","impliedFormat":1},{"version":"8caeb65fdc3bfe0d13f86f67324fcb2d858ed1c55f1f0cce892eb1acfb9f3239","impliedFormat":1},{"version":"57c23df0b5f7a8e26363a3849b0bc7763f6b241207157c8e40089d1df4116f35","affectsGlobalScope":true,"impliedFormat":1},{"version":"3b8bc0c17b54081b0878673989216229e575d67a10874e84566a21025a2461ee","impliedFormat":1},{"version":"5b0db5a58b73498792a29bfebc333438e61906fef75da898b410e24e52229e6f","impliedFormat":1},{"version":"dbe055b2b29a7bab2c1ca8f259436306adb43f469dca7e639a02cd3695d3f621","impliedFormat":1},{"version":"1678b04557dca52feab73cc67610918a7f5e25bfdba3e7fa081acd625d93106d","impliedFormat":1},{"version":"e3905f6902f0b69e5eefc230daa69fdd4ab707a973ec2d086d65af1b3ea47ef0","impliedFormat":1},{"version":"2ea729503db9793f2691162fec3dd1118cab62e96d025f8eeb376d43ec293395","impliedFormat":1},{"version":"9ec87fea42b92894b0f209931a880789d43c3397d09dd99c631ae40a2f7071d1","impliedFormat":1},{"version":"c68e88cdfadfb6c8ba5fc38e58a3a166b0beae77b1f05b7d921150a32a5ffb8d","impliedFormat":1},{"version":"2bc7aa4fba46df0bd495425a7c8201437a7d465f83854fac859df2d67f664df3","impliedFormat":1},{"version":"41d17e1ad9a002feb11c8cdd2777e5bbc0cdb1e3f595d237e4dded0b6949983b","impliedFormat":1},{"version":"07e4e61e946a9c15045539ecd5f5d2d02e7aab6fa82567826857e09cf0f37c2e","affectsGlobalScope":true,"impliedFormat":1},{"version":"1c4714ccc29149efb8777a1da0b04b8d2258f5d13ddbf4cd3c3d361fb531ac86","impliedFormat":1},{"version":"3ff275f84f89f8a7c0543da838f9da9614201abc4ce74c533029825adfb4433d","impliedFormat":1},{"version":"0eb5d0cbf09de5d34542b977fd6a933bb2e0817bffe8e1a541b2f1ad1b9af1ff","impliedFormat":1},{"version":"10deca769dfed888051b1808d6746f8883a490a707f8bdf9367079146987d6d0","impliedFormat":1},{"version":"2c2bdaa1d8ead9f68628d6d9d250e46ee8e81aa4898b4769a36956ae15e060fe","impliedFormat":1},{"version":"c32c840c62d8bd7aeb3147aa6754cd2d922b990a6b6634530cb2ebdce5adc8e9","impliedFormat":1},{"version":"e1c1a0b4d1ead0de9eca52203aeb1f771f21e6238d6fcd15aa56ac2a02f1b7bf","impliedFormat":1},{"version":"82b91e4e42e6c41bc7fc1b6c2dc5eba6a2ba98375eb1f210e6ff6bba2d54177e","impliedFormat":1},{"version":"6fe28249ac0c7bc19a79aa9264baf00efbd080e868dbe1d3052033ad1c64f206","affectsGlobalScope":true,"impliedFormat":1},{"version":"cbed824fec91efefc7bbdcb8b43d1a531fdbebd0e2ef19481501ff365a93cb70","impliedFormat":1},{"version":"d0716593b3f2b0451bcf0c24cfa86dec2235c325c89f201934248b7c742715fc","impliedFormat":1},{"version":"ec501101c2a96133a6c695f934c8f6642149cc728571b29cbb7b770984c1088e","impliedFormat":1},{"version":"b214ebcf76c51b115453f69729ee8aa7b7f8eccdae2a922b568a45c2d7ff52f7","impliedFormat":1},{"version":"429c9cdfa7d126255779efd7e6d9057ced2d69c81859bbab32073bad52e9ba76","impliedFormat":1},{"version":"2991bca2cc0f0628a278df2a2ccdb8d6cbcb700f3761abbed62bba137d5b1790","impliedFormat":1},{"version":"ce8653341224f8b45ff46d2a06f2cacb96f841f768a886c9d8dd8ec0878b11bd","affectsGlobalScope":true,"impliedFormat":1},{"version":"230763250f20449fa7b3c9273e1967adb0023dc890d4be1553faca658ee65971","impliedFormat":1},{"version":"c3e9078b60cb329d1221f5878e88cecfa3e74460550e605a58fcfb41a66029ff","impliedFormat":1},{"version":"a74edb3bab7394a9dbde529d60632be590def2f5f01024dbd85441587fbfbbe0","impliedFormat":1},{"version":"0ea59f7d3e51440baa64f429253759b106cfcbaf51e474cae606e02265b37cf8","impliedFormat":1},{"version":"bc18a1991ba681f03e13285fa1d7b99b03b67ee671b7bc936254467177543890","impliedFormat":1},{"version":"00049ccc87f3f37726db03c01ca68fe74fd9c0109b68c29eb9923ebec2c76b13","impliedFormat":1},{"version":"fa94bbf532b7af8f394b95fa310980d6e20bd2d4c871c6a6cb9f70f03750a44b","impliedFormat":1},{"version":"68d3f35108e2608b1f2f28b36d19d7055f31c4465cc5692cbd06c716a9fe7973","impliedFormat":1},{"version":"a6d543044570fbeed13a7f9925a868081cd2b14ef59cdd9da6ae76d41cab03d3","affectsGlobalScope":true,"impliedFormat":1},{"version":"7fa2214bb0d64701bc6f9ce8cde2fd2ff8c571e0b23065fa04a8a5a6beb91511","impliedFormat":1},{"version":"f1c93e046fb3d9b7f8249629f4b63dc068dd839b824dd0aa39a5e68476dc9420","impliedFormat":1},{"version":"016b29bf4926b80255a108c53a1451717350059da04fcae64d1075f5e93bbb39","impliedFormat":1},{"version":"841983e39bd4cbb463be385e92fda11057cab368bf27100a801c492f1d86cbaa","impliedFormat":1},{"version":"6f5383b3df1cdf4ff1aa7fb0850f77042b5786b5e65ec9a9b6be56ebfe4d9036","impliedFormat":1},{"version":"62fc21ed9ccbd83bd1166de277a4b5daaa8d15b5fa614c75610d20f3b73fba87","impliedFormat":1},{"version":"e4156ddb25aa0e3b5303d372f26957b36778f0f6bbd4326359269873295e3058","affectsGlobalScope":true,"impliedFormat":1},{"version":"cc1b433a84cae05ddc5672d4823170af78606ad21ecef60dbc4570190cbf1357","impliedFormat":1},{"version":"9d3821bc75c59577e52643324cec92fc2145642e8d17cf7ee07a3181f21d985d","impliedFormat":1},{"version":"7f78cfb2b343838612c192cb251746e3a7c62ac7675726a47e130d9b213f6580","impliedFormat":1},{"version":"201db9cf1687fab1adf5282fcba861f382b32303dc4f67c89d59655e78a25461","impliedFormat":1},{"version":"c77fb31bc17fd241d3922a9f88c59e3361cdf76d1328ba9412fc6bf7310b638d","impliedFormat":1},{"version":"0a20eaf2e4b1e3c1e1f87f7bccb0c936375b23b022baeea750519b7c9bc6ce83","impliedFormat":1},{"version":"b484ec11ba00e3a2235562a41898d55372ccabe607986c6fa4f4aba72093749f","impliedFormat":1},{"version":"a16b91b27bd6b706c687c88cbc8a7d4ee98e5ed6043026d6b84bda923c0aed67","impliedFormat":1},{"version":"694b812e0ed11285e8822cf8131e3ce7083a500b3b1d185fff9ed1089677bd0a","impliedFormat":1},{"version":"99ab6d0d660ce4d21efb52288a39fd35bb3f556980ec5463b1ae8f304a3bbc85","impliedFormat":1},{"version":"6eeded8c7e352be6e0efb83f4935ec752513c4d22043b52522b90849a49a3a11","impliedFormat":1},{"version":"6c1ad90050ffbb151cacc68e2d06ea1a26a945659391e32651f5d42b86fd7f2c","impliedFormat":1},{"version":"55cdbeebe76a1fa18bbd7e7bf73350a2173926bd3085bb050cf5a5397025ee4e","impliedFormat":1},{"version":"a7ca8df4f2931bef2aa4118078584d84a0b16539598eaadf7dce9104dfaa381c","impliedFormat":1},{"version":"72950913f4900b680f44d8cab6dd1ea0311698fc1eefb014eb9cdfc37ac4a734","impliedFormat":1},{"version":"36977c14a7f7bfc8c0426ae4343875689949fb699f3f84ecbe5b300ebf9a2c55","impliedFormat":1},{"version":"59f8dc89b9e724a6a667f52cdf4b90b6816ae6c9842ce176d38fcc973669009e","affectsGlobalScope":true,"impliedFormat":1},{"version":"474eba6689e97bf58edd28c90524e70f4fb11820df66752182a1ad1ff9970bb2","affectsGlobalScope":true,"impliedFormat":1},{"version":"1eef826bc4a19de22155487984e345a34c9cd511dd1170edc7a447cb8231dd4a","affectsGlobalScope":true,"impliedFormat":99}],"root":[[105,108],[114,117],[122,141],143,146,[151,153],156,[159,161],163,164,599,636,707,709,710,712,713,717,719,721,722,724,725,759,[761,764],[766,768],770,773,774,776,778,780,802,804,[806,810],812,815,816,818,819,821,824,825],"options":{"allowImportingTsExtensions":true,"alwaysStrict":true,"jsx":1,"module":99,"noEmitOnError":true,"noFallthroughCasesInSwitch":true,"noImplicitAny":true,"noImplicitOverride":false,"noImplicitReturns":true,"noImplicitThis":true,"noUnusedLocals":false,"skipLibCheck":true,"strictBindCallApply":true,"strictFunctionTypes":false,"strictNullChecks":true,"strictPropertyInitialization":true,"target":9,"tsBuildInfoFile":"./.tsbuildinfo","useUnknownInCatchVariables":true},"referencedMap":[[141,1],[123,2],[122,3],[146,4],[152,5],[153,6],[156,7],[159,8],[160,6],[161,9],[164,10],[151,11],[599,12],[116,13],[636,14],[707,15],[709,16],[710,17],[713,18],[717,19],[712,20],[719,21],[721,22],[722,23],[725,24],[759,25],[761,26],[764,27],[766,28],[762,13],[767,29],[768,30],[724,31],[770,32],[773,33],[774,34],[776,35],[778,36],[780,37],[802,38],[804,39],[806,40],[163,41],[807,42],[810,43],[809,30],[812,44],[815,45],[816,46],[818,47],[819,13],[821,48],[763,13],[106,49],[108,50],[825,51],[824,52],[114,53],[115,54],[134,55],[808,54],[107,56],[105,57],[143,58],[125,59],[136,60],[135,60],[129,59],[124,61],[132,62],[127,62],[130,62],[131,62],[133,63],[128,61],[126,62],[117,64],[139,65],[138,65],[140,65],[137,65],[165,66],[166,67],[167,68],[172,69],[168,68],[171,66],[169,66],[170,66],[145,70],[149,71],[109,72],[155,73],[158,74],[708,75],[144,76],[716,77],[96,54],[157,54],[148,78],[98,72],[720,77],[147,72],[760,79],[723,73],[715,80],[769,81],[772,82],[775,83],[111,84],[112,72],[97,54],[154,54],[777,74],[779,85],[714,76],[803,76],[805,83],[162,73],[811,76],[150,54],[817,76],[820,85],[99,86],[823,87],[822,72],[113,79],[771,72],[110,66],[91,66],[92,88],[94,89],[95,90],[657,66],[640,91],[658,92],[639,66],[888,93],[889,93],[890,94],[828,95],[891,96],[892,97],[893,98],[826,66],[894,99],[895,100],[896,101],[897,102],[898,103],[899,104],[900,104],[901,105],[902,106],[903,107],[904,108],[829,66],[827,66],[905,109],[906,110],[907,111],[947,112],[908,113],[909,114],[910,113],[911,115],[912,116],[913,117],[914,118],[915,118],[916,118],[917,119],[918,120],[919,121],[920,122],[921,123],[922,124],[923,124],[924,125],[925,66],[926,66],[927,126],[928,127],[929,126],[930,128],[931,129],[932,130],[933,131],[934,132],[935,133],[936,134],[937,135],[938,136],[939,137],[940,138],[941,139],[942,140],[943,141],[944,142],[830,113],[831,66],[832,143],[833,144],[834,66],[835,145],[836,66],[879,146],[880,147],[881,148],[882,148],[883,149],[884,66],[885,96],[886,150],[887,147],[945,151],[946,152],[142,54],[83,66],[85,153],[93,54],[102,154],[101,155],[100,66],[711,156],[84,66],[261,157],[240,158],[337,66],[241,159],[177,157],[178,157],[179,157],[180,157],[181,157],[182,157],[183,157],[184,157],[185,157],[186,157],[187,157],[188,157],[189,157],[190,157],[191,157],[192,157],[193,157],[194,157],[173,66],[195,157],[196,157],[197,66],[198,157],[199,157],[200,157],[201,157],[202,157],[203,157],[204,157],[205,157],[206,157],[207,157],[208,157],[209,157],[210,157],[211,157],[212,157],[213,157],[214,157],[215,157],[216,157],[217,157],[218,157],[219,157],[220,157],[221,157],[222,157],[223,157],[224,157],[225,157],[226,157],[227,157],[228,157],[229,157],[230,157],[231,157],[232,157],[233,157],[234,157],[235,157],[236,157],[237,157],[238,157],[239,157],[242,160],[243,157],[244,157],[245,161],[246,162],[247,157],[248,157],[249,157],[250,157],[251,157],[252,157],[253,157],[175,66],[254,157],[255,157],[256,157],[257,157],[258,157],[259,157],[260,157],[262,163],[263,157],[264,157],[265,157],[266,157],[267,157],[268,157],[269,157],[270,157],[271,157],[272,157],[273,157],[274,157],[275,157],[276,157],[277,157],[278,157],[279,157],[280,157],[281,66],[282,66],[283,66],[430,164],[284,157],[285,157],[286,157],[287,157],[288,157],[289,157],[290,66],[291,157],[292,66],[293,157],[294,157],[295,157],[296,157],[297,157],[298,157],[299,157],[300,157],[301,157],[302,157],[303,157],[304,157],[305,157],[306,157],[307,157],[308,157],[309,157],[310,157],[311,157],[312,157],[313,157],[314,157],[315,157],[316,157],[317,157],[318,157],[319,157],[320,157],[321,157],[322,157],[323,157],[324,157],[325,66],[326,157],[327,157],[328,157],[329,157],[330,157],[331,157],[332,157],[333,157],[334,157],[335,157],[336,157],[338,165],[526,166],[431,159],[433,159],[434,159],[435,159],[436,159],[437,159],[432,159],[438,159],[440,159],[439,159],[441,159],[442,159],[443,159],[444,159],[445,159],[446,159],[447,159],[448,159],[450,159],[449,159],[451,159],[452,159],[453,159],[454,159],[455,159],[456,159],[457,159],[458,159],[459,159],[460,159],[461,159],[462,159],[463,159],[464,159],[465,159],[467,159],[468,159],[466,159],[469,159],[470,159],[471,159],[472,159],[473,159],[474,159],[475,159],[476,159],[477,159],[478,159],[479,159],[480,159],[482,159],[481,159],[484,159],[483,159],[485,159],[486,159],[487,159],[488,159],[489,159],[490,159],[491,159],[492,159],[493,159],[494,159],[495,159],[496,159],[497,159],[499,159],[498,159],[500,159],[501,159],[502,159],[504,159],[503,159],[505,159],[506,159],[507,159],[508,159],[509,159],[510,159],[512,159],[511,159],[513,159],[514,159],[515,159],[516,159],[517,159],[174,157],[518,159],[519,159],[521,159],[520,159],[522,159],[523,159],[524,159],[525,159],[339,157],[340,157],[341,66],[342,66],[343,66],[344,157],[345,66],[346,66],[347,66],[348,66],[349,66],[350,157],[351,157],[352,157],[353,157],[354,157],[355,157],[356,157],[357,157],[362,167],[360,168],[359,169],[361,170],[358,157],[363,157],[364,157],[365,157],[366,157],[367,157],[368,157],[369,157],[370,157],[371,157],[372,157],[373,66],[374,66],[375,157],[376,157],[377,66],[378,66],[379,66],[380,157],[381,157],[382,157],[383,157],[384,163],[385,157],[386,157],[387,157],[388,157],[389,157],[390,157],[391,157],[392,157],[393,157],[394,157],[395,157],[396,157],[397,157],[398,157],[399,157],[400,157],[401,157],[402,157],[403,157],[404,157],[405,157],[406,157],[407,157],[408,157],[409,157],[410,157],[411,157],[412,157],[413,157],[414,157],[415,157],[416,157],[417,157],[418,157],[419,157],[420,157],[421,157],[422,157],[423,157],[424,157],[425,157],[176,171],[426,66],[427,66],[428,66],[429,66],[634,172],[635,173],[600,66],[608,174],[602,175],[609,66],[631,176],[606,177],[630,178],[627,179],[610,180],[611,66],[604,66],[601,66],[632,181],[628,182],[612,66],[629,183],[613,184],[615,185],[616,186],[605,187],[617,188],[618,187],[620,188],[621,189],[622,190],[624,191],[619,192],[625,193],[626,194],[603,195],[623,196],[614,66],[607,197],[633,198],[120,199],[121,200],[765,54],[103,54],[119,201],[118,66],[813,54],[587,202],[544,54],[585,203],[546,204],[545,205],[584,206],[586,207],[527,54],[528,54],[529,54],[552,208],[553,208],[554,202],[555,54],[556,54],[557,209],[530,210],[558,54],[559,54],[560,211],[561,54],[562,54],[563,54],[564,54],[565,54],[566,54],[531,210],[569,210],[570,54],[567,54],[568,54],[571,54],[572,211],[573,212],[574,203],[575,203],[576,203],[578,203],[579,66],[577,203],[580,203],[581,213],[588,214],[589,215],[598,216],[543,217],[532,218],[533,203],[534,218],[535,203],[536,66],[537,203],[538,66],[540,203],[541,203],[539,203],[542,203],[583,203],[550,219],[551,220],[547,221],[548,222],[582,223],[549,224],[590,218],[591,218],[597,225],[592,203],[593,218],[594,218],[595,203],[596,218],[726,66],[742,226],[743,226],[744,226],[758,227],[745,228],[746,228],[747,229],[739,230],[737,231],[728,66],[732,232],[736,233],[734,234],[741,235],[729,236],[730,237],[731,238],[733,239],[735,240],[738,241],[740,242],[748,228],[749,228],[750,228],[751,226],[752,228],[753,228],[727,228],[754,66],[756,243],[755,228],[757,226],[781,54],[783,244],[785,245],[784,246],[786,66],[800,247],[782,66],[787,66],[788,66],[789,66],[790,66],[791,66],[792,66],[793,66],[794,66],[795,66],[796,248],[798,249],[799,249],[797,66],[801,250],[680,251],[682,252],[672,253],[677,254],[678,255],[684,256],[679,257],[676,258],[675,259],[674,260],[685,261],[642,254],[643,254],[683,254],[688,262],[698,263],[692,263],[700,263],[704,263],[691,263],[693,263],[696,263],[699,263],[695,264],[697,263],[701,54],[694,254],[690,265],[689,266],[651,54],[655,54],[645,254],[648,54],[653,254],[654,267],[647,268],[650,54],[652,54],[649,269],[638,54],[637,54],[706,270],[703,271],[669,272],[668,254],[666,54],[667,254],[670,273],[671,274],[664,54],[660,275],[663,254],[662,254],[661,254],[656,254],[665,275],[702,254],[681,276],[687,277],[705,66],[673,66],[686,278],[646,66],[644,279],[89,66],[814,54],[104,66],[81,66],[82,66],[13,66],[14,66],[16,66],[15,66],[2,66],[17,66],[18,66],[19,66],[20,66],[21,66],[22,66],[23,66],[24,66],[3,66],[25,66],[26,66],[4,66],[27,66],[31,66],[28,66],[29,66],[30,66],[32,66],[33,66],[34,66],[5,66],[35,66],[36,66],[37,66],[38,66],[6,66],[42,66],[39,66],[40,66],[41,66],[43,66],[7,66],[44,66],[49,66],[50,66],[45,66],[46,66],[47,66],[48,66],[8,66],[54,66],[51,66],[52,66],[53,66],[55,66],[9,66],[56,66],[57,66],[58,66],[60,66],[59,66],[61,66],[62,66],[10,66],[63,66],[64,66],[65,66],[11,66],[66,66],[67,66],[68,66],[69,66],[70,66],[1,66],[71,66],[72,66],[12,66],[76,66],[74,66],[79,66],[78,66],[73,66],[77,66],[75,66],[80,66],[855,280],[867,281],[852,282],[868,283],[877,284],[843,285],[844,286],[842,287],[876,288],[871,289],[875,290],[846,291],[864,292],[845,293],[874,294],[840,295],[841,289],[847,296],[848,66],[854,297],[851,296],[838,298],[878,299],[869,300],[858,301],[857,296],[859,302],[862,303],[856,304],[860,305],[872,288],[849,306],[850,307],[863,308],[839,283],[866,309],[865,296],[853,307],[861,310],[870,66],[837,66],[873,311],[718,156],[641,312],[659,313],[953,314],[949,315],[948,66],[950,316],[951,66],[952,317],[90,318],[86,66],[88,319],[87,319]],"affectedFilesPendingEmit":[141,123,122,146,152,153,156,159,160,161,164,151,599,116,636,707,709,710,713,717,712,719,721,722,725,759,761,764,766,762,767,768,724,770,773,774,776,778,780,802,804,806,163,807,810,809,812,815,816,818,819,821,763,106,108,825,824,114,115,134,808,107,105,143,125,136,135,129,124,132,127,130,131,133,128,126,117,139,138,140,137],"version":"5.9.3"}
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..8faa61c
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,13 @@
+FROM node:22-alpine AS build
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+ENV BASE_PATH=/
+RUN npm run build
+
+FROM nginx:1.27-alpine
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=build /app/dist/public /usr/share/nginx/html
+EXPOSE 3000
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/components.json b/components.json
new file mode 100644
index 0000000..3ff62cf
--- /dev/null
+++ b/components.json
@@ -0,0 +1,20 @@
+{
+    "$schema": "https://ui.shadcn.com/schema.json",
+    "style": "new-york",
+    "rsc": false,
+    "tsx": true,
+    "tailwind": {
+      "config": "",
+      "css": "src/index.css",
+      "baseColor": "neutral",
+      "cssVariables": true,
+      "prefix": ""
+    },
+    "aliases": {
+      "components": "@/components",
+      "utils": "@/lib/utils",
+      "ui": "@/components/ui",
+      "lib": "@/lib",
+      "hooks": "@/hooks"
+    }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..119f7fd
--- /dev/null
+++ b/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
+    <title>SineMedia 赛因芯微</title>
+    <meta name="description" content="SineMedia 赛因芯微 — built on Replit. Update this description to reflect the app." />
+    <meta name="robots" content="index, follow" />
+    <meta property="og:title" content="SineMedia 赛因芯微" />
+    <meta property="og:description" content="SineMedia 赛因芯微 — built on Replit. Update this description to reflect the app." />
+    <meta property="og:type" content="website" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="SineMedia 赛因芯微" />
+    <meta name="twitter:description" content="SineMedia 赛因芯微 — built on Replit. Update this description to reflect the app." />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/nginx.conf b/nginx.conf
new file mode 100644
index 0000000..c983d36
--- /dev/null
+++ b/nginx.conf
@@ -0,0 +1,10 @@
+server {
+  listen 3000;
+  server_name _;
+  root /usr/share/nginx/html;
+  index index.html;
+
+  location / {
+    try_files $uri $uri/ /index.html;
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..3c8c6fd
--- /dev/null
+++ b/package.json
@@ -0,0 +1,76 @@
+{
+  "name": "@workspace/sinemedia-web",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --config vite.config.ts --host 0.0.0.0",
+    "build": "vite build --config vite.config.ts",
+    "serve": "vite preview --config vite.config.ts --host 0.0.0.0",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "devDependencies": {
+    "@hookform/resolvers": "^3.10.0",
+    "@radix-ui/react-accordion": "^1.2.4",
+    "@radix-ui/react-alert-dialog": "^1.1.7",
+    "@radix-ui/react-aspect-ratio": "^1.1.3",
+    "@radix-ui/react-avatar": "^1.1.4",
+    "@radix-ui/react-checkbox": "^1.1.5",
+    "@radix-ui/react-collapsible": "^1.1.4",
+    "@radix-ui/react-context-menu": "^2.2.7",
+    "@radix-ui/react-dialog": "^1.1.7",
+    "@radix-ui/react-dropdown-menu": "^2.1.7",
+    "@radix-ui/react-hover-card": "^1.1.7",
+    "@radix-ui/react-label": "^2.1.3",
+    "@radix-ui/react-menubar": "^1.1.7",
+    "@radix-ui/react-navigation-menu": "^1.2.6",
+    "@radix-ui/react-popover": "^1.1.7",
+    "@radix-ui/react-progress": "^1.1.3",
+    "@radix-ui/react-radio-group": "^1.2.4",
+    "@radix-ui/react-scroll-area": "^1.2.4",
+    "@radix-ui/react-select": "^2.1.7",
+    "@radix-ui/react-separator": "^1.1.3",
+    "@radix-ui/react-slider": "^1.2.4",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-switch": "^1.1.4",
+    "@radix-ui/react-tabs": "^1.1.4",
+    "@radix-ui/react-toast": "^1.2.7",
+    "@radix-ui/react-toggle": "^1.1.3",
+    "@radix-ui/react-toggle-group": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.2.0",
+    "@replit/vite-plugin-cartographer": "latest",
+    "@replit/vite-plugin-dev-banner": "latest",
+    "@replit/vite-plugin-runtime-error-modal": "latest",
+    "@tailwindcss/typography": "^0.5.15",
+    "@tailwindcss/vite": "latest",
+    "@tanstack/react-query": "latest",
+    "@types/node": "latest",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "@vitejs/plugin-react": "latest",
+    "class-variance-authority": "latest",
+    "clsx": "latest",
+    "cmdk": "^1.1.1",
+    "date-fns": "^3.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "framer-motion": "latest",
+    "input-otp": "^1.4.2",
+    "lucide-react": "latest",
+    "next-themes": "^0.4.6",
+    "react": "latest",
+    "react-day-picker": "^9.11.1",
+    "react-dom": "latest",
+    "react-hook-form": "^7.55.0",
+    "react-icons": "^5.4.0",
+    "react-resizable-panels": "^2.1.7",
+    "recharts": "^2.15.2",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "latest",
+    "tailwindcss": "latest",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2",
+    "vite": "latest",
+    "wouter": "^3.3.5",
+    "zod": "latest"
+  }
+}
diff --git a/public/bg-articles.png b/public/bg-articles.png
new file mode 100644
index 0000000..43c92b9
Binary files /dev/null and b/public/bg-articles.png differ
diff --git a/public/bg-automotive.jpg b/public/bg-automotive.jpg
new file mode 100644
index 0000000..51dfa7e
Binary files /dev/null and b/public/bg-automotive.jpg differ
diff --git a/public/bg-circuit.jpg b/public/bg-circuit.jpg
new file mode 100644
index 0000000..6967cda
Binary files /dev/null and b/public/bg-circuit.jpg differ
diff --git a/public/bg-commercial.png b/public/bg-commercial.png
new file mode 100644
index 0000000..30d4785
Binary files /dev/null and b/public/bg-commercial.png differ
diff --git a/public/bg-dev-tools.png b/public/bg-dev-tools.png
new file mode 100644
index 0000000..b2c119e
Binary files /dev/null and b/public/bg-dev-tools.png differ
diff --git a/public/bg-network.jpg b/public/bg-network.jpg
new file mode 100644
index 0000000..c19105b
Binary files /dev/null and b/public/bg-network.jpg differ
diff --git a/public/bg-pro-audio.png b/public/bg-pro-audio.png
new file mode 100644
index 0000000..17e04b9
Binary files /dev/null and b/public/bg-pro-audio.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..4373d3c
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,3 @@
+<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="180" height="180" rx="36" fill="#FF3C00"/>
+</svg>
diff --git a/public/opengraph.jpg b/public/opengraph.jpg
new file mode 100644
index 0000000..b9ba22c
Binary files /dev/null and b/public/opengraph.jpg differ
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..c2a49f4
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/public/sinemedia-logo.png b/public/sinemedia-logo.png
new file mode 100644
index 0000000..dc23f29
Binary files /dev/null and b/public/sinemedia-logo.png differ
diff --git a/public/speaker-designer.zip b/public/speaker-designer.zip
new file mode 100644
index 0000000..ea2cd2f
Binary files /dev/null and b/public/speaker-designer.zip differ
diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..f5b73bf
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,113 @@
+import { Switch, Route, Router as WouterRouter, Redirect } from "wouter";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { Toaster } from "@/components/ui/toaster";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import { LanguageProvider } from "@/contexts/LanguageContext";
+import { DataProvider } from "@/contexts/DataContext";
+import { AuthProvider, useAuth } from "@/contexts/AuthContext";
+import NotFound from "@/pages/not-found";
+import Home from "@/pages/Home";
+import About from "@/pages/About";
+import Technology from "@/pages/Technology";
+import Products from "@/pages/Products";
+import Strategy from "@/pages/Strategy";
+import Contact from "@/pages/Contact";
+import SineFlow from "@/pages/SineFlow";
+import SineKniter from "@/pages/SineKniter";
+import NGAPlatform from "@/pages/NGAPlatform";
+import SpeakerDesigner from "@/pages/SpeakerDesigner";
+import Articles from "@/pages/Articles";
+import ArticleDetail from "@/pages/ArticleDetail";
+import ProAudio from "@/pages/products/ProAudio";
+import Commercial from "@/pages/products/Commercial";
+import Automotive from "@/pages/products/Automotive";
+import DevTools from "@/pages/products/DevTools";
+import AdminLogin from "@/pages/admin/AdminLogin";
+import Dashboard from "@/pages/admin/Dashboard";
+import ProductsList from "@/pages/admin/ProductsList";
+import ProductEdit from "@/pages/admin/ProductEdit";
+import ArticlesList from "@/pages/admin/ArticlesList";
+import ArticleEdit from "@/pages/admin/ArticleEdit";
+import AdminSettings from "@/pages/admin/AdminSettings";
+
+const queryClient = new QueryClient();
+
+function AdminGuard({ children }: { children: React.ReactNode }) {
+  const { isLoggedIn } = useAuth();
+  if (!isLoggedIn) return <Redirect to="/admin/login" />;
+  return <>{children}</>;
+}
+
+function Router() {
+  return (
+    <Switch>
+      {/* Public routes */}
+      <Route path="/" component={Home} />
+      <Route path="/about" component={About} />
+      <Route path="/technology" component={Technology} />
+      <Route path="/products" component={Products} />
+      <Route path="/products/pro-audio" component={ProAudio} />
+      <Route path="/products/commercial" component={Commercial} />
+      <Route path="/products/automotive" component={Automotive} />
+      <Route path="/products/dev-tools" component={DevTools} />
+      <Route path="/strategy" component={Strategy} />
+      <Route path="/contact" component={Contact} />
+      <Route path="/sineflow" component={SineFlow} />
+      <Route path="/sinekniter" component={SineKniter} />
+      <Route path="/nga" component={NGAPlatform} />
+      <Route path="/speaker-designer" component={SpeakerDesigner} />
+      <Route path="/articles" component={Articles} />
+      <Route path="/articles/:slug" component={ArticleDetail} />
+
+      {/* Admin login (public) */}
+      <Route path="/admin/login" component={AdminLogin} />
+
+      {/* Admin (protected) */}
+      <Route path="/admin">
+        <AdminGuard><Dashboard /></AdminGuard>
+      </Route>
+      <Route path="/admin/products">
+        <AdminGuard><ProductsList /></AdminGuard>
+      </Route>
+      <Route path="/admin/products/:id">
+        <AdminGuard><ProductEdit /></AdminGuard>
+      </Route>
+      <Route path="/admin/articles">
+        <AdminGuard><ArticlesList /></AdminGuard>
+      </Route>
+      <Route path="/admin/articles/:slug">
+        <AdminGuard><ArticleEdit /></AdminGuard>
+      </Route>
+      <Route path="/admin/settings">
+        <AdminGuard><AdminSettings /></AdminGuard>
+      </Route>
+
+      <Route component={NotFound} />
+    </Switch>
+  );
+}
+
+function App() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.add("dark");
+  }
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <LanguageProvider>
+        <AuthProvider>
+          <DataProvider>
+            <TooltipProvider>
+              <WouterRouter base={import.meta.env.BASE_URL.replace(/\/$/, "")}>
+                <Router />
+              </WouterRouter>
+              <Toaster />
+            </TooltipProvider>
+          </DataProvider>
+        </AuthProvider>
+      </LanguageProvider>
+    </QueryClientProvider>
+  );
+}
+
+export default App;
diff --git a/src/assets/automotive/ai-audio.png b/src/assets/automotive/ai-audio.png
new file mode 100644
index 0000000..ce43adc
Binary files /dev/null and b/src/assets/automotive/ai-audio.png differ
diff --git a/src/assets/automotive/amplifier.png b/src/assets/automotive/amplifier.png
new file mode 100644
index 0000000..a4ef972
Binary files /dev/null and b/src/assets/automotive/amplifier.png differ
diff --git a/src/assets/automotive/anc.png b/src/assets/automotive/anc.png
new file mode 100644
index 0000000..c088ddb
Binary files /dev/null and b/src/assets/automotive/anc.png differ
diff --git a/src/assets/automotive/immersive-audio.png b/src/assets/automotive/immersive-audio.png
new file mode 100644
index 0000000..8dce428
Binary files /dev/null and b/src/assets/automotive/immersive-audio.png differ
diff --git a/src/assets/commercial/nga-player.png b/src/assets/commercial/nga-player.png
new file mode 100644
index 0000000..f34c6a6
Binary files /dev/null and b/src/assets/commercial/nga-player.png differ
diff --git a/src/assets/commercial/soundbar.png b/src/assets/commercial/soundbar.png
new file mode 100644
index 0000000..7dcb007
Binary files /dev/null and b/src/assets/commercial/soundbar.png differ
diff --git a/src/assets/commercial/tv-nga.png b/src/assets/commercial/tv-nga.png
new file mode 100644
index 0000000..b8b481a
Binary files /dev/null and b/src/assets/commercial/tv-nga.png differ
diff --git a/src/assets/screenshots/01-box-designer.jpg b/src/assets/screenshots/01-box-designer.jpg
new file mode 100644
index 0000000..d82d34e
Binary files /dev/null and b/src/assets/screenshots/01-box-designer.jpg differ
diff --git a/src/assets/screenshots/02-array.jpg b/src/assets/screenshots/02-array.jpg
new file mode 100644
index 0000000..ed9ceaa
Binary files /dev/null and b/src/assets/screenshots/02-array.jpg differ
diff --git a/src/assets/screenshots/06-crossover.jpg b/src/assets/screenshots/06-crossover.jpg
new file mode 100644
index 0000000..68a3645
Binary files /dev/null and b/src/assets/screenshots/06-crossover.jpg differ
diff --git a/src/assets/screenshots/re-00-unstarted.jpg b/src/assets/screenshots/re-00-unstarted.jpg
new file mode 100644
index 0000000..031c7c0
Binary files /dev/null and b/src/assets/screenshots/re-00-unstarted.jpg differ
diff --git a/src/assets/screenshots/re-01-step1.jpg b/src/assets/screenshots/re-01-step1.jpg
new file mode 100644
index 0000000..90e6c1e
Binary files /dev/null and b/src/assets/screenshots/re-01-step1.jpg differ
diff --git a/src/assets/screenshots/re-02-step2-lc.jpg b/src/assets/screenshots/re-02-step2-lc.jpg
new file mode 100644
index 0000000..ef9f7a5
Binary files /dev/null and b/src/assets/screenshots/re-02-step2-lc.jpg differ
diff --git a/src/assets/screenshots/re-03-step2-hf.jpg b/src/assets/screenshots/re-03-step2-hf.jpg
new file mode 100644
index 0000000..1274902
Binary files /dev/null and b/src/assets/screenshots/re-03-step2-hf.jpg differ
diff --git a/src/assets/screenshots/re-04-step3-spl.jpg b/src/assets/screenshots/re-04-step3-spl.jpg
new file mode 100644
index 0000000..1d42048
Binary files /dev/null and b/src/assets/screenshots/re-04-step3-spl.jpg differ
diff --git a/src/assets/screenshots/re-05-step3-excursion.jpg b/src/assets/screenshots/re-05-step3-excursion.jpg
new file mode 100644
index 0000000..e97e695
Binary files /dev/null and b/src/assets/screenshots/re-05-step3-excursion.jpg differ
diff --git a/src/assets/screenshots/re-06-step3-params.jpg b/src/assets/screenshots/re-06-step3-params.jpg
new file mode 100644
index 0000000..5b3bd77
Binary files /dev/null and b/src/assets/screenshots/re-06-step3-params.jpg differ
diff --git a/src/assets/screenshots/re-07-step4.jpg b/src/assets/screenshots/re-07-step4.jpg
new file mode 100644
index 0000000..fc3e40b
Binary files /dev/null and b/src/assets/screenshots/re-07-step4.jpg differ
diff --git a/src/assets/screenshots/re-08-step5-before.jpg b/src/assets/screenshots/re-08-step5-before.jpg
new file mode 100644
index 0000000..9975004
Binary files /dev/null and b/src/assets/screenshots/re-08-step5-before.jpg differ
diff --git a/src/assets/screenshots/re-09-step5-converged.jpg b/src/assets/screenshots/re-09-step5-converged.jpg
new file mode 100644
index 0000000..aa96938
Binary files /dev/null and b/src/assets/screenshots/re-09-step5-converged.jpg differ
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
new file mode 100644
index 0000000..b1665d9
--- /dev/null
+++ b/src/components/layout/Footer.tsx
@@ -0,0 +1,27 @@
+import { useLanguage } from "@/contexts/LanguageContext";
+import { Link } from "wouter";
+
+export default function Footer() {
+  const { t } = useLanguage();
+  return (
+    <footer className="py-12 border-t border-border/50 bg-[#050505] text-center">
+      <div className="container mx-auto px-6">
+        <img
+          src={`${import.meta.env.BASE_URL}sinemedia-logo.png`}
+          alt="SineMedia"
+          className="h-6 object-contain mx-auto mb-6 opacity-50 grayscale"
+        />
+        <div className="flex justify-center gap-6 mb-8">
+          <Link href="/technology" className="text-muted-foreground hover:text-primary transition-colors text-sm">{t("Technology", "核心技术")}</Link>
+          <Link href="/products" className="text-muted-foreground hover:text-primary transition-colors text-sm">{t("Products", "产品")}</Link>
+          <Link href="/strategy" className="text-muted-foreground hover:text-primary transition-colors text-sm">{t("Next-Gen Audio", "下一代音频")}</Link>
+          <Link href="/about" className="text-muted-foreground hover:text-primary transition-colors text-sm">{t("About", "关于我们")}</Link>
+          <Link href="/admin" className="text-muted-foreground/40 hover:text-muted-foreground transition-colors text-sm">{t("Admin", "网站后台")}</Link>
+        </div>
+        <p className="text-muted-foreground text-sm font-light">
+          © {new Date().getFullYear()} SineMedia. {t("All rights reserved.", "保留所有权利。")}
+        </p>
+      </div>
+    </footer>
+  );
+}
diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx
new file mode 100644
index 0000000..04bccaf
--- /dev/null
+++ b/src/components/layout/Navbar.tsx
@@ -0,0 +1,170 @@
+import { useState, useRef } from "react";
+import { Link, useLocation } from "wouter";
+import { motion, AnimatePresence } from "framer-motion";
+import { ChevronDown } from "lucide-react";
+import { useLanguage } from "@/contexts/LanguageContext";
+
+const productCategories = [
+  { en: "Professional Audio", zh: "专业音频", href: "/products/pro-audio" },
+  { en: "Commercial AV",      zh: "商业音响", href: "/products/commercial" },
+  { en: "Automotive Acoustics", zh: "汽车声学", href: "/products/automotive" },
+  { en: "Developer Tools",    zh: "开发工具", href: "/products/dev-tools" },
+];
+
+export default function Navbar() {
+  const { language, setLanguage, t } = useLanguage();
+  const [location] = useLocation();
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+  const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const toggle = () => setLanguage(language === "en" ? "zh" : "en");
+
+  const isProductsActive = productCategories.some(c => location.startsWith(c.href)) || location === "/products";
+
+  function openDropdown() {
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    setDropdownOpen(true);
+  }
+  function scheduleClose() {
+    closeTimer.current = setTimeout(() => setDropdownOpen(false), 120);
+  }
+
+  return (
+    <header className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-md border-b border-border/50">
+      <div className="container mx-auto px-6 h-20 flex items-center justify-between">
+        {/* Logo */}
+        <div className="flex items-center">
+          <Link href="/" data-testid="link-home">
+            <img
+              src={`${import.meta.env.BASE_URL}sinemedia-logo.png`}
+              alt="SineMedia"
+              className="h-8 object-contain"
+            />
+          </Link>
+        </div>
+
+        {/* Desktop nav */}
+        <nav className="hidden md:flex items-center gap-8">
+          {/* Technology */}
+          <Link
+            href="/technology"
+            className={`text-sm font-medium transition-colors tracking-wide ${
+              location === "/technology" ? "text-primary" : "text-muted-foreground hover:text-primary"
+            }`}
+            data-testid="nav-link-technology"
+          >
+            {t("Technology", "核心技术")}
+          </Link>
+
+          {/* Products dropdown */}
+          <div
+            className="relative"
+            onMouseEnter={openDropdown}
+            onMouseLeave={scheduleClose}
+          >
+            <button
+              className={`flex items-center gap-1 text-sm font-medium tracking-wide transition-colors ${
+                isProductsActive ? "text-primary" : "text-muted-foreground hover:text-primary"
+              }`}
+              data-testid="nav-link-products"
+            >
+              {t("Products", "产品")}
+              <motion.span
+                animate={{ rotate: dropdownOpen ? 180 : 0 }}
+                transition={{ duration: 0.2 }}
+              >
+                <ChevronDown className="w-3.5 h-3.5" />
+              </motion.span>
+            </button>
+
+            <AnimatePresence>
+              {dropdownOpen && (
+                <motion.div
+                  initial={{ opacity: 0, y: 6 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  exit={{ opacity: 0, y: 6 }}
+                  transition={{ duration: 0.15 }}
+                  onMouseEnter={openDropdown}
+                  onMouseLeave={scheduleClose}
+                  className="absolute top-full left-1/2 -translate-x-1/2 mt-3 w-44 rounded-xl border border-white/10 bg-zinc-900/95 backdrop-blur-md shadow-xl overflow-hidden"
+                >
+                  {productCategories.map((cat) => (
+                    <Link
+                      key={cat.href}
+                      href={cat.href}
+                      onClick={() => setDropdownOpen(false)}
+                      className={`flex items-center px-4 py-3 text-sm transition-colors border-b border-white/5 last:border-0 ${
+                        location.startsWith(cat.href)
+                          ? "text-primary bg-primary/10"
+                          : "text-muted-foreground hover:text-foreground hover:bg-white/5"
+                      }`}
+                    >
+                      {t(cat.en, cat.zh)}
+                    </Link>
+                  ))}
+                </motion.div>
+              )}
+            </AnimatePresence>
+          </div>
+
+          {/* Articles */}
+          <Link
+            href="/articles"
+            className={`text-sm font-medium transition-colors tracking-wide ${
+              location === "/articles" ? "text-primary" : "text-muted-foreground hover:text-primary"
+            }`}
+            data-testid="nav-link-articles"
+          >
+            {t("Articles", "文章")}
+          </Link>
+
+          {/* Next-Gen Audio */}
+          <Link
+            href="/strategy"
+            className={`text-sm font-medium transition-colors tracking-wide ${
+              location === "/strategy" ? "text-primary" : "text-muted-foreground hover:text-primary"
+            }`}
+            data-testid="nav-link-strategy"
+          >
+            {t("Next-Gen Audio", "下一代音频")}
+          </Link>
+
+          {/* About */}
+          <Link
+            href="/about"
+            className={`text-sm font-medium transition-colors tracking-wide ${
+              location === "/about" ? "text-primary" : "text-muted-foreground hover:text-primary"
+            }`}
+            data-testid="nav-link-about"
+          >
+            {t("About", "关于我们")}
+          </Link>
+        </nav>
+
+        {/* Language toggle */}
+        <button
+          onClick={toggle}
+          data-testid="button-language-toggle"
+          aria-label="Toggle language"
+          className="relative h-8 w-16 rounded-full bg-zinc-800 border border-white/10 flex items-center px-1 overflow-hidden hover:border-primary/40 transition-colors"
+        >
+          <motion.div
+            className="absolute top-0.5 bottom-0.5 w-7 rounded-full bg-primary"
+            animate={{ left: language === "en" ? "2px" : "calc(100% - 30px)" }}
+            transition={{ type: "spring", stiffness: 500, damping: 35 }}
+          />
+          {(["en", "zh"] as const).map((l) => (
+            <span
+              key={l}
+              className={`relative z-10 flex-1 text-center text-[10px] font-bold tracking-wide transition-colors duration-200 ${
+                language === l ? "text-black" : "text-white/40"
+              }`}
+            >
+              {l === "en" ? "EN" : "中"}
+            </span>
+          ))}
+        </button>
+      </div>
+    </header>
+  );
+}
diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx
new file mode 100644
index 0000000..e1797c9
--- /dev/null
+++ b/src/components/ui/accordion.tsx
@@ -0,0 +1,55 @@
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Accordion = AccordionPrimitive.Root
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
+))
+AccordionItem.displayName = "AccordionItem"
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Header className="flex">
+    <AccordionPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronDown className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+  </AccordionPrimitive.Header>
+))
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    {...props}
+  >
+    <div className={cn("pb-4 pt-0", className)}>{children}</div>
+  </AccordionPrimitive.Content>
+))
+AccordionContent.displayName = AccordionPrimitive.Content.displayName
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/src/components/ui/alert-dialog.tsx b/src/components/ui/alert-dialog.tsx
new file mode 100644
index 0000000..fa2b442
--- /dev/null
+++ b/src/components/ui/alert-dialog.tsx
@@ -0,0 +1,139 @@
+import * as React from "react"
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+
+const AlertDialog = AlertDialogPrimitive.Root
+
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger
+
+const AlertDialogPortal = AlertDialogPrimitive.Portal
+
+const AlertDialogOverlay = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
+
+const AlertDialogContent = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPortal>
+    <AlertDialogOverlay />
+    <AlertDialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    />
+  </AlertDialogPortal>
+))
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
+
+const AlertDialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogHeader.displayName = "AlertDialogHeader"
+
+const AlertDialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogFooter.displayName = "AlertDialogFooter"
+
+const AlertDialogTitle = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold", className)}
+    {...props}
+  />
+))
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
+
+const AlertDialogDescription = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+AlertDialogDescription.displayName =
+  AlertDialogPrimitive.Description.displayName
+
+const AlertDialogAction = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(buttonVariants(), className)}
+    {...props}
+  />
+))
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
+
+const AlertDialogCancel = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Cancel
+    ref={ref}
+    className={cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    )}
+    {...props}
+  />
+))
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}
diff --git a/src/components/ui/alert.tsx b/src/components/ui/alert.tsx
new file mode 100644
index 0000000..5afd41d
--- /dev/null
+++ b/src/components/ui/alert.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive:
+          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Alert = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
+>(({ className, variant, ...props }, ref) => (
+  <div
+    ref={ref}
+    role="alert"
+    className={cn(alertVariants({ variant }), className)}
+    {...props}
+  />
+))
+Alert.displayName = "Alert"
+
+const AlertTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h5
+    ref={ref}
+    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+AlertTitle.displayName = "AlertTitle"
+
+const AlertDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm [&_p]:leading-relaxed", className)}
+    {...props}
+  />
+))
+AlertDescription.displayName = "AlertDescription"
+
+export { Alert, AlertTitle, AlertDescription }
diff --git a/src/components/ui/aspect-ratio.tsx b/src/components/ui/aspect-ratio.tsx
new file mode 100644
index 0000000..c4abbf3
--- /dev/null
+++ b/src/components/ui/aspect-ratio.tsx
@@ -0,0 +1,5 @@
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
+
+const AspectRatio = AspectRatioPrimitive.Root
+
+export { AspectRatio }
diff --git a/src/components/ui/avatar.tsx b/src/components/ui/avatar.tsx
new file mode 100644
index 0000000..51e507b
--- /dev/null
+++ b/src/components/ui/avatar.tsx
@@ -0,0 +1,50 @@
+"use client"
+
+import * as React from "react"
+import * as AvatarPrimitive from "@radix-ui/react-avatar"
+
+import { cn } from "@/lib/utils"
+
+const Avatar = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    )}
+    {...props}
+  />
+))
+Avatar.displayName = AvatarPrimitive.Root.displayName
+
+const AvatarImage = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Image>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Image
+    ref={ref}
+    className={cn("aspect-square h-full w-full", className)}
+    {...props}
+  />
+))
+AvatarImage.displayName = AvatarPrimitive.Image.displayName
+
+const AvatarFallback = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Fallback>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Fallback
+    ref={ref}
+    className={cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
+
+export { Avatar, AvatarImage, AvatarFallback }
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
new file mode 100644
index 0000000..3f03665
--- /dev/null
+++ b/src/components/ui/badge.tsx
@@ -0,0 +1,43 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+  // @replit
+  // Whitespace-nowrap: Badges should never wrap.
+  "whitespace-nowrap inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2" +
+  " hover-elevate ",
+  {
+    variants: {
+      variant: {
+        default:
+          // @replit shadow-xs instead of shadow, no hover because we use hover-elevate
+          "border-transparent bg-primary text-primary-foreground shadow-xs",
+        secondary:
+          // @replit no hover because we use hover-elevate
+          "border-transparent bg-secondary text-secondary-foreground",
+        destructive:
+          // @replit shadow-xs instead of shadow, no hover because we use hover-elevate
+          "border-transparent bg-destructive text-destructive-foreground shadow-xs",
+          // @replit shadow-xs" - use badge outline variable
+        outline: "text-foreground border [border-color:var(--badge-outline)]",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  )
+}
+
+export { Badge, badgeVariants }
diff --git a/src/components/ui/breadcrumb.tsx b/src/components/ui/breadcrumb.tsx
new file mode 100644
index 0000000..60e6c96
--- /dev/null
+++ b/src/components/ui/breadcrumb.tsx
@@ -0,0 +1,115 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { ChevronRight, MoreHorizontal } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Breadcrumb = React.forwardRef<
+  HTMLElement,
+  React.ComponentPropsWithoutRef<"nav"> & {
+    separator?: React.ReactNode
+  }
+>(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />)
+Breadcrumb.displayName = "Breadcrumb"
+
+const BreadcrumbList = React.forwardRef<
+  HTMLOListElement,
+  React.ComponentPropsWithoutRef<"ol">
+>(({ className, ...props }, ref) => (
+  <ol
+    ref={ref}
+    className={cn(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      className
+    )}
+    {...props}
+  />
+))
+BreadcrumbList.displayName = "BreadcrumbList"
+
+const BreadcrumbItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentPropsWithoutRef<"li">
+>(({ className, ...props }, ref) => (
+  <li
+    ref={ref}
+    className={cn("inline-flex items-center gap-1.5", className)}
+    {...props}
+  />
+))
+BreadcrumbItem.displayName = "BreadcrumbItem"
+
+const BreadcrumbLink = React.forwardRef<
+  HTMLAnchorElement,
+  React.ComponentPropsWithoutRef<"a"> & {
+    asChild?: boolean
+  }
+>(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      ref={ref}
+      className={cn("transition-colors hover:text-foreground", className)}
+      {...props}
+    />
+  )
+})
+BreadcrumbLink.displayName = "BreadcrumbLink"
+
+const BreadcrumbPage = React.forwardRef<
+  HTMLSpanElement,
+  React.ComponentPropsWithoutRef<"span">
+>(({ className, ...props }, ref) => (
+  <span
+    ref={ref}
+    role="link"
+    aria-disabled="true"
+    aria-current="page"
+    className={cn("font-normal text-foreground", className)}
+    {...props}
+  />
+))
+BreadcrumbPage.displayName = "BreadcrumbPage"
+
+const BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">) => (
+  <li
+    role="presentation"
+    aria-hidden="true"
+    className={cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)}
+    {...props}
+  >
+    {children ?? <ChevronRight />}
+  </li>
+)
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator"
+
+const BreadcrumbEllipsis = ({
+  className,
+  ...props
+}: React.ComponentProps<"span">) => (
+  <span
+    role="presentation"
+    aria-hidden="true"
+    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    {...props}
+  >
+    <MoreHorizontal className="h-4 w-4" />
+    <span className="sr-only">More</span>
+  </span>
+)
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis"
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+}
diff --git a/src/components/ui/button-group.tsx b/src/components/ui/button-group.tsx
new file mode 100644
index 0000000..d6e7801
--- /dev/null
+++ b/src/components/ui/button-group.tsx
@@ -0,0 +1,83 @@
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Separator } from "@/components/ui/separator"
+
+const buttonGroupVariants = cva(
+  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    variants: {
+      orientation: {
+        horizontal:
+          "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical:
+          "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
+      },
+    },
+    defaultVariants: {
+      orientation: "horizontal",
+    },
+  }
+)
+
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="button-group"
+      data-orientation={orientation}
+      className={cn(buttonGroupVariants({ orientation }), className)}
+      {...props}
+    />
+  )
+}
+
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  asChild?: boolean
+}) {
+  const Comp = asChild ? Slot : "div"
+
+  return (
+    <Comp
+      className={cn(
+        "bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="button-group-separator"
+      orientation={orientation}
+      className={cn(
+        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  buttonGroupVariants,
+}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..16eb95d
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,65 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0" +
+" hover-elevate active-elevate-2",
+  {
+    variants: {
+      variant: {
+        default:
+           // @replit: no hover, and add primary border
+           "bg-primary text-primary-foreground border border-primary-border",
+        destructive:
+          "bg-destructive text-destructive-foreground shadow-sm border-destructive-border",
+        outline:
+          // @replit Shows the background color of whatever card / sidebar / accent background it is inside of.
+          // Inherits the current text color. Uses shadow-xs. no shadow on active
+          // No hover state
+          " border [border-color:var(--button-outline)] shadow-xs active:shadow-none ",
+        secondary:
+          // @replit border, no hover, no shadow, secondary border.
+          "border bg-secondary text-secondary-foreground border border-secondary-border ",
+        // @replit no hover, transparent border
+        ghost: "border border-transparent",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        // @replit changed sizes
+        default: "min-h-9 px-4 py-2",
+        sm: "min-h-8 rounded-md px-3 text-xs",
+        lg: "min-h-10 rounded-md px-8",
+        icon: "h-9 w-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = "Button"
+
+export { Button, buttonVariants }
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
new file mode 100644
index 0000000..a623682
--- /dev/null
+++ b/src/components/ui/calendar.tsx
@@ -0,0 +1,213 @@
+"use client"
+
+import * as React from "react"
+import {
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+} from "lucide-react"
+import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker"
+
+import { cn } from "@/lib/utils"
+import { Button, buttonVariants } from "@/components/ui/button"
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}: React.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React.ComponentProps<typeof Button>["variant"]
+}) {
+  const defaultClassNames = getDefaultClassNames()
+
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn(
+        "bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      )}
+      captionLayout={captionLayout}
+      formatters={{
+        formatMonthDropdown: (date) =>
+          date.toLocaleString("default", { month: "short" }),
+        ...formatters,
+      }}
+      classNames={{
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "bg-popover absolute inset-0 opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "select-none font-medium",
+          captionLayout === "label"
+            ? "text-sm"
+            : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "w-[--cell-size] select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-muted-foreground select-none text-[0.8rem]",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "bg-accent rounded-l-md",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames,
+      }}
+      components={{
+        Root: ({ className, rootRef, ...props }) => {
+          return (
+            <div
+              data-slot="calendar"
+              ref={rootRef}
+              className={cn(className)}
+              {...props}
+            />
+          )
+        },
+        Chevron: ({ className, orientation, ...props }) => {
+          if (orientation === "left") {
+            return (
+              <ChevronLeftIcon className={cn("size-4", className)} {...props} />
+            )
+          }
+
+          if (orientation === "right") {
+            return (
+              <ChevronRightIcon
+                className={cn("size-4", className)}
+                {...props}
+              />
+            )
+          }
+
+          return (
+            <ChevronDownIcon className={cn("size-4", className)} {...props} />
+          )
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props }) => {
+          return (
+            <td {...props}>
+              <div className="flex size-[--cell-size] items-center justify-center text-center">
+                {children}
+              </div>
+            </td>
+          )
+        },
+        ...components,
+      }}
+      {...props}
+    />
+  )
+}
+
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}: React.ComponentProps<typeof DayButton>) {
+  const defaultClassNames = getDefaultClassNames()
+
+  const ref = React.useRef<HTMLButtonElement>(null)
+  React.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus()
+  }, [modifiers.focused])
+
+  return (
+    <Button
+      ref={ref}
+      variant="ghost"
+      size="icon"
+      data-day={day.date.toLocaleDateString()}
+      data-selected-single={
+        modifiers.selected &&
+        !modifiers.range_start &&
+        !modifiers.range_end &&
+        !modifiers.range_middle
+      }
+      data-range-start={modifiers.range_start}
+      data-range-end={modifiers.range_end}
+      data-range-middle={modifiers.range_middle}
+      className={cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Calendar, CalendarDayButton }
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
new file mode 100644
index 0000000..cabfbfc
--- /dev/null
+++ b/src/components/ui/card.tsx
@@ -0,0 +1,76 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className
+    )}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("font-semibold leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/src/components/ui/carousel.tsx b/src/components/ui/carousel.tsx
new file mode 100644
index 0000000..9c2b9bf
--- /dev/null
+++ b/src/components/ui/carousel.tsx
@@ -0,0 +1,260 @@
+import * as React from "react"
+import useEmblaCarousel, {
+  type UseEmblaCarouselType,
+} from "embla-carousel-react"
+import { ArrowLeft, ArrowRight } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+
+type CarouselApi = UseEmblaCarouselType[1]
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
+type CarouselOptions = UseCarouselParameters[0]
+type CarouselPlugin = UseCarouselParameters[1]
+
+type CarouselProps = {
+  opts?: CarouselOptions
+  plugins?: CarouselPlugin
+  orientation?: "horizontal" | "vertical"
+  setApi?: (api: CarouselApi) => void
+}
+
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0]
+  api: ReturnType<typeof useEmblaCarousel>[1]
+  scrollPrev: () => void
+  scrollNext: () => void
+  canScrollPrev: boolean
+  canScrollNext: boolean
+} & CarouselProps
+
+const CarouselContext = React.createContext<CarouselContextProps | null>(null)
+
+function useCarousel() {
+  const context = React.useContext(CarouselContext)
+
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />")
+  }
+
+  return context
+}
+
+const Carousel = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & CarouselProps
+>(
+  (
+    {
+      orientation = "horizontal",
+      opts,
+      setApi,
+      plugins,
+      className,
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const [carouselRef, api] = useEmblaCarousel(
+      {
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y",
+      },
+      plugins
+    )
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false)
+    const [canScrollNext, setCanScrollNext] = React.useState(false)
+
+    const onSelect = React.useCallback((api: CarouselApi) => {
+      if (!api) {
+        return
+      }
+
+      setCanScrollPrev(api.canScrollPrev())
+      setCanScrollNext(api.canScrollNext())
+    }, [])
+
+    const scrollPrev = React.useCallback(() => {
+      api?.scrollPrev()
+    }, [api])
+
+    const scrollNext = React.useCallback(() => {
+      api?.scrollNext()
+    }, [api])
+
+    const handleKeyDown = React.useCallback(
+      (event: React.KeyboardEvent<HTMLDivElement>) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault()
+          scrollPrev()
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault()
+          scrollNext()
+        }
+      },
+      [scrollPrev, scrollNext]
+    )
+
+    React.useEffect(() => {
+      if (!api || !setApi) {
+        return
+      }
+
+      setApi(api)
+    }, [api, setApi])
+
+    React.useEffect(() => {
+      if (!api) {
+        return
+      }
+
+      onSelect(api)
+      api.on("reInit", onSelect)
+      api.on("select", onSelect)
+
+      return () => {
+        api?.off("select", onSelect)
+      }
+    }, [api, onSelect])
+
+    return (
+      <CarouselContext.Provider
+        value={{
+          carouselRef,
+          api: api,
+          opts,
+          orientation:
+            orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext,
+        }}
+      >
+        <div
+          ref={ref}
+          onKeyDownCapture={handleKeyDown}
+          className={cn("relative", className)}
+          role="region"
+          aria-roledescription="carousel"
+          {...props}
+        >
+          {children}
+        </div>
+      </CarouselContext.Provider>
+    )
+  }
+)
+Carousel.displayName = "Carousel"
+
+const CarouselContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { carouselRef, orientation } = useCarousel()
+
+  return (
+    <div ref={carouselRef} className="overflow-hidden">
+      <div
+        ref={ref}
+        className={cn(
+          "flex",
+          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+          className
+        )}
+        {...props}
+      />
+    </div>
+  )
+})
+CarouselContent.displayName = "CarouselContent"
+
+const CarouselItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { orientation } = useCarousel()
+
+  return (
+    <div
+      ref={ref}
+      role="group"
+      aria-roledescription="slide"
+      className={cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+CarouselItem.displayName = "CarouselItem"
+
+const CarouselPrevious = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute  h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-left-12 top-1/2 -translate-y-1/2"
+          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollPrev}
+      onClick={scrollPrev}
+      {...props}
+    >
+      <ArrowLeft className="h-4 w-4" />
+      <span className="sr-only">Previous slide</span>
+    </Button>
+  )
+})
+CarouselPrevious.displayName = "CarouselPrevious"
+
+const CarouselNext = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-right-12 top-1/2 -translate-y-1/2"
+          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollNext}
+      onClick={scrollNext}
+      {...props}
+    >
+      <ArrowRight className="h-4 w-4" />
+      <span className="sr-only">Next slide</span>
+    </Button>
+  )
+})
+CarouselNext.displayName = "CarouselNext"
+
+export {
+  type CarouselApi,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext,
+}
diff --git a/src/components/ui/chart.tsx b/src/components/ui/chart.tsx
new file mode 100644
index 0000000..23dc1c1
--- /dev/null
+++ b/src/components/ui/chart.tsx
@@ -0,0 +1,367 @@
+import * as React from "react"
+import * as RechartsPrimitive from "recharts"
+
+import { cn } from "@/lib/utils"
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" } as const
+
+export type ChartConfig = {
+  [k in string]: {
+    label?: React.ReactNode
+    icon?: React.ComponentType
+  } & (
+    | { color?: string; theme?: never }
+    | { color?: never; theme: Record<keyof typeof THEMES, string> }
+  )
+}
+
+type ChartContextProps = {
+  config: ChartConfig
+}
+
+const ChartContext = React.createContext<ChartContextProps | null>(null)
+
+function useChart() {
+  const context = React.useContext(ChartContext)
+
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />")
+  }
+
+  return context
+}
+
+const ChartContainer = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & {
+    config: ChartConfig
+    children: React.ComponentProps<
+      typeof RechartsPrimitive.ResponsiveContainer
+    >["children"]
+  }
+>(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React.useId()
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
+
+  return (
+    <ChartContext.Provider value={{ config }}>
+      <div
+        data-chart={chartId}
+        ref={ref}
+        className={cn(
+          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+          className
+        )}
+        {...props}
+      >
+        <ChartStyle id={chartId} config={config} />
+        <RechartsPrimitive.ResponsiveContainer>
+          {children}
+        </RechartsPrimitive.ResponsiveContainer>
+      </div>
+    </ChartContext.Provider>
+  )
+})
+ChartContainer.displayName = "Chart"
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config]) => config.theme || config.color
+  )
+
+  if (!colorConfig.length) {
+    return null
+  }
+
+  return (
+    <style
+      dangerouslySetInnerHTML={{
+        __html: Object.entries(THEMES)
+          .map(
+            ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+  .map(([key, itemConfig]) => {
+    const color =
+      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
+      itemConfig.color
+    return color ? `  --color-${key}: ${color};` : null
+  })
+  .join("\n")}
+}
+`
+          )
+          .join("\n"),
+      }}
+    />
+  )
+}
+
+const ChartTooltip = RechartsPrimitive.Tooltip
+
+const ChartTooltipContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
+    React.ComponentProps<"div"> & {
+      hideLabel?: boolean
+      hideIndicator?: boolean
+      indicator?: "line" | "dot" | "dashed"
+      nameKey?: string
+      labelKey?: string
+    }
+>(
+  (
+    {
+      active,
+      payload,
+      className,
+      indicator = "dot",
+      hideLabel = false,
+      hideIndicator = false,
+      label,
+      labelFormatter,
+      labelClassName,
+      formatter,
+      color,
+      nameKey,
+      labelKey,
+    },
+    ref
+  ) => {
+    const { config } = useChart()
+
+    const tooltipLabel = React.useMemo(() => {
+      if (hideLabel || !payload?.length) {
+        return null
+      }
+
+      const [item] = payload
+      const key = `${labelKey || item?.dataKey || item?.name || "value"}`
+      const itemConfig = getPayloadConfigFromPayload(config, item, key)
+      const value =
+        !labelKey && typeof label === "string"
+          ? config[label as keyof typeof config]?.label || label
+          : itemConfig?.label
+
+      if (labelFormatter) {
+        return (
+          <div className={cn("font-medium", labelClassName)}>
+            {labelFormatter(value, payload)}
+          </div>
+        )
+      }
+
+      if (!value) {
+        return null
+      }
+
+      return <div className={cn("font-medium", labelClassName)}>{value}</div>
+    }, [
+      label,
+      labelFormatter,
+      payload,
+      hideLabel,
+      labelClassName,
+      config,
+      labelKey,
+    ])
+
+    if (!active || !payload?.length) {
+      return null
+    }
+
+    const nestLabel = payload.length === 1 && indicator !== "dot"
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          className
+        )}
+      >
+        {!nestLabel ? tooltipLabel : null}
+        <div className="grid gap-1.5">
+          {payload
+            .filter((item) => item.type !== "none")
+            .map((item, index) => {
+              const key = `${nameKey || item.name || item.dataKey || "value"}`
+              const itemConfig = getPayloadConfigFromPayload(config, item, key)
+              const indicatorColor = color || item.payload.fill || item.color
+
+              return (
+                <div
+                  key={item.dataKey}
+                  className={cn(
+                    "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                    indicator === "dot" && "items-center"
+                  )}
+                >
+                  {formatter && item?.value !== undefined && item.name ? (
+                    formatter(item.value, item.name, item, index, item.payload)
+                  ) : (
+                    <>
+                      {itemConfig?.icon ? (
+                        <itemConfig.icon />
+                      ) : (
+                        !hideIndicator && (
+                          <div
+                            className={cn(
+                              "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
+                              {
+                                "h-2.5 w-2.5": indicator === "dot",
+                                "w-1": indicator === "line",
+                                "w-0 border-[1.5px] border-dashed bg-transparent":
+                                  indicator === "dashed",
+                                "my-0.5": nestLabel && indicator === "dashed",
+                              }
+                            )}
+                            style={
+                              {
+                                "--color-bg": indicatorColor,
+                                "--color-border": indicatorColor,
+                              } as React.CSSProperties
+                            }
+                          />
+                        )
+                      )}
+                      <div
+                        className={cn(
+                          "flex flex-1 justify-between leading-none",
+                          nestLabel ? "items-end" : "items-center"
+                        )}
+                      >
+                        <div className="grid gap-1.5">
+                          {nestLabel ? tooltipLabel : null}
+                          <span className="text-muted-foreground">
+                            {itemConfig?.label || item.name}
+                          </span>
+                        </div>
+                        {item.value && (
+                          <span className="font-mono font-medium tabular-nums text-foreground">
+                            {item.value.toLocaleString()}
+                          </span>
+                        )}
+                      </div>
+                    </>
+                  )}
+                </div>
+              )
+            })}
+        </div>
+      </div>
+    )
+  }
+)
+ChartTooltipContent.displayName = "ChartTooltip"
+
+const ChartLegend = RechartsPrimitive.Legend
+
+const ChartLegendContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> &
+    Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+      hideIcon?: boolean
+      nameKey?: string
+    }
+>(
+  (
+    { className, hideIcon = false, payload, verticalAlign = "bottom", nameKey },
+    ref
+  ) => {
+    const { config } = useChart()
+
+    if (!payload?.length) {
+      return null
+    }
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          "flex items-center justify-center gap-4",
+          verticalAlign === "top" ? "pb-3" : "pt-3",
+          className
+        )}
+      >
+        {payload
+          .filter((item) => item.type !== "none")
+          .map((item) => {
+            const key = `${nameKey || item.dataKey || "value"}`
+            const itemConfig = getPayloadConfigFromPayload(config, item, key)
+
+            return (
+              <div
+                key={item.value}
+                className={cn(
+                  "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+                )}
+              >
+                {itemConfig?.icon && !hideIcon ? (
+                  <itemConfig.icon />
+                ) : (
+                  <div
+                    className="h-2 w-2 shrink-0 rounded-[2px]"
+                    style={{
+                      backgroundColor: item.color,
+                    }}
+                  />
+                )}
+                {itemConfig?.label}
+              </div>
+            )
+          })}
+      </div>
+    )
+  }
+)
+ChartLegendContent.displayName = "ChartLegend"
+
+// Helper to extract item config from a payload.
+function getPayloadConfigFromPayload(
+  config: ChartConfig,
+  payload: unknown,
+  key: string
+) {
+  if (typeof payload !== "object" || payload === null) {
+    return undefined
+  }
+
+  const payloadPayload =
+    "payload" in payload &&
+    typeof payload.payload === "object" &&
+    payload.payload !== null
+      ? payload.payload
+      : undefined
+
+  let configLabelKey: string = key
+
+  if (
+    key in payload &&
+    typeof payload[key as keyof typeof payload] === "string"
+  ) {
+    configLabelKey = payload[key as keyof typeof payload] as string
+  } else if (
+    payloadPayload &&
+    key in payloadPayload &&
+    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
+  ) {
+    configLabelKey = payloadPayload[
+      key as keyof typeof payloadPayload
+    ] as string
+  }
+
+  return configLabelKey in config
+    ? config[configLabelKey]
+    : config[key as keyof typeof config]
+}
+
+export {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+}
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..90b71e4
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,28 @@
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { Check } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("grid place-content-center text-current")}
+    >
+      <Check className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }
diff --git a/src/components/ui/collapsible.tsx b/src/components/ui/collapsible.tsx
new file mode 100644
index 0000000..9fa4894
--- /dev/null
+++ b/src/components/ui/collapsible.tsx
@@ -0,0 +1,11 @@
+"use client"
+
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+
+const Collapsible = CollapsiblePrimitive.Root
+
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
+
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/src/components/ui/command.tsx b/src/components/ui/command.tsx
new file mode 100644
index 0000000..2cecd91
--- /dev/null
+++ b/src/components/ui/command.tsx
@@ -0,0 +1,153 @@
+"use client"
+
+import * as React from "react"
+import { type DialogProps } from "@radix-ui/react-dialog"
+import { Command as CommandPrimitive } from "cmdk"
+import { Search } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Dialog, DialogContent } from "@/components/ui/dialog"
+
+const Command = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive
+    ref={ref}
+    className={cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+Command.displayName = CommandPrimitive.displayName
+
+const CommandDialog = ({ children, ...props }: DialogProps) => {
+  return (
+    <Dialog {...props}>
+      <DialogContent className="overflow-hidden p-0">
+        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+const CommandInput = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Input>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
+>(({ className, ...props }, ref) => (
+  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
+    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
+    <CommandPrimitive.Input
+      ref={ref}
+      className={cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  </div>
+))
+
+CommandInput.displayName = CommandPrimitive.Input.displayName
+
+const CommandList = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.List
+    ref={ref}
+    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+    {...props}
+  />
+))
+
+CommandList.displayName = CommandPrimitive.List.displayName
+
+const CommandEmpty = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Empty>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
+>((props, ref) => (
+  <CommandPrimitive.Empty
+    ref={ref}
+    className="py-6 text-center text-sm"
+    {...props}
+  />
+))
+
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName
+
+const CommandGroup = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Group>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Group
+    ref={ref}
+    className={cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+
+CommandGroup.displayName = CommandPrimitive.Group.displayName
+
+const CommandSeparator = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 h-px bg-border", className)}
+    {...props}
+  />
+))
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName
+
+const CommandItem = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    )}
+    {...props}
+  />
+))
+
+CommandItem.displayName = CommandPrimitive.Item.displayName
+
+const CommandShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+CommandShortcut.displayName = "CommandShortcut"
+
+export {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+}
diff --git a/src/components/ui/context-menu.tsx b/src/components/ui/context-menu.tsx
new file mode 100644
index 0000000..0cd4b2c
--- /dev/null
+++ b/src/components/ui/context-menu.tsx
@@ -0,0 +1,198 @@
+import * as React from "react"
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const ContextMenu = ContextMenuPrimitive.Root
+
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger
+
+const ContextMenuGroup = ContextMenuPrimitive.Group
+
+const ContextMenuPortal = ContextMenuPrimitive.Portal
+
+const ContextMenuSub = ContextMenuPrimitive.Sub
+
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup
+
+const ContextMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <ContextMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </ContextMenuPrimitive.SubTrigger>
+))
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName
+
+const ContextMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName
+
+const ContextMenuContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Portal>
+    <ContextMenuPrimitive.Content
+      ref={ref}
+      className={cn(
+        "z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </ContextMenuPrimitive.Portal>
+))
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName
+
+const ContextMenuItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName
+
+const ContextMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <ContextMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.CheckboxItem>
+))
+ContextMenuCheckboxItem.displayName =
+  ContextMenuPrimitive.CheckboxItem.displayName
+
+const ContextMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <ContextMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Circle className="h-4 w-4 fill-current" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.RadioItem>
+))
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName
+
+const ContextMenuLabel = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold text-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName
+
+const ContextMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-border", className)}
+    {...props}
+  />
+))
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName
+
+const ContextMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+ContextMenuShortcut.displayName = "ContextMenuShortcut"
+
+export {
+  ContextMenu,
+  ContextMenuTrigger,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuCheckboxItem,
+  ContextMenuRadioItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuGroup,
+  ContextMenuPortal,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuRadioGroup,
+}
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
new file mode 100644
index 0000000..9dbeaa0
--- /dev/null
+++ b/src/components/ui/dialog.tsx
@@ -0,0 +1,120 @@
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = DialogPrimitive.Portal
+
+const DialogClose = DialogPrimitive.Close
+
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+  />
+))
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DialogTitle.displayName = DialogPrimitive.Title.displayName
+
+const DialogDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DialogDescription.displayName = DialogPrimitive.Description.displayName
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogTrigger,
+  DialogClose,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+}
diff --git a/src/components/ui/drawer.tsx b/src/components/ui/drawer.tsx
new file mode 100644
index 0000000..c17b0cc
--- /dev/null
+++ b/src/components/ui/drawer.tsx
@@ -0,0 +1,116 @@
+import * as React from "react"
+import { Drawer as DrawerPrimitive } from "vaul"
+
+import { cn } from "@/lib/utils"
+
+const Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
+  <DrawerPrimitive.Root
+    shouldScaleBackground={shouldScaleBackground}
+    {...props}
+  />
+)
+Drawer.displayName = "Drawer"
+
+const DrawerTrigger = DrawerPrimitive.Trigger
+
+const DrawerPortal = DrawerPrimitive.Portal
+
+const DrawerClose = DrawerPrimitive.Close
+
+const DrawerOverlay = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Overlay
+    ref={ref}
+    className={cn("fixed inset-0 z-50 bg-black/80", className)}
+    {...props}
+  />
+))
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
+
+const DrawerContent = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DrawerPortal>
+    <DrawerOverlay />
+    <DrawerPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        className
+      )}
+      {...props}
+    >
+      <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
+      {children}
+    </DrawerPrimitive.Content>
+  </DrawerPortal>
+))
+DrawerContent.displayName = "DrawerContent"
+
+const DrawerHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
+    {...props}
+  />
+)
+DrawerHeader.displayName = "DrawerHeader"
+
+const DrawerFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+    {...props}
+  />
+)
+DrawerFooter.displayName = "DrawerFooter"
+
+const DrawerTitle = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName
+
+const DrawerDescription = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+}
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000..5a20503
--- /dev/null
+++ b/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,201 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto" />
+  </DropdownMenuPrimitive.SubTrigger>
+))
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+))
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Circle className="h-2 w-2 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  )
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+}
diff --git a/src/components/ui/empty.tsx b/src/components/ui/empty.tsx
new file mode 100644
index 0000000..7166763
--- /dev/null
+++ b/src/components/ui/empty.tsx
@@ -0,0 +1,104 @@
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+function Empty({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty"
+      className={cn(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function EmptyHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty-header"
+      className={cn(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const emptyMediaVariants = cva(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>) {
+  return (
+    <div
+      data-slot="empty-icon"
+      data-variant={variant}
+      className={cn(emptyMediaVariants({ variant, className }))}
+      {...props}
+    />
+  )
+}
+
+function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty-title"
+      className={cn("text-lg font-medium tracking-tight", className)}
+      {...props}
+    />
+  )
+}
+
+function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <div
+      data-slot="empty-description"
+      className={cn(
+        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function EmptyContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty-content"
+      className={cn(
+        "flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Empty,
+  EmptyHeader,
+  EmptyTitle,
+  EmptyDescription,
+  EmptyContent,
+  EmptyMedia,
+}
diff --git a/src/components/ui/field.tsx b/src/components/ui/field.tsx
new file mode 100644
index 0000000..0a276fc
--- /dev/null
+++ b/src/components/ui/field.tsx
@@ -0,0 +1,244 @@
+"use client"
+
+import { useMemo } from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+import { Separator } from "@/components/ui/separator"
+
+function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
+  return (
+    <fieldset
+      data-slot="field-set"
+      className={cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}: React.ComponentProps<"legend"> & { variant?: "legend" | "label" }) {
+  return (
+    <legend
+      data-slot="field-legend"
+      data-variant={variant}
+      className={cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-group"
+      className={cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const fieldVariants = cva(
+  "group/field data-[invalid=true]:text-destructive flex w-full gap-3",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start",
+        ],
+        responsive: [
+          "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        ],
+      },
+    },
+    defaultVariants: {
+      orientation: "vertical",
+    },
+  }
+)
+
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="field"
+      data-orientation={orientation}
+      className={cn(fieldVariants({ orientation }), className)}
+      {...props}
+    />
+  )
+}
+
+function FieldContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-content"
+      className={cn(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label>) {
+  return (
+    <Label
+      data-slot="field-label"
+      className={cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-label"
+      className={cn(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="field-description"
+      className={cn(
+        "text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  children?: React.ReactNode
+}) {
+  return (
+    <div
+      data-slot="field-separator"
+      data-content={!!children}
+      className={cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      )}
+      {...props}
+    >
+      <Separator className="absolute inset-0 top-1/2" />
+      {children && (
+        <span
+          className="bg-background text-muted-foreground relative mx-auto block w-fit px-2"
+          data-slot="field-separator-content"
+        >
+          {children}
+        </span>
+      )}
+    </div>
+  )
+}
+
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{ message?: string } | undefined>
+}) {
+  const content = useMemo(() => {
+    if (children) {
+      return children
+    }
+
+    if (!errors) {
+      return null
+    }
+
+    if (errors?.length === 1 && errors[0]?.message) {
+      return errors[0].message
+    }
+
+    return (
+      <ul className="ml-4 flex list-disc flex-col gap-1">
+        {errors.map(
+          (error, index) =>
+            error?.message && <li key={index}>{error.message}</li>
+        )}
+      </ul>
+    )
+  }, [children, errors])
+
+  if (!content) {
+    return null
+  }
+
+  return (
+    <div
+      role="alert"
+      data-slot="field-error"
+      className={cn("text-destructive text-sm font-normal", className)}
+      {...props}
+    >
+      {content}
+    </div>
+  )
+}
+
+export {
+  Field,
+  FieldLabel,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldContent,
+  FieldTitle,
+}
diff --git a/src/components/ui/form.tsx b/src/components/ui/form.tsx
new file mode 100644
index 0000000..1fe22e6
--- /dev/null
+++ b/src/components/ui/form.tsx
@@ -0,0 +1,176 @@
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue | null>(null)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState, formState } = useFormContext()
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  if (!itemContext) {
+    throw new Error("useFormField should be used within <FormItem>")
+  }
+
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue | null>(null)
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn("space-y-2", className)} {...props} />
+    </FormItemContext.Provider>
+  )
+})
+FormItem.displayName = "FormItem"
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+})
+FormLabel.displayName = "FormLabel"
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+})
+FormControl.displayName = "FormControl"
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-[0.8rem] text-muted-foreground", className)}
+      {...props}
+    />
+  )
+})
+FormDescription.displayName = "FormDescription"
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message ?? "") : children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn("text-[0.8rem] font-medium text-destructive", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+})
+FormMessage.displayName = "FormMessage"
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/src/components/ui/hover-card.tsx b/src/components/ui/hover-card.tsx
new file mode 100644
index 0000000..95643d9
--- /dev/null
+++ b/src/components/ui/hover-card.tsx
@@ -0,0 +1,27 @@
+import * as React from "react"
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
+
+import { cn } from "@/lib/utils"
+
+const HoverCard = HoverCardPrimitive.Root
+
+const HoverCardTrigger = HoverCardPrimitive.Trigger
+
+const HoverCardContent = React.forwardRef<
+  React.ElementRef<typeof HoverCardPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <HoverCardPrimitive.Content
+    ref={ref}
+    align={align}
+    sideOffset={sideOffset}
+    className={cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName
+
+export { HoverCard, HoverCardTrigger, HoverCardContent }
diff --git a/src/components/ui/input-group.tsx b/src/components/ui/input-group.tsx
new file mode 100644
index 0000000..1233eff
--- /dev/null
+++ b/src/components/ui/input-group.tsx
@@ -0,0 +1,168 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Textarea } from "@/components/ui/textarea"
+
+function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="input-group"
+      role="group"
+      className={cn(
+        "group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
+        "h-9 has-[>textarea]:h-auto",
+
+        // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1",
+
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const inputGroupAddonVariants = cva(
+  "text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start":
+          "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end":
+          "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start":
+          "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5",
+        "block-end":
+          "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5",
+      },
+    },
+    defaultVariants: {
+      align: "inline-start",
+    },
+  }
+)
+
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="input-group-addon"
+      data-align={align}
+      className={cn(inputGroupAddonVariants({ align }), className)}
+      onClick={(e) => {
+        if ((e.target as HTMLElement).closest("button")) {
+          return
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus()
+      }}
+      {...props}
+    />
+  )
+}
+
+const inputGroupButtonVariants = cva(
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+        "icon-xs":
+          "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+      },
+    },
+    defaultVariants: {
+      size: "xs",
+    },
+  }
+)
+
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}: Omit<React.ComponentProps<typeof Button>, "size"> &
+  VariantProps<typeof inputGroupButtonVariants>) {
+  return (
+    <Button
+      type={type}
+      data-size={size}
+      variant={variant}
+      className={cn(inputGroupButtonVariants({ size }), className)}
+      {...props}
+    />
+  )
+}
+
+function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
+  return (
+    <span
+      className={cn(
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupInput({
+  className,
+  ...props
+}: React.ComponentProps<"input">) {
+  return (
+    <Input
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupTextarea({
+  className,
+  ...props
+}: React.ComponentProps<"textarea">) {
+  return (
+    <Textarea
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea,
+}
diff --git a/src/components/ui/input-otp.tsx b/src/components/ui/input-otp.tsx
new file mode 100644
index 0000000..f7891c9
--- /dev/null
+++ b/src/components/ui/input-otp.tsx
@@ -0,0 +1,69 @@
+import * as React from "react"
+import { OTPInput, OTPInputContext } from "input-otp"
+import { Minus } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const InputOTP = React.forwardRef<
+  React.ElementRef<typeof OTPInput>,
+  React.ComponentPropsWithoutRef<typeof OTPInput>
+>(({ className, containerClassName, ...props }, ref) => (
+  <OTPInput
+    ref={ref}
+    containerClassName={cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    )}
+    className={cn("disabled:cursor-not-allowed", className)}
+    {...props}
+  />
+))
+InputOTP.displayName = "InputOTP"
+
+const InputOTPGroup = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div">
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("flex items-center", className)} {...props} />
+))
+InputOTPGroup.displayName = "InputOTPGroup"
+
+const InputOTPSlot = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div"> & { index: number }
+>(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React.useContext(OTPInputContext)
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]
+
+  return (
+    <div
+      ref={ref}
+      className={cn(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-1 ring-ring",
+        className
+      )}
+      {...props}
+    >
+      {char}
+      {hasFakeCaret && (
+        <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
+          <div className="h-4 w-px animate-caret-blink bg-foreground duration-1000" />
+        </div>
+      )}
+    </div>
+  )
+})
+InputOTPSlot.displayName = "InputOTPSlot"
+
+const InputOTPSeparator = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div">
+>(({ ...props }, ref) => (
+  <div ref={ref} role="separator" {...props}>
+    <Minus />
+  </div>
+))
+InputOTPSeparator.displayName = "InputOTPSeparator"
+
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..69b64fb
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/src/components/ui/item.tsx b/src/components/ui/item.tsx
new file mode 100644
index 0000000..93d2b81
--- /dev/null
+++ b/src/components/ui/item.tsx
@@ -0,0 +1,193 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Separator } from "@/components/ui/separator"
+
+function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      role="list"
+      data-slot="item-group"
+      className={cn("group/item-group flex flex-col", className)}
+      {...props}
+    />
+  )
+}
+
+function ItemSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="item-separator"
+      orientation="horizontal"
+      className={cn("my-0", className)}
+      {...props}
+    />
+  )
+}
+
+const itemVariants = cva(
+  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50",
+      },
+      size: {
+        default: "gap-4 p-4 ",
+        sm: "gap-2.5 px-4 py-3",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> &
+  VariantProps<typeof itemVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "div"
+  return (
+    <Comp
+      data-slot="item"
+      data-variant={variant}
+      data-size={size}
+      className={cn(itemVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+const itemMediaVariants = cva(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+        image:
+          "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>) {
+  return (
+    <div
+      data-slot="item-media"
+      data-variant={variant}
+      className={cn(itemMediaVariants({ variant, className }))}
+      {...props}
+    />
+  )
+}
+
+function ItemContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-content"
+      className={cn(
+        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-title"
+      className={cn(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="item-description"
+      className={cn(
+        "text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemActions({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-actions"
+      className={cn("flex items-center gap-2", className)}
+      {...props}
+    />
+  )
+}
+
+function ItemHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-header"
+      className={cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-footer"
+      className={cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Item,
+  ItemMedia,
+  ItemContent,
+  ItemActions,
+  ItemGroup,
+  ItemSeparator,
+  ItemTitle,
+  ItemDescription,
+  ItemHeader,
+  ItemFooter,
+}
diff --git a/src/components/ui/kbd.tsx b/src/components/ui/kbd.tsx
new file mode 100644
index 0000000..44d8ba8
--- /dev/null
+++ b/src/components/ui/kbd.tsx
@@ -0,0 +1,28 @@
+import { cn } from "@/lib/utils"
+
+function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {
+  return (
+    <kbd
+      data-slot="kbd"
+      className={cn(
+        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium",
+        "[&_svg:not([class*='size-'])]:size-3",
+        "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function KbdGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <kbd
+      data-slot="kbd-group"
+      className={cn("inline-flex items-center gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+export { Kbd, KbdGroup }
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..5341821
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+))
+Label.displayName = LabelPrimitive.Root.displayName
+
+export { Label }
diff --git a/src/components/ui/menubar.tsx b/src/components/ui/menubar.tsx
new file mode 100644
index 0000000..6919168
--- /dev/null
+++ b/src/components/ui/menubar.tsx
@@ -0,0 +1,254 @@
+import * as React from "react"
+import * as MenubarPrimitive from "@radix-ui/react-menubar"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function MenubarMenu({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
+  return <MenubarPrimitive.Menu {...props} />
+}
+
+function MenubarGroup({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
+  return <MenubarPrimitive.Group {...props} />
+}
+
+function MenubarPortal({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
+  return <MenubarPrimitive.Portal {...props} />
+}
+
+function MenubarRadioGroup({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
+  return <MenubarPrimitive.RadioGroup {...props} />
+}
+
+function MenubarSub({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {
+  return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props} />
+}
+
+const Menubar = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Root
+    ref={ref}
+    className={cn(
+      "flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",
+      className
+    )}
+    {...props}
+  />
+))
+Menubar.displayName = MenubarPrimitive.Root.displayName
+
+const MenubarTrigger = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName
+
+const MenubarSubTrigger = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <MenubarPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </MenubarPrimitive.SubTrigger>
+))
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName
+
+const MenubarSubContent = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName
+
+const MenubarContent = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>
+>(
+  (
+    { className, align = "start", alignOffset = -4, sideOffset = 8, ...props },
+    ref
+  ) => (
+    <MenubarPrimitive.Portal>
+      <MenubarPrimitive.Content
+        ref={ref}
+        align={align}
+        alignOffset={alignOffset}
+        sideOffset={sideOffset}
+        className={cn(
+          "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]",
+          className
+        )}
+        {...props}
+      />
+    </MenubarPrimitive.Portal>
+  )
+)
+MenubarContent.displayName = MenubarPrimitive.Content.displayName
+
+const MenubarItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <MenubarPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarItem.displayName = MenubarPrimitive.Item.displayName
+
+const MenubarCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <MenubarPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <MenubarPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </MenubarPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </MenubarPrimitive.CheckboxItem>
+))
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName
+
+const MenubarRadioItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <MenubarPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <MenubarPrimitive.ItemIndicator>
+        <Circle className="h-4 w-4 fill-current" />
+      </MenubarPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </MenubarPrimitive.RadioItem>
+))
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName
+
+const MenubarLabel = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <MenubarPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName
+
+const MenubarSeparator = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName
+
+const MenubarShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+MenubarShortcut.displayname = "MenubarShortcut"
+
+export {
+  Menubar,
+  MenubarMenu,
+  MenubarTrigger,
+  MenubarContent,
+  MenubarItem,
+  MenubarSeparator,
+  MenubarLabel,
+  MenubarCheckboxItem,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarPortal,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarGroup,
+  MenubarSub,
+  MenubarShortcut,
+}
diff --git a/src/components/ui/navigation-menu.tsx b/src/components/ui/navigation-menu.tsx
new file mode 100644
index 0000000..056354b
--- /dev/null
+++ b/src/components/ui/navigation-menu.tsx
@@ -0,0 +1,128 @@
+import * as React from "react"
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
+import { cva } from "class-variance-authority"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const NavigationMenu = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <NavigationMenuPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <NavigationMenuViewport />
+  </NavigationMenuPrimitive.Root>
+))
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName
+
+const NavigationMenuList = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.List
+    ref={ref}
+    className={cn(
+      "group flex flex-1 list-none items-center justify-center space-x-1",
+      className
+    )}
+    {...props}
+  />
+))
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName
+
+const NavigationMenuItem = NavigationMenuPrimitive.Item
+
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
+)
+
+const NavigationMenuTrigger = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <NavigationMenuPrimitive.Trigger
+    ref={ref}
+    className={cn(navigationMenuTriggerStyle(), "group", className)}
+    {...props}
+  >
+    {children}{" "}
+    <ChevronDown
+      className="relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180"
+      aria-hidden="true"
+    />
+  </NavigationMenuPrimitive.Trigger>
+))
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName
+
+const NavigationMenuContent = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Content
+    ref={ref}
+    className={cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
+      className
+    )}
+    {...props}
+  />
+))
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName
+
+const NavigationMenuLink = NavigationMenuPrimitive.Link
+
+const NavigationMenuViewport = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
+>(({ className, ...props }, ref) => (
+  <div className={cn("absolute left-0 top-full flex justify-center")}>
+    <NavigationMenuPrimitive.Viewport
+      className={cn(
+        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  </div>
+))
+NavigationMenuViewport.displayName =
+  NavigationMenuPrimitive.Viewport.displayName
+
+const NavigationMenuIndicator = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Indicator
+    ref={ref}
+    className={cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    )}
+    {...props}
+  >
+    <div className="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
+  </NavigationMenuPrimitive.Indicator>
+))
+NavigationMenuIndicator.displayName =
+  NavigationMenuPrimitive.Indicator.displayName
+
+export {
+  navigationMenuTriggerStyle,
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuContent,
+  NavigationMenuTrigger,
+  NavigationMenuLink,
+  NavigationMenuIndicator,
+  NavigationMenuViewport,
+}
diff --git a/src/components/ui/pagination.tsx b/src/components/ui/pagination.tsx
new file mode 100644
index 0000000..d331105
--- /dev/null
+++ b/src/components/ui/pagination.tsx
@@ -0,0 +1,117 @@
+import * as React from "react"
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { ButtonProps, buttonVariants } from "@/components/ui/button"
+
+const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
+  <nav
+    role="navigation"
+    aria-label="pagination"
+    className={cn("mx-auto flex w-full justify-center", className)}
+    {...props}
+  />
+)
+Pagination.displayName = "Pagination"
+
+const PaginationContent = React.forwardRef<
+  HTMLUListElement,
+  React.ComponentProps<"ul">
+>(({ className, ...props }, ref) => (
+  <ul
+    ref={ref}
+    className={cn("flex flex-row items-center gap-1", className)}
+    {...props}
+  />
+))
+PaginationContent.displayName = "PaginationContent"
+
+const PaginationItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentProps<"li">
+>(({ className, ...props }, ref) => (
+  <li ref={ref} className={cn("", className)} {...props} />
+))
+PaginationItem.displayName = "PaginationItem"
+
+type PaginationLinkProps = {
+  isActive?: boolean
+} & Pick<ButtonProps, "size"> &
+  React.ComponentProps<"a">
+
+const PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}: PaginationLinkProps) => (
+  <a
+    aria-current={isActive ? "page" : undefined}
+    className={cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size,
+      }),
+      className
+    )}
+    {...props}
+  />
+)
+PaginationLink.displayName = "PaginationLink"
+
+const PaginationPrevious = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) => (
+  <PaginationLink
+    aria-label="Go to previous page"
+    size="default"
+    className={cn("gap-1 pl-2.5", className)}
+    {...props}
+  >
+    <ChevronLeft className="h-4 w-4" />
+    <span>Previous</span>
+  </PaginationLink>
+)
+PaginationPrevious.displayName = "PaginationPrevious"
+
+const PaginationNext = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) => (
+  <PaginationLink
+    aria-label="Go to next page"
+    size="default"
+    className={cn("gap-1 pr-2.5", className)}
+    {...props}
+  >
+    <span>Next</span>
+    <ChevronRight className="h-4 w-4" />
+  </PaginationLink>
+)
+PaginationNext.displayName = "PaginationNext"
+
+const PaginationEllipsis = ({
+  className,
+  ...props
+}: React.ComponentProps<"span">) => (
+  <span
+    aria-hidden
+    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    {...props}
+  >
+    <MoreHorizontal className="h-4 w-4" />
+    <span className="sr-only">More pages</span>
+  </span>
+)
+PaginationEllipsis.displayName = "PaginationEllipsis"
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+}
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
new file mode 100644
index 0000000..fdcb511
--- /dev/null
+++ b/src/components/ui/popover.tsx
@@ -0,0 +1,31 @@
+import * as React from "react"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+
+import { cn } from "@/lib/utils"
+
+const Popover = PopoverPrimitive.Root
+
+const PopoverTrigger = PopoverPrimitive.Trigger
+
+const PopoverAnchor = PopoverPrimitive.Anchor
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <PopoverPrimitive.Portal>
+    <PopoverPrimitive.Content
+      ref={ref}
+      align={align}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </PopoverPrimitive.Portal>
+))
+PopoverContent.displayName = PopoverPrimitive.Content.displayName
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
diff --git a/src/components/ui/progress.tsx b/src/components/ui/progress.tsx
new file mode 100644
index 0000000..4fc3b47
--- /dev/null
+++ b/src/components/ui/progress.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as ProgressPrimitive from "@radix-ui/react-progress"
+
+import { cn } from "@/lib/utils"
+
+const Progress = React.forwardRef<
+  React.ElementRef<typeof ProgressPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
+>(({ className, value, ...props }, ref) => (
+  <ProgressPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      className
+    )}
+    {...props}
+  >
+    <ProgressPrimitive.Indicator
+      className="h-full w-full flex-1 bg-primary transition-all"
+      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+    />
+  </ProgressPrimitive.Root>
+))
+Progress.displayName = ProgressPrimitive.Root.displayName
+
+export { Progress }
diff --git a/src/components/ui/radio-group.tsx b/src/components/ui/radio-group.tsx
new file mode 100644
index 0000000..9d3a26e
--- /dev/null
+++ b/src/components/ui/radio-group.tsx
@@ -0,0 +1,42 @@
+import * as React from "react"
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const RadioGroup = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Root
+      className={cn("grid gap-2", className)}
+      {...props}
+      ref={ref}
+    />
+  )
+})
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName
+
+const RadioGroupItem = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
+        <Circle className="h-3.5 w-3.5 fill-primary" />
+      </RadioGroupPrimitive.Indicator>
+    </RadioGroupPrimitive.Item>
+  )
+})
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
+
+export { RadioGroup, RadioGroupItem }
diff --git a/src/components/ui/resizable.tsx b/src/components/ui/resizable.tsx
new file mode 100644
index 0000000..f4bc558
--- /dev/null
+++ b/src/components/ui/resizable.tsx
@@ -0,0 +1,45 @@
+"use client"
+
+import { GripVertical } from "lucide-react"
+import * as ResizablePrimitive from "react-resizable-panels"
+
+import { cn } from "@/lib/utils"
+
+const ResizablePanelGroup = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
+  <ResizablePrimitive.PanelGroup
+    className={cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    )}
+    {...props}
+  />
+)
+
+const ResizablePanel = ResizablePrimitive.Panel
+
+const ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+  withHandle?: boolean
+}) => (
+  <ResizablePrimitive.PanelResizeHandle
+    className={cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    )}
+    {...props}
+  >
+    {withHandle && (
+      <div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
+        <GripVertical className="h-2.5 w-2.5" />
+      </div>
+    )}
+  </ResizablePrimitive.PanelResizeHandle>
+)
+
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx
new file mode 100644
index 0000000..cf253cf
--- /dev/null
+++ b/src/components/ui/scroll-area.tsx
@@ -0,0 +1,46 @@
+import * as React from "react"
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+
+import { cn } from "@/lib/utils"
+
+const ScrollArea = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <ScrollAreaPrimitive.Root
+    ref={ref}
+    className={cn("relative overflow-hidden", className)}
+    {...props}
+  >
+    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+      {children}
+    </ScrollAreaPrimitive.Viewport>
+    <ScrollBar />
+    <ScrollAreaPrimitive.Corner />
+  </ScrollAreaPrimitive.Root>
+))
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
+
+const ScrollBar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
+>(({ className, orientation = "vertical", ...props }, ref) => (
+  <ScrollAreaPrimitive.ScrollAreaScrollbar
+    ref={ref}
+    orientation={orientation}
+    className={cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" &&
+        "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" &&
+        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    )}
+    {...props}
+  >
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+))
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
+
+export { ScrollArea, ScrollBar }
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
new file mode 100644
index 0000000..6e637f7
--- /dev/null
+++ b/src/components/ui/select.tsx
@@ -0,0 +1,159 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { Check, ChevronDown, ChevronUp } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDown className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronUp className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronDown className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+))
+SelectScrollDownButton.displayName =
+  SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+        position === "popper" &&
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectScrollUpButton />
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label
+    ref={ref}
+    className={cn("px-2 py-1.5 text-sm font-semibold", className)}
+    {...props}
+  />
+))
+SelectLabel.displayName = SelectPrimitive.Label.displayName
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+}
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
new file mode 100644
index 0000000..6d7f122
--- /dev/null
+++ b/src/components/ui/separator.tsx
@@ -0,0 +1,29 @@
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "@/lib/utils"
+
+const Separator = React.forwardRef<
+  React.ElementRef<typeof SeparatorPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+>(
+  (
+    { className, orientation = "horizontal", decorative = true, ...props },
+    ref
+  ) => (
+    <SeparatorPrimitive.Root
+      ref={ref}
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      )}
+      {...props}
+    />
+  )
+)
+Separator.displayName = SeparatorPrimitive.Root.displayName
+
+export { Separator }
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
new file mode 100644
index 0000000..272cb72
--- /dev/null
+++ b/src/components/ui/sheet.tsx
@@ -0,0 +1,140 @@
+"use client"
+
+import * as React from "react"
+import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Sheet = SheetPrimitive.Root
+
+const SheetTrigger = SheetPrimitive.Trigger
+
+const SheetClose = SheetPrimitive.Close
+
+const SheetPortal = SheetPrimitive.Portal
+
+const SheetOverlay = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
+
+const sheetVariants = cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom:
+          "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right:
+          "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+      },
+    },
+    defaultVariants: {
+      side: "right",
+    },
+  }
+)
+
+interface SheetContentProps
+  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+    VariantProps<typeof sheetVariants> {}
+
+const SheetContent = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Content>,
+  SheetContentProps
+>(({ side = "right", className, children, ...props }, ref) => (
+  <SheetPortal>
+    <SheetOverlay />
+    <SheetPrimitive.Content
+      ref={ref}
+      className={cn(sheetVariants({ side }), className)}
+      {...props}
+    >
+      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </SheetPrimitive.Close>
+      {children}
+    </SheetPrimitive.Content>
+  </SheetPortal>
+))
+SheetContent.displayName = SheetPrimitive.Content.displayName
+
+const SheetHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+SheetHeader.displayName = "SheetHeader"
+
+const SheetFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+SheetFooter.displayName = "SheetFooter"
+
+const SheetTitle = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold text-foreground", className)}
+    {...props}
+  />
+))
+SheetTitle.displayName = SheetPrimitive.Title.displayName
+
+const SheetDescription = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+SheetDescription.displayName = SheetPrimitive.Description.displayName
+
+export {
+  Sheet,
+  SheetPortal,
+  SheetOverlay,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
new file mode 100644
index 0000000..41362f6
--- /dev/null
+++ b/src/components/ui/sidebar.tsx
@@ -0,0 +1,727 @@
+"use client"
+
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, VariantProps } from "class-variance-authority"
+import { PanelLeftIcon } from "lucide-react"
+
+import { useIsMobile } from "@/hooks/use-mobile"
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Separator } from "@/components/ui/separator"
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@/components/ui/sheet"
+import { Skeleton } from "@/components/ui/skeleton"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip"
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state"
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
+const SIDEBAR_WIDTH = "16rem"
+const SIDEBAR_WIDTH_MOBILE = "18rem"
+const SIDEBAR_WIDTH_ICON = "3rem"
+const SIDEBAR_KEYBOARD_SHORTCUT = "b"
+
+type SidebarContextProps = {
+  state: "expanded" | "collapsed"
+  open: boolean
+  setOpen: (open: boolean) => void
+  openMobile: boolean
+  setOpenMobile: (open: boolean) => void
+  isMobile: boolean
+  toggleSidebar: () => void
+}
+
+const SidebarContext = React.createContext<SidebarContextProps | null>(null)
+
+function useSidebar() {
+  const context = React.useContext(SidebarContext)
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.")
+  }
+
+  return context
+}
+
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  defaultOpen?: boolean
+  open?: boolean
+  onOpenChange?: (open: boolean) => void
+}) {
+  const isMobile = useIsMobile()
+  const [openMobile, setOpenMobile] = React.useState(false)
+
+  // This is the internal state of the sidebar.
+  // We use openProp and setOpenProp for control from outside the component.
+  const [_open, _setOpen] = React.useState(defaultOpen)
+  const open = openProp ?? _open
+  const setOpen = React.useCallback(
+    (value: boolean | ((value: boolean) => boolean)) => {
+      const openState = typeof value === "function" ? value(open) : value
+      if (setOpenProp) {
+        setOpenProp(openState)
+      } else {
+        _setOpen(openState)
+      }
+
+      // This sets the cookie to keep the sidebar state.
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
+    },
+    [setOpenProp, open]
+  )
+
+  // Helper to toggle the sidebar.
+  const toggleSidebar = React.useCallback(() => {
+    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)
+  }, [isMobile, setOpen, setOpenMobile])
+
+  // Adds a keyboard shortcut to toggle the sidebar.
+  React.useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (
+        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+        (event.metaKey || event.ctrlKey)
+      ) {
+        event.preventDefault()
+        toggleSidebar()
+      }
+    }
+
+    window.addEventListener("keydown", handleKeyDown)
+    return () => window.removeEventListener("keydown", handleKeyDown)
+  }, [toggleSidebar])
+
+  // We add a state so that we can do data-state="expanded" or "collapsed".
+  // This makes it easier to style the sidebar with Tailwind classes.
+  const state = open ? "expanded" : "collapsed"
+
+  const contextValue = React.useMemo<SidebarContextProps>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar,
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  )
+
+  return (
+    <SidebarContext.Provider value={contextValue}>
+      <TooltipProvider delayDuration={0}>
+        <div
+          data-slot="sidebar-wrapper"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH,
+              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+              ...style,
+            } as React.CSSProperties
+          }
+          className={cn(
+            "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
+            className
+          )}
+          {...props}
+        >
+          {children}
+        </div>
+      </TooltipProvider>
+    </SidebarContext.Provider>
+  )
+}
+
+function Sidebar({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  side?: "left" | "right"
+  variant?: "sidebar" | "floating" | "inset"
+  collapsible?: "offcanvas" | "icon" | "none"
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
+
+  if (collapsible === "none") {
+    return (
+      <div
+        data-slot="sidebar"
+        className={cn(
+          "bg-sidebar text-sidebar-foreground flex h-full w-[var(--sidebar-width)] flex-col",
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    )
+  }
+
+  if (isMobile) {
+    return (
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+        <SheetContent
+          data-sidebar="sidebar"
+          data-slot="sidebar"
+          data-mobile="true"
+          className="bg-sidebar text-sidebar-foreground w-[var(--sidebar-width)] p-0 [&>button]:hidden"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+            } as React.CSSProperties
+          }
+          side={side}
+        >
+          <SheetHeader className="sr-only">
+            <SheetTitle>Sidebar</SheetTitle>
+            <SheetDescription>Displays the mobile sidebar.</SheetDescription>
+          </SheetHeader>
+          <div className="flex h-full w-full flex-col">{children}</div>
+        </SheetContent>
+      </Sheet>
+    )
+  }
+
+  return (
+    <div
+      className="group peer text-sidebar-foreground hidden md:block"
+      data-state={state}
+      data-collapsible={state === "collapsed" ? collapsible : ""}
+      data-variant={variant}
+      data-side={side}
+      data-slot="sidebar"
+    >
+      {/* This is what handles the sidebar gap on desktop */}
+      <div
+        data-slot="sidebar-gap"
+        className={cn(
+          "relative w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          variant === "floating" || variant === "inset"
+            ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+var(--spacing-4))]"
+            : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
+        )}
+      />
+      <div
+        data-slot="sidebar-container"
+        className={cn(
+          "fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear md:flex",
+          side === "left"
+            ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
+            : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+          // Adjust the padding for floating and inset variants.
+          variant === "floating" || variant === "inset"
+            ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+var(--spacing-4)+2px)]"
+            : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          className
+        )}
+        {...props}
+      >
+        <div
+          data-sidebar="sidebar"
+          data-slot="sidebar-inner"
+          className="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
+        >
+          {children}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <Button
+      data-sidebar="trigger"
+      data-slot="sidebar-trigger"
+      variant="ghost"
+      size="icon"
+      className={cn("h-7 w-7", className)}
+      onClick={(event) => {
+        onClick?.(event)
+        toggleSidebar()
+      }}
+      {...props}
+    >
+      <PanelLeftIcon />
+      <span className="sr-only">Toggle Sidebar</span>
+    </Button>
+  )
+}
+
+function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
+  const { toggleSidebar } = useSidebar()
+
+  // Note: Tailwind v3.4 doesn't support "in-" selectors. So the rail won't work perfectly.
+  return (
+    <button
+      data-sidebar="rail"
+      data-slot="sidebar-rail"
+      aria-label="Toggle Sidebar"
+      tabIndex={-1}
+      onClick={toggleSidebar}
+      title="Toggle Sidebar"
+      className={cn(
+        "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
+        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
+  return (
+    <main
+      data-slot="sidebar-inset"
+      className={cn(
+        "bg-background relative flex w-full flex-1 flex-col",
+        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Input>) {
+  return (
+    <Input
+      data-slot="sidebar-input"
+      data-sidebar="input"
+      className={cn("bg-background h-8 w-full shadow-none", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-header"
+      data-sidebar="header"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-footer"
+      data-sidebar="footer"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="sidebar-separator"
+      data-sidebar="separator"
+      className={cn("bg-sidebar-border mx-2 w-auto", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-content"
+      data-sidebar="content"
+      className={cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group"
+      data-sidebar="group"
+      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupLabel({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "div"
+
+  return (
+    <Comp
+      data-slot="sidebar-group-label"
+      data-sidebar="group-label"
+      className={cn(
+        "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupAction({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="sidebar-group-action"
+      data-sidebar="group-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group-content"
+      data-sidebar="group-content"
+      className={cn("w-full text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu"
+      data-sidebar="menu"
+      className={cn("flex w-full min-w-0 flex-col gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-item"
+      data-sidebar="menu-item"
+      className={cn("group/menu-item relative", className)}
+      {...props}
+    />
+  )
+}
+
+const sidebarMenuButtonVariants = cva(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:w-8! group-data-[collapsible=icon]:h-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline:
+          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function SidebarMenuButton({
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean
+  isActive?: boolean
+  tooltip?: string | React.ComponentProps<typeof TooltipContent>
+} & VariantProps<typeof sidebarMenuButtonVariants>) {
+  const Comp = asChild ? Slot : "button"
+  const { isMobile, state } = useSidebar()
+
+  const button = (
+    <Comp
+      data-slot="sidebar-menu-button"
+      data-sidebar="menu-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
+      {...props}
+    />
+  )
+
+  if (!tooltip) {
+    return button
+  }
+
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip,
+    }
+  }
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent
+        side="right"
+        align="center"
+        hidden={state !== "collapsed" || isMobile}
+        {...tooltip}
+      />
+    </Tooltip>
+  )
+}
+
+function SidebarMenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean
+  showOnHover?: boolean
+}) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-action"
+      data-sidebar="menu-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover &&
+          "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuBadge({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-menu-badge"
+      data-sidebar="menu-badge"
+      className={cn(
+        "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSkeleton({
+  className,
+  showIcon = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showIcon?: boolean
+}) {
+  // Random width between 50 to 90%.
+  const width = React.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`
+  }, [])
+
+  return (
+    <div
+      data-slot="sidebar-menu-skeleton"
+      data-sidebar="menu-skeleton"
+      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
+      {...props}
+    >
+      {showIcon && (
+        <Skeleton
+          className="size-4 rounded-md"
+          data-sidebar="menu-skeleton-icon"
+        />
+      )}
+      <Skeleton
+        className="h-4 max-w-[var(--skeleton-width)] flex-1"
+        data-sidebar="menu-skeleton-text"
+        style={
+          {
+            "--skeleton-width": width,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  )
+}
+
+function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu-sub"
+      data-sidebar="menu-sub"
+      className={cn(
+        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubItem({
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-sub-item"
+      data-sidebar="menu-sub-item"
+      className={cn("group/menu-sub-item relative", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubButton({
+  asChild = false,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean
+  size?: "sm" | "md"
+  isActive?: boolean
+}) {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-sub-button"
+      data-sidebar="menu-sub-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline outline-2 outline-transparent outline-offset-2 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+}
diff --git a/src/components/ui/skeleton.tsx b/src/components/ui/skeleton.tsx
new file mode 100644
index 0000000..d7e45f7
--- /dev/null
+++ b/src/components/ui/skeleton.tsx
@@ -0,0 +1,15 @@
+import { cn } from "@/lib/utils"
+
+function Skeleton({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      className={cn("animate-pulse rounded-md bg-primary/10", className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
diff --git a/src/components/ui/slider.tsx b/src/components/ui/slider.tsx
new file mode 100644
index 0000000..9398b33
--- /dev/null
+++ b/src/components/ui/slider.tsx
@@ -0,0 +1,26 @@
+import * as React from "react"
+import * as SliderPrimitive from "@radix-ui/react-slider"
+
+import { cn } from "@/lib/utils"
+
+const Slider = React.forwardRef<
+  React.ElementRef<typeof SliderPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <SliderPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    )}
+    {...props}
+  >
+    <SliderPrimitive.Track className="relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20">
+      <SliderPrimitive.Range className="absolute h-full bg-primary" />
+    </SliderPrimitive.Track>
+    <SliderPrimitive.Thumb className="block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" />
+  </SliderPrimitive.Root>
+))
+Slider.displayName = SliderPrimitive.Root.displayName
+
+export { Slider }
diff --git a/src/components/ui/sonner.tsx b/src/components/ui/sonner.tsx
new file mode 100644
index 0000000..452f4d9
--- /dev/null
+++ b/src/components/ui/sonner.tsx
@@ -0,0 +1,31 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { Toaster as Sonner } from "sonner"
+
+type ToasterProps = React.ComponentProps<typeof Sonner>
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      toastOptions={{
+        classNames: {
+          toast:
+            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton:
+            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton:
+            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+        },
+      }}
+      {...props}
+    />
+  )
+}
+
+export { Toaster }
diff --git a/src/components/ui/spinner.tsx b/src/components/ui/spinner.tsx
new file mode 100644
index 0000000..a70e713
--- /dev/null
+++ b/src/components/ui/spinner.tsx
@@ -0,0 +1,16 @@
+import { Loader2Icon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
+  return (
+    <Loader2Icon
+      role="status"
+      aria-label="Loading"
+      className={cn("size-4 animate-spin", className)}
+      {...props}
+    />
+  )
+}
+
+export { Spinner }
diff --git a/src/components/ui/switch.tsx b/src/components/ui/switch.tsx
new file mode 100644
index 0000000..455c23b
--- /dev/null
+++ b/src/components/ui/switch.tsx
@@ -0,0 +1,27 @@
+import * as React from "react"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+
+import { cn } from "@/lib/utils"
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+      )}
+    />
+  </SwitchPrimitives.Root>
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
new file mode 100644
index 0000000..c0df655
--- /dev/null
+++ b/src/components/ui/table.tsx
@@ -0,0 +1,120 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+TableRow.displayName = "TableRow"
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableHead.displayName = "TableHead"
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+TableCaption.displayName = "TableCaption"
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/src/components/ui/tabs.tsx b/src/components/ui/tabs.tsx
new file mode 100644
index 0000000..85d83be
--- /dev/null
+++ b/src/components/ui/tabs.tsx
@@ -0,0 +1,53 @@
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+const Tabs = TabsPrimitive.Root
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+TabsList.displayName = TabsPrimitive.List.displayName
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      className
+    )}
+    {...props}
+  />
+))
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    )}
+    {...props}
+  />
+))
+TabsContent.displayName = TabsPrimitive.Content.displayName
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..e56b0af
--- /dev/null
+++ b/src/components/ui/textarea.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+})
+Textarea.displayName = "Textarea"
+
+export { Textarea }
diff --git a/src/components/ui/toast.tsx b/src/components/ui/toast.tsx
new file mode 100644
index 0000000..a822477
--- /dev/null
+++ b/src/components/ui/toast.tsx
@@ -0,0 +1,127 @@
+import * as React from "react"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const ToastProvider = ToastPrimitives.Provider
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+))
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive:
+          "destructive group border-destructive bg-destructive text-destructive-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitives.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  )
+})
+Toast.displayName = ToastPrimitives.Root.displayName
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    )}
+    {...props}
+  />
+))
+ToastAction.displayName = ToastPrimitives.Action.displayName
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Close
+    ref={ref}
+    className={cn(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitives.Close>
+))
+ToastClose.displayName = ToastPrimitives.Close.displayName
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Title
+    ref={ref}
+    className={cn("text-sm font-semibold", className)}
+    {...props}
+  />
+))
+ToastTitle.displayName = ToastPrimitives.Title.displayName
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+))
+ToastDescription.displayName = ToastPrimitives.Description.displayName
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+}
diff --git a/src/components/ui/toaster.tsx b/src/components/ui/toaster.tsx
new file mode 100644
index 0000000..6c67edf
--- /dev/null
+++ b/src/components/ui/toaster.tsx
@@ -0,0 +1,33 @@
+import { useToast } from "@/hooks/use-toast"
+import {
+  Toast,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+} from "@/components/ui/toast"
+
+export function Toaster() {
+  const { toasts } = useToast()
+
+  return (
+    <ToastProvider>
+      {toasts.map(function ({ id, title, description, action, ...props }) {
+        return (
+          <Toast key={id} {...props}>
+            <div className="grid gap-1">
+              {title && <ToastTitle>{title}</ToastTitle>}
+              {description && (
+                <ToastDescription>{description}</ToastDescription>
+              )}
+            </div>
+            {action}
+            <ToastClose />
+          </Toast>
+        )
+      })}
+      <ToastViewport />
+    </ToastProvider>
+  )
+}
diff --git a/src/components/ui/toggle-group.tsx b/src/components/ui/toggle-group.tsx
new file mode 100644
index 0000000..1c876bb
--- /dev/null
+++ b/src/components/ui/toggle-group.tsx
@@ -0,0 +1,61 @@
+"use client"
+
+import * as React from "react"
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
+import { type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { toggleVariants } from "@/components/ui/toggle"
+
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants>
+>({
+  size: "default",
+  variant: "default",
+})
+
+const ToggleGroup = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, children, ...props }, ref) => (
+  <ToggleGroupPrimitive.Root
+    ref={ref}
+    className={cn("flex items-center justify-center gap-1", className)}
+    {...props}
+  >
+    <ToggleGroupContext.Provider value={{ variant, size }}>
+      {children}
+    </ToggleGroupContext.Provider>
+  </ToggleGroupPrimitive.Root>
+))
+
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
+
+const ToggleGroupItem = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
+    VariantProps<typeof toggleVariants>
+>(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext)
+
+  return (
+    <ToggleGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  )
+})
+
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
+
+export { ToggleGroup, ToggleGroupItem }
diff --git a/src/components/ui/toggle.tsx b/src/components/ui/toggle.tsx
new file mode 100644
index 0000000..ab0a30f
--- /dev/null
+++ b/src/components/ui/toggle.tsx
@@ -0,0 +1,43 @@
+import * as React from "react"
+import * as TogglePrimitive from "@radix-ui/react-toggle"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline:
+          "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+const Toggle = React.forwardRef<
+  React.ElementRef<typeof TogglePrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, ...props }, ref) => (
+  <TogglePrimitive.Root
+    ref={ref}
+    className={cn(toggleVariants({ variant, size, className }))}
+    {...props}
+  />
+))
+
+Toggle.displayName = TogglePrimitive.Root.displayName
+
+export { Toggle, toggleVariants }
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
new file mode 100644
index 0000000..28e1918
--- /dev/null
+++ b/src/components/ui/tooltip.tsx
@@ -0,0 +1,32 @@
+"use client"
+
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+
+import { cn } from "@/lib/utils"
+
+const TooltipProvider = TooltipPrimitive.Provider
+
+const Tooltip = TooltipPrimitive.Root
+
+const TooltipTrigger = TooltipPrimitive.Trigger
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Portal>
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </TooltipPrimitive.Portal>
+))
+TooltipContent.displayName = TooltipPrimitive.Content.displayName
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/src/contexts/AuthContext.tsx b/src/contexts/AuthContext.tsx
new file mode 100644
index 0000000..1bc0c41
--- /dev/null
+++ b/src/contexts/AuthContext.tsx
@@ -0,0 +1,155 @@
+import React, { createContext, useContext, useState, useEffect, useCallback } from "react";
+
+export interface AdminAccount {
+  email: string;
+  passwordHash: string;
+  createdAt: string;
+}
+
+interface AuthContextType {
+  isLoggedIn: boolean;
+  currentUser: string | null;
+  accounts: AdminAccount[];
+  login: (email: string, password: string) => Promise<"ok" | "bad_credentials">;
+  logout: () => void;
+  addAccount: (email: string, password: string) => Promise<"ok" | "already_exists">;
+  deleteAccount: (email: string) => void;
+  resetPassword: (email: string, newPassword: string) => Promise<void>;
+}
+
+const AuthContext = createContext<AuthContextType | null>(null);
+
+const LS_ACCOUNTS = "sm-admin-accounts-v1";
+const SS_USER = "sm-admin-session";
+
+const DEFAULT_EMAILS = ["wujian@sinemedia.com", "duankunkun@sinemedia.com"];
+const DEFAULT_PASSWORD = "sine@123456!";
+
+async function sha256(text: string): Promise<string> {
+  const buf = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(text));
+  return Array.from(new Uint8Array(buf))
+    .map((b) => b.toString(16).padStart(2, "0"))
+    .join("");
+}
+
+function loadAccounts(): AdminAccount[] | null {
+  try {
+    const raw = localStorage.getItem(LS_ACCOUNTS);
+    if (raw) return JSON.parse(raw) as AdminAccount[];
+  } catch {}
+  return null;
+}
+
+function saveAccounts(list: AdminAccount[]) {
+  try { localStorage.setItem(LS_ACCOUNTS, JSON.stringify(list)); } catch {}
+}
+
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+  const [accounts, setAccounts] = useState<AdminAccount[]>([]);
+  const [currentUser, setCurrentUser] = useState<string | null>(
+    () => sessionStorage.getItem(SS_USER),
+  );
+  const [ready, setReady] = useState(false);
+
+  useEffect(() => {
+    const existing = loadAccounts();
+    if (existing && existing.length > 0) {
+      setAccounts(existing);
+      setReady(true);
+    } else {
+      sha256(DEFAULT_PASSWORD).then((hash) => {
+        const seeded: AdminAccount[] = DEFAULT_EMAILS.map((email) => ({
+          email,
+          passwordHash: hash,
+          createdAt: new Date().toISOString(),
+        }));
+        saveAccounts(seeded);
+        setAccounts(seeded);
+        setReady(true);
+      });
+    }
+  }, []);
+
+  const login = useCallback(
+    async (email: string, password: string): Promise<"ok" | "bad_credentials"> => {
+      const acc = accounts.find((a) => a.email.toLowerCase() === email.toLowerCase());
+      if (!acc) return "bad_credentials";
+      const hash = await sha256(password);
+      if (hash !== acc.passwordHash) return "bad_credentials";
+      sessionStorage.setItem(SS_USER, email);
+      setCurrentUser(email);
+      return "ok";
+    },
+    [accounts],
+  );
+
+  const logout = useCallback(() => {
+    sessionStorage.removeItem(SS_USER);
+    setCurrentUser(null);
+  }, []);
+
+  const addAccount = useCallback(
+    async (email: string, password: string): Promise<"ok" | "already_exists"> => {
+      if (accounts.some((a) => a.email.toLowerCase() === email.toLowerCase())) {
+        return "already_exists";
+      }
+      const hash = await sha256(password);
+      const account: AdminAccount = {
+        email,
+        passwordHash: hash,
+        createdAt: new Date().toISOString(),
+      };
+      const next = [...accounts, account];
+      saveAccounts(next);
+      setAccounts(next);
+      return "ok";
+    },
+    [accounts],
+  );
+
+  const deleteAccount = useCallback(
+    (email: string) => {
+      const next = accounts.filter((a) => a.email.toLowerCase() !== email.toLowerCase());
+      saveAccounts(next);
+      setAccounts(next);
+    },
+    [accounts],
+  );
+
+  const resetPassword = useCallback(
+    async (email: string, newPassword: string) => {
+      const hash = await sha256(newPassword);
+      const next = accounts.map((a) =>
+        a.email.toLowerCase() === email.toLowerCase() ? { ...a, passwordHash: hash } : a,
+      );
+      saveAccounts(next);
+      setAccounts(next);
+    },
+    [accounts],
+  );
+
+  if (!ready) return null;
+
+  return (
+    <AuthContext.Provider
+      value={{
+        isLoggedIn: currentUser !== null,
+        currentUser,
+        accounts,
+        login,
+        logout,
+        addAccount,
+        deleteAccount,
+        resetPassword,
+      }}
+    >
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+export function useAuth() {
+  const ctx = useContext(AuthContext);
+  if (!ctx) throw new Error("useAuth must be inside AuthProvider");
+  return ctx;
+}
diff --git a/src/contexts/DataContext.tsx b/src/contexts/DataContext.tsx
new file mode 100644
index 0000000..cf7a1ff
--- /dev/null
+++ b/src/contexts/DataContext.tsx
@@ -0,0 +1,140 @@
+import React, { createContext, useContext, useState, useCallback, useEffect } from "react";
+import { ARTICLES, ArticleFull, Block } from "@/data/articles";
+import { ADMIN_PRODUCTS, AdminProductEntry } from "@/data/adminProductsList";
+
+export type { ArticleFull, Block };
+
+interface ProductPatch {
+  tag?: [string, string];
+  title?: string;
+  subtitle?: [string, string];
+  desc?: [string, string];
+}
+
+type ProductPatches = Record<string, ProductPatch>;
+
+interface DataContextType {
+  articles: ArticleFull[];
+  getArticle: (slug: string) => ArticleFull | undefined;
+  saveArticle: (article: ArticleFull) => void;
+  deleteArticle: (slug: string) => void;
+  resetArticles: () => void;
+
+  products: AdminProductEntry[];
+  getProductPatch: (id: string) => ProductPatch;
+  saveProductPatch: (id: string, patch: ProductPatch) => void;
+  resetProduct: (id: string) => void;
+  resetAllProducts: () => void;
+}
+
+const DataContext = createContext<DataContextType | null>(null);
+
+const LS_ARTICLES = "sm-articles-v1";
+const LS_PRODUCTS = "sm-product-patches-v1";
+
+function loadArticles(): ArticleFull[] {
+  try {
+    const raw = localStorage.getItem(LS_ARTICLES);
+    if (raw) return JSON.parse(raw) as ArticleFull[];
+  } catch {}
+  return ARTICLES;
+}
+
+function loadPatches(): ProductPatches {
+  try {
+    const raw = localStorage.getItem(LS_PRODUCTS);
+    if (raw) return JSON.parse(raw) as ProductPatches;
+  } catch {}
+  return {};
+}
+
+export function DataProvider({ children }: { children: React.ReactNode }) {
+  const [articles, setArticles] = useState<ArticleFull[]>(loadArticles);
+  const [patches, setPatches] = useState<ProductPatches>(loadPatches);
+
+  useEffect(() => {
+    try { localStorage.setItem(LS_ARTICLES, JSON.stringify(articles)); } catch {}
+  }, [articles]);
+
+  useEffect(() => {
+    try { localStorage.setItem(LS_PRODUCTS, JSON.stringify(patches)); } catch {}
+  }, [patches]);
+
+  const getArticle = useCallback(
+    (slug: string) => articles.find((a) => a.slug === slug),
+    [articles],
+  );
+
+  const saveArticle = useCallback((article: ArticleFull) => {
+    setArticles((prev) => {
+      const idx = prev.findIndex((a) => a.slug === article.slug);
+      if (idx >= 0) {
+        const next = [...prev];
+        next[idx] = article;
+        return next;
+      }
+      return [article, ...prev];
+    });
+  }, []);
+
+  const deleteArticle = useCallback((slug: string) => {
+    setArticles((prev) => prev.filter((a) => a.slug !== slug));
+  }, []);
+
+  const resetArticles = useCallback(() => {
+    setArticles(ARTICLES);
+  }, []);
+
+  const products: AdminProductEntry[] = ADMIN_PRODUCTS.map((p) => {
+    const patch = patches[p.id];
+    if (!patch) return p;
+    return {
+      ...p,
+      tag: patch.tag ?? p.tag,
+      title: patch.title ?? p.title,
+      subtitle: patch.subtitle ?? p.subtitle,
+      desc: patch.desc ?? p.desc,
+    };
+  });
+
+  const getProductPatch = useCallback((id: string): ProductPatch => patches[id] ?? {}, [patches]);
+
+  const saveProductPatch = useCallback((id: string, patch: ProductPatch) => {
+    setPatches((prev) => ({ ...prev, [id]: { ...(prev[id] ?? {}), ...patch } }));
+  }, []);
+
+  const resetProduct = useCallback((id: string) => {
+    setPatches((prev) => {
+      const next = { ...prev };
+      delete next[id];
+      return next;
+    });
+  }, []);
+
+  const resetAllProducts = useCallback(() => setPatches({}), []);
+
+  return (
+    <DataContext.Provider
+      value={{
+        articles,
+        getArticle,
+        saveArticle,
+        deleteArticle,
+        resetArticles,
+        products,
+        getProductPatch,
+        saveProductPatch,
+        resetProduct,
+        resetAllProducts,
+      }}
+    >
+      {children}
+    </DataContext.Provider>
+  );
+}
+
+export function useData() {
+  const ctx = useContext(DataContext);
+  if (!ctx) throw new Error("useData must be inside DataProvider");
+  return ctx;
+}
diff --git a/src/contexts/LanguageContext.tsx b/src/contexts/LanguageContext.tsx
new file mode 100644
index 0000000..774913f
--- /dev/null
+++ b/src/contexts/LanguageContext.tsx
@@ -0,0 +1,33 @@
+import React, { createContext, useContext, useState } from "react";
+
+type Language = "en" | "zh";
+
+interface LanguageContextType {
+  language: Language;
+  setLanguage: (lang: Language) => void;
+  t: (en: string, zh: string) => string;
+}
+
+const LanguageContext = createContext<LanguageContextType | undefined>(undefined);
+
+export function LanguageProvider({ children }: { children: React.ReactNode }) {
+  const [language, setLanguage] = useState<Language>("zh");
+
+  const t = (en: string, zh: string) => {
+    return language === "en" ? en : zh;
+  };
+
+  return (
+    <LanguageContext.Provider value={{ language, setLanguage, t }}>
+      {children}
+    </LanguageContext.Provider>
+  );
+}
+
+export function useLanguage() {
+  const context = useContext(LanguageContext);
+  if (context === undefined) {
+    throw new Error("useLanguage must be used within a LanguageProvider");
+  }
+  return context;
+}
diff --git a/src/data/adminProductsList.ts b/src/data/adminProductsList.ts
new file mode 100644
index 0000000..1f5e561
--- /dev/null
+++ b/src/data/adminProductsList.ts
@@ -0,0 +1,211 @@
+export interface AdminProductEntry {
+  id: string;
+  category: "pro-audio" | "commercial" | "automotive" | "dev-tools";
+  categoryLabel: [string, string];
+  tag: [string, string];
+  title: string;
+  subtitle: [string, string];
+  desc: [string, string];
+  href?: string;
+  cta?: [string, string];
+  external?: boolean;
+}
+
+export const ADMIN_PRODUCTS: AdminProductEntry[] = [
+  {
+    id: "sap7100x",
+    category: "pro-audio",
+    categoryLabel: ["Professional Audio", "专业音频"],
+    tag: ["Flagship SoC", "旗舰芯片"],
+    title: "SAP 7100X",
+    subtitle: ["AI Audio Processor", "AI 音频处理器"],
+    desc: [
+      "128-channel fully parallel audio processing engine built on SINE DSP architecture. Handles beamforming, spatial rendering, and realtime AI inference within a single-chip solution.",
+      "基于 SINE DSP 架构的 128 通道全并行音频处理引擎，集成波束成形、空间渲染与实时 AI 推理，单芯片覆盖完整专业音频信号链。",
+    ],
+    href: "/audio-landing/",
+    cta: ["Technical specs", "技术规格"],
+    external: true,
+  },
+  {
+    id: "sineflow-pro",
+    category: "pro-audio",
+    categoryLabel: ["Professional Audio", "专业音频"],
+    tag: ["AI Workflow", "AI 工作流"],
+    title: "SineFlow",
+    subtitle: ["Intelligent Tuning Engine", "智能调音引擎"],
+    desc: [
+      "From acoustic measurement to production-ready filter deployment in 1–2 minutes. SineFlow automates the end-to-end DSP tuning workflow using embedded AI models trained on acoustic physics.",
+      "从声学测量到产线级滤波器部署仅需 1–2 分钟。SineFlow 以内嵌声学物理 AI 模型驱动端到端调音工作流，消除手工迭代。",
+    ],
+    href: "/sineflow",
+    cta: ["Explore SineFlow", "探索 SineFlow"],
+  },
+  {
+    id: "sinekniter-pro",
+    category: "pro-audio",
+    categoryLabel: ["Professional Audio", "专业音频"],
+    tag: ["Audio IDE", "音频 IDE"],
+    title: "SineKniter",
+    subtitle: ["Intelligent Audio Programming", "智能音频编程环境"],
+    desc: [
+      "A professional audio IDE built for four major DSP hardware platforms. Combines AI-assisted coding, realtime on-device debugging, and native SineFlow integration for rapid algorithm development.",
+      "专为四大 DSP 硬件平台打造的专业音频集成开发环境，融合 AI 辅助编码、实时片上调试与原生 SineFlow 集成，大幅加速算法开发周期。",
+    ],
+    href: "/sinekniter",
+    cta: ["Explore SineKniter", "探索 SineKniter"],
+  },
+  {
+    id: "speaker-designer-pro",
+    category: "pro-audio",
+    categoryLabel: ["Professional Audio", "专业音频"],
+    tag: ["Design Tool", "设计工具"],
+    title: "Speaker Designer",
+    subtitle: ["Loudspeaker System Design", "扬声器系统设计工具"],
+    desc: [
+      "Physics-grounded loudspeaker simulation covering enclosure design, crossover synthesis, and resonance optimization. Delivers verified FIR exports ready for SINE DSP deployment.",
+      "基于声学物理的扬声器仿真平台，涵盖箱体设计、分频合成与谐振优化，输出经验证的 FIR 滤波器文件，可直接部署至 SINE DSP。",
+    ],
+    href: "/speaker-designer",
+    cta: ["Open tool", "打开工具"],
+  },
+  {
+    id: "nga-soundbar",
+    category: "commercial",
+    categoryLabel: ["Commercial Audio", "商业音响"],
+    tag: ["Spatial Audio", "空间音频"],
+    title: "NGA Sound Bar",
+    subtitle: ["Immersive Audio for the Living Room", "客厅沉浸式音频解决方案"],
+    desc: [
+      "A soundbar built natively for the NGA spatial audio format — delivering object-based 3D audio without a traditional surround speaker array. Calibrated with SineMedia DSP algorithms for consistent performance across room acoustics.",
+      "原生支持 NGA 空间音频格式的 Sound Bar，无需传统环绕音箱阵列即可实现基于对象的三维音频。内置赛因芯微 DSP 算法，跨房间声学场景保持一致性能。",
+    ],
+    href: "/nga",
+    cta: ["NGA Platform", "NGA 平台"],
+  },
+  {
+    id: "nga-tv",
+    category: "commercial",
+    categoryLabel: ["Commercial Audio", "商业音响"],
+    tag: ["TV Solution", "电视解决方案"],
+    title: "NGA TV Solution",
+    subtitle: ["Next-Gen Audio Built Into the Display", "内置下一代音频的显示终端"],
+    desc: [
+      "An end-to-end NGA integration solution for television OEMs — covering decoder SDK, renderer, amplifier DSP, and metadata passthrough. Enables true spatial audio from streaming content without external hardware.",
+      "面向电视 OEM 的端到端 NGA 集成方案，涵盖解码 SDK、渲染器、功放 DSP 与元数据直通，无需外部硬件即可从流媒体内容中获得真正的空间音频体验。",
+    ],
+    href: "/nga",
+    cta: ["NGA Platform", "NGA 平台"],
+  },
+  {
+    id: "nga-player",
+    category: "commercial",
+    categoryLabel: ["Commercial Audio", "商业音响"],
+    tag: ["Player App", "播放器应用"],
+    title: "NGA Video Player",
+    subtitle: ["Desktop & Mobile Spatial Audio Playback", "桌面与移动端空间音频播放"],
+    desc: [
+      "A cross-platform NGA-native video player supporting Windows, macOS, Linux, and Android. Plays NGA-encoded content with full spatial audio rendering, waveform visualization, and metadata inspection tools.",
+      "跨平台 NGA 原生视频播放器，支持 Windows、macOS、Linux 与 Android。完整渲染 NGA 编码内容的空间音频，内置波形可视化与元数据检视工具。",
+    ],
+    href: "/nga",
+    cta: ["NGA Platform", "NGA 平台"],
+  },
+  {
+    id: "auto-immersive",
+    category: "automotive",
+    categoryLabel: ["Automotive", "汽车声学"],
+    tag: ["Full-Chain Audio", "全链路音频"],
+    title: "Immersive Audio Pipeline",
+    subtitle: ["End-to-end NGA in-vehicle audio", "端到端车载沉浸式音频链路"],
+    desc: [
+      "End-to-end NGA immersive audio pipeline from content creation to in-cabin playback. Covers ADM/BW64 studio production, AOIP/AES67 transmission, cloud streaming, and in-vehicle rendering — all governed by a unified metadata standard.",
+      "覆盖内容制作到车内播放的端到端 NGA 沉浸式音频链路。支持 ADM/BW64 制作工具、AOIP/AES67 传输、云端流媒体，以及车内渲染，全链路由统一元数据标准管控。",
+    ],
+  },
+  {
+    id: "auto-anc",
+    category: "automotive",
+    categoryLabel: ["Automotive", "汽车声学"],
+    tag: ["ANC System", "主动降噪"],
+    title: "Intelligent ANC",
+    subtitle: ["Dual-track active noise cancellation", "双路主动降噪系统"],
+    desc: [
+      "Dual-track active noise cancellation architecture: a mature RMK FPGA/HLS-based road noise suppression path, alongside an advanced soundfield ANC system using MDANC FPGA and sensor arrays for spatially differentiated in-cabin noise control.",
+      "双路主动降噪架构：成熟的基于 RMK FPGA/HLS 路噪抑制路径，以及采用 MDANC FPGA 与传感器阵列实现空间差异化降噪的声场 ANC 系统。",
+    ],
+  },
+  {
+    id: "auto-ai",
+    category: "automotive",
+    categoryLabel: ["Automotive", "汽车声学"],
+    tag: ["AI Processing", "AI 处理"],
+    title: "AI Audio Intelligence",
+    subtitle: ["Deep learning source separation engine", "深度学习音源分离推理引擎"],
+    desc: [
+      "Integrated Demucs + LibTorch deep learning inference engine for AI-powered audio source separation. Enables intelligent cockpit features such as voice isolation, content re-creation, and adaptive spatial rendering directly on the vehicle SoC.",
+      "集成 Demucs + LibTorch 深度学习推理引擎，支持 AI 音频源分离。可在车辆 SoC 上直接实现语音隔离、内容再创作与自适应空间渲染等智能座舱功能。",
+    ],
+  },
+  {
+    id: "auto-amp",
+    category: "automotive",
+    categoryLabel: ["Automotive", "汽车声学"],
+    tag: ["Amplifier DSP", "功放系统"],
+    title: "Professional Amplifier System",
+    subtitle: ["ah8-amp · FPGA · SPI/CAN board communication", "ah8-amp · FPGA · 板级 SPI/CAN 通信"],
+    desc: [
+      "Proprietary amplifier core system with GUI-based tuning tools, realtime audio processing service (EQ/Reverb algorithm library), and FPGA parameter configuration with SPI/CAN board-level communication. Industrial-grade stability for automotive production environments.",
+      "自研功放端核心系统，包含 GUI 调音工具、实时音频处理服务（EQ/Reverb 算法库）以及 FPGA 参数配置与板级 SPI/CAN 通信。面向汽车量产环境的工业级稳定性。",
+    ],
+  },
+  {
+    id: "sinekniter-dev",
+    category: "dev-tools",
+    categoryLabel: ["Developer Tools", "开发工具"],
+    tag: ["Audio IDE", "音频集成开发环境"],
+    title: "SineKniter",
+    subtitle: ["Intelligent Audio Programming Environment", "智能音频编程环境"],
+    desc: [
+      "A professional-grade audio IDE engineered for four major DSP hardware platforms. Combines AI-assisted coding, realtime on-device debugging, and native SineFlow integration — reducing DSP algorithm development cycles from weeks to days.",
+      "专为四大 DSP 硬件平台打造的专业音频集成开发环境，融合 AI 辅助编码、实时片上调试与原生 SineFlow 集成，将 DSP 算法开发周期从数周压缩至数天。",
+    ],
+    href: "/sinekniter",
+    cta: ["Explore SineKniter", "探索 SineKniter"],
+  },
+  {
+    id: "sineflow-dev",
+    category: "dev-tools",
+    categoryLabel: ["Developer Tools", "开发工具"],
+    tag: ["AI Workflow", "AI 工作流引擎"],
+    title: "SineFlow",
+    subtitle: ["Intelligent DSP Tuning Engine", "智能 DSP 调音引擎"],
+    desc: [
+      "From acoustic measurement to production-ready filter deployment in 1–2 minutes. SineFlow automates the full DSP tuning workflow using embedded AI models trained on acoustic physics — eliminating manual iteration and reducing engineering cost.",
+      "从声学测量到产线级滤波器部署仅需 1–2 分钟。SineFlow 以内嵌声学物理 AI 模型驱动完整的 DSP 调音工作流，消除手工迭代，大幅降低工程成本。",
+    ],
+    href: "/sineflow",
+    cta: ["Explore SineFlow", "探索 SineFlow"],
+  },
+  {
+    id: "speaker-designer-dev",
+    category: "dev-tools",
+    categoryLabel: ["Developer Tools", "开发工具"],
+    tag: ["Design Tool", "扬声器设计工具"],
+    title: "Speaker Designer",
+    subtitle: ["Physics-Based Loudspeaker Simulation", "基于物理的扬声器仿真"],
+    desc: [
+      "A browser-based loudspeaker system design platform covering enclosure modeling, crossover synthesis, and resonance optimization. Built on Thiele/Small and Beranek acoustics, delivering verified FIR exports ready for direct SINE DSP deployment.",
+      "基于浏览器的扬声器系统设计平台，涵盖箱体建模、分频合成与谐振优化。建立于 Thiele/Small 与 Beranek 声学理论之上，输出经验证的 FIR 文件，可直接部署至 SINE DSP。",
+    ],
+    href: "/speaker-designer",
+    cta: ["Open tool", "打开工具"],
+  },
+];
+
+export const CATEGORY_LABELS: Record<string, [string, string]> = {
+  "pro-audio": ["Professional Audio", "专业音频"],
+  commercial: ["Commercial Audio", "商业音响"],
+  automotive: ["Automotive", "汽车声学"],
+  "dev-tools": ["Developer Tools", "开发工具"],
+};
diff --git a/src/data/articles.ts b/src/data/articles.ts
new file mode 100644
index 0000000..d886c48
--- /dev/null
+++ b/src/data/articles.ts
@@ -0,0 +1,483 @@
+import imgArray      from "@/assets/screenshots/02-array.jpg";
+import imgBoxDesign  from "@/assets/screenshots/01-box-designer.jpg";
+import imgReStep3Spl from "@/assets/screenshots/re-04-step3-spl.jpg";
+import imgCrossover  from "@/assets/screenshots/06-crossover.jpg";
+import imgReStep4    from "@/assets/screenshots/re-07-step4.jpg";
+import imgReStep2Lc  from "@/assets/screenshots/re-02-step2-lc.jpg";
+
+export type Block =
+  | { t: "h2";         en: string;   zh: string }
+  | { t: "h3";         en: string;   zh: string }
+  | { t: "p";          en: string;   zh: string }
+  | { t: "ul";         en: string[]; zh: string[] }
+  | { t: "blockquote"; en: string;   zh: string };
+
+export interface ArticleFull {
+  slug: string;
+  categoryKey: string;
+  category: [string, string];
+  title: [string, string];
+  excerpt: [string, string];
+  date: string;
+  readMin: number;
+  img: string;
+  blocks: Block[];
+}
+
+export const ARTICLES: ArticleFull[] = [
+  /* ─── Tech ─────────────────────────────────────────────────────── */
+  {
+    slug: "ai-driven-audio-processing",
+    categoryKey: "tech",
+    category: ["Technical Insight", "技术洞察"],
+    title: [
+      "Breaking the Boundary: AI-Driven Audio Processing",
+      "突破边界：AI 驱动的音频处理新范式",
+    ],
+    excerpt: [
+      "How SINE DSP architecture enables 128-channel parallel processing within the power envelope of a single-chip SoC.",
+      "SINE DSP 架构如何在单芯片功耗包络内实现 128 通道并行处理。",
+    ],
+    date: "2025-05",
+    readMin: 6,
+    img: imgArray,
+    blocks: [
+      {
+        t: "h2",
+        en: "The Problem with Traditional DSP Pipelines",
+        zh: "传统 DSP 流水线的瓶颈",
+      },
+      {
+        t: "p",
+        en: "For decades, professional audio DSPs have been structured around sequential processing pipelines. A signal enters, passes through a chain of filters and effect stages, and exits the other side. This model is simple and predictable — but it fundamentally limits channel density, latency, and the complexity of algorithms that can run in real time.",
+        zh: "数十年来，专业音频 DSP 一直围绕串行处理流水线构建。信号进入后，依次经过滤波器和效果级，最终输出。这种模型简单且可预测，但从根本上限制了通道密度、延迟，以及能够实时运行的算法复杂度。",
+      },
+      {
+        t: "p",
+        en: "When spatial audio formats like NGA demand per-object rendering across 128 or more channels simultaneously, sequential pipelines simply cannot keep up — not without sacrificing latency to the point of impracticality.",
+        zh: "当 NGA 等空间音频格式要求对 128 个以上的对象通道同时进行渲染时，串行流水线根本无法跟上——除非将延迟牺牲到不实用的程度。",
+      },
+      {
+        t: "h2",
+        en: "SINE DSP Architecture: Full Parallelism by Design",
+        zh: "SINE DSP 架构：设计层面的全并行",
+      },
+      {
+        t: "p",
+        en: "The SINE DSP architecture in the SAP 7100X was designed from the ground up to eliminate the serial bottleneck. Rather than a single processing thread, it deploys 128 independent processing lanes that operate simultaneously, each handling a separate audio object with its own filter graph.",
+        zh: "SAP 7100X 中的 SINE DSP 架构从底层设计就消除了串行瓶颈。它不是单一的处理线程，而是部署了 128 条独立处理通道，同时运行，每条通道拥有独立的滤波器图，处理单独的音频对象。",
+      },
+      {
+        t: "ul",
+        en: [
+          "128 independent processing lanes with dedicated filter graphs",
+          "Sub-millisecond end-to-end latency regardless of channel count",
+          "Hardware-accelerated matrix mixing for spatial rendering",
+          "Shared AI inference co-processor accessible from all lanes",
+        ],
+        zh: [
+          "128 条独立处理通道，每条拥有专用滤波器图",
+          "无论通道数量，端到端延迟低于 1 毫秒",
+          "硬件加速矩阵混音，用于空间渲染",
+          "所有通道可访问的共享 AI 推理协处理器",
+        ],
+      },
+      {
+        t: "h2",
+        en: "Integrating AI Inference Without Breaking Determinism",
+        zh: "在不破坏确定性的前提下集成 AI 推理",
+      },
+      {
+        t: "p",
+        en: "The hardest challenge in bringing AI to real-time audio is determinism. Audio systems must process every buffer in exactly the same time window — a neural network that takes variable inference time will cause dropouts or glitches. The SAP 7100X addresses this with a bounded inference co-processor: AI models are loaded into a dedicated hardware block with a fixed-cycle execution budget. If a model exceeds its budget, it is preempted and falls back to a deterministic non-AI path.",
+        zh: "将 AI 引入实时音频的最大挑战是确定性。音频系统必须在完全相同的时间窗口内处理每个缓冲区——推理时间不固定的神经网络会导致音频中断或噪声。SAP 7100X 通过有界推理协处理器解决了这个问题：AI 模型加载到具有固定周期执行预算的专用硬件模块中。如果模型超出预算，则被抢占并回退到确定性的非 AI 路径。",
+      },
+      {
+        t: "blockquote",
+        en: "Determinism is not a constraint we work around — it is a first-class design requirement. Every AI model running on the SAP 7100X must prove it can meet its deadline before it is allowed into production.",
+        zh: "确定性不是我们绕过的约束——它是一等设计要求。在 SAP 7100X 上运行的每个 AI 模型，必须在进入生产之前证明它能够满足时间截止要求。",
+      },
+      {
+        t: "h2",
+        en: "Benchmarks Against Competing DSP Platforms",
+        zh: "与竞争 DSP 平台的基准测试对比",
+      },
+      {
+        t: "p",
+        en: "In internal benchmarks comparing the SAP 7100X against two leading automotive DSP platforms, SINE DSP delivered 4.8× the effective channel throughput at 23% lower power consumption. More significantly, it maintained deterministic scheduling across all 128 channels under worst-case AI inference load — a condition under which both competing platforms exhibited intermittent buffer overruns.",
+        zh: "在与两款领先汽车 DSP 平台的内部基准测试中，SINE DSP 以低 23% 的功耗实现了 4.8 倍的有效通道吞吐量。更重要的是，在最坏情况 AI 推理负载下，它在所有 128 个通道上维持了确定性调度——而两款竞争平台在此条件下均出现了间歇性缓冲区溢出。",
+      },
+      {
+        t: "h2",
+        en: "What This Means for Spatial Audio at Scale",
+        zh: "这对大规模空间音频意味着什么",
+      },
+      {
+        t: "p",
+        en: "The practical implication is that fully immersive NGA-format playback — with per-object rendering, real-time room correction, and AI-assisted source separation — can now run on a single chip in a production vehicle. What previously required a rack-mounted processing unit in a studio can be reduced to a component on a vehicle's audio ECU.",
+        zh: "实际意义在于：全沉浸式 NGA 格式播放——包含逐对象渲染、实时房间校正与 AI 辅助音源分离——现在可以在量产车辆的单颗芯片上运行。以往需要录音室机架式处理单元才能完成的工作，现在可以缩减为车辆音频 ECU 上的一个组件。",
+      },
+    ],
+  },
+
+  {
+    slug: "loudspeaker-modeling-ts-to-soundfield",
+    categoryKey: "tech",
+    category: ["Technical Insight", "技术洞察"],
+    title: [
+      "Loudspeaker Modeling: From T/S Parameters to Full Sound Fields",
+      "扬声器建模：从 T/S 参数到完整声场",
+    ],
+    excerpt: [
+      "A deep-dive into physics-based loudspeaker simulation — enclosure resonance, crossover synthesis, and FIR correction.",
+      "基于物理的扬声器仿真深度解析——箱体谐振、分频合成与 FIR 校正。",
+    ],
+    date: "2025-04",
+    readMin: 8,
+    img: imgBoxDesign,
+    blocks: [
+      {
+        t: "h2",
+        en: "Thiele-Small Parameters: The Foundation",
+        zh: "Thiele-Small 参数：基础",
+      },
+      {
+        t: "p",
+        en: "Every physics-based loudspeaker model starts with Thiele-Small (T/S) parameters — a set of measured electrical and mechanical constants that describe how a driver behaves when mounted in an enclosure. Resonant frequency (Fs), moving mass (Mms), compliance (Cms), voice coil resistance (Re), and force factor (Bl) together define the small-signal behavior of the driver.",
+        zh: "每个基于物理的扬声器模型都从 Thiele-Small（T/S）参数开始——一组测量的电气和机械常数，描述驱动单元安装在箱体中时的行为。谐振频率（Fs）、振动质量（Mms）、顺性（Cms）、音圈电阻（Re）和力系数（Bl）共同定义了驱动单元的小信号行为。",
+      },
+      {
+        t: "p",
+        en: "Speaker Designer uses T/S parameters as the starting point for enclosure simulation. By solving the differential equations for the driver-enclosure system, we can predict the frequency response, phase, group delay, and cone excursion across the full operating range — before building any physical prototype.",
+        zh: "Speaker Designer 以 T/S 参数作为箱体仿真的起点。通过求解驱动单元-箱体系统的微分方程，我们可以在构建任何物理样品之前，预测整个工作范围内的频率响应、相位、群延迟和振盆位移。",
+      },
+      {
+        t: "h2",
+        en: "Enclosure Acoustics: Sealed, Ported, and Band-Pass",
+        zh: "箱体声学：密封、导相与带通",
+      },
+      {
+        t: "p",
+        en: "The enclosure type fundamentally shapes the low-frequency response. A sealed enclosure provides flat group delay and controlled rolloff but sacrifices efficiency. A ported enclosure extends bass output by coupling the port resonance to the room, at the cost of a steeper rolloff below tuning. Speaker Designer models all three principal types and solves for optimal port dimensions given target tuning frequency and driver parameters.",
+        zh: "箱体类型从根本上塑造了低频响应。密封箱提供平坦的群延迟和受控的衰减，但牺牲了效率。导相箱通过将导相管谐振与房间耦合来延伸低音输出，代价是在调谐频率以下出现更陡的衰减。Speaker Designer 对三种主要类型都进行建模，并在给定目标调谐频率和驱动单元参数的情况下求解最优导相管尺寸。",
+      },
+      {
+        t: "h2",
+        en: "Crossover Synthesis and Phase Coherence",
+        zh: "分频合成与相位一致性",
+      },
+      {
+        t: "p",
+        en: "A multi-way speaker system is only as good as its crossover. Poor crossover design creates phase discontinuities at the crossover frequency, causing comb filtering and off-axis colorations that measurement data can easily miss. Speaker Designer synthesizes Linkwitz-Riley and Bessel crossover families and runs phase-summing verification across the crossover region for all driver combinations.",
+        zh: "多路扬声器系统的质量取决于其分频器。糟糕的分频设计会在分频点产生相位不连续，导致梳状滤波和离轴染色，这些问题用测量数据很容易被遗漏。Speaker Designer 合成 Linkwitz-Riley 和 Bessel 分频族，并对所有驱动单元组合在分频区域进行相位叠加验证。",
+      },
+      {
+        t: "h2",
+        en: "FIR Correction: Fixing What Passive Networks Cannot",
+        zh: "FIR 校正：修正无源网络无法解决的问题",
+      },
+      {
+        t: "p",
+        en: "Passive crossover networks are limited by the physics of inductors and capacitors — they can approximate ideal filter shapes but never achieve them exactly. FIR digital filters, by contrast, can implement arbitrary frequency and phase responses with mathematical precision. The final stage of the Speaker Designer workflow exports a set of FIR coefficients that corrects residual response errors, phase mismatches, and resonances that survive the crossover design process.",
+        zh: "无源分频网络受电感和电容物理特性的限制——它们只能近似理想的滤波器形状，而无法精确实现。相比之下，FIR 数字滤波器可以以数学精度实现任意的频率和相位响应。Speaker Designer 工作流的最后阶段导出一组 FIR 系数，用于校正分频设计过程后残留的响应误差、相位不匹配和谐振。",
+      },
+      {
+        t: "ul",
+        en: [
+          "Minimum-phase and linear-phase FIR options for different latency budgets",
+          "Automatic notch detection for driver breakup modes",
+          "Phase-aligned export for multi-way systems",
+          "Direct coefficient export for SINE DSP targets",
+        ],
+        zh: [
+          "针对不同延迟预算的最小相位和线性相位 FIR 选项",
+          "驱动单元分裂模式的自动陷波检测",
+          "多路系统的相位对齐导出",
+          "面向 SINE DSP 目标的直接系数导出",
+        ],
+      },
+    ],
+  },
+
+  {
+    slug: "line-array-coherence",
+    categoryKey: "tech",
+    category: ["Technical Insight", "技术洞察"],
+    title: [
+      "Line Array Coherence: Why Incoherent Models Fail at High Frequency",
+      "线阵列相干性：为何非相干模型在高频下失效",
+    ],
+    excerpt: [
+      "Grating lobes, coherent summation, and the mathematics behind predicting accurate far-field coverage.",
+      "栅瓣、相干叠加，以及预测准确远场覆盖背后的数学原理。",
+    ],
+    date: "2025-03",
+    readMin: 7,
+    img: imgReStep3Spl,
+    blocks: [
+      {
+        t: "h2",
+        en: "What Is Coherent Summation?",
+        zh: "什么是相干叠加？",
+      },
+      {
+        t: "p",
+        en: "When two loudspeakers emit the same signal, the sound pressure at any point in space is the vector sum of the complex pressure contributions from each source. At low frequencies, where the wavelength is much larger than the cabinet spacing, this summation is nearly uniform in all directions. But at high frequencies, where the wavelength approaches or is smaller than the cabinet spacing, the summation becomes highly directional — creating grating lobes.",
+        zh: "当两只扬声器发出相同的信号时，空间中任意一点的声压是每个声源复数声压贡献的矢量和。在低频，波长远大于箱体间距，这种叠加在各个方向上几乎均匀。但在高频，波长接近或小于箱体间距时，叠加变得高度方向性——产生栅瓣。",
+      },
+      {
+        t: "h2",
+        en: "Why Incoherent Models Produce the Wrong Answer",
+        zh: "为何非相干模型会给出错误的答案",
+      },
+      {
+        t: "p",
+        en: "An incoherent summation model treats each cabinet as an independent energy source and sums acoustic intensities (pressure squared) rather than complex pressures. This is computationally simpler and works reasonably well at low frequencies, but it fundamentally cannot predict grating lobe behavior. At high frequencies, an incoherent model will show smooth, predictable coverage where the actual system produces sharp interference nulls and lobes.",
+        zh: "非相干叠加模型将每个箱体视为独立的能量源，叠加声强（声压的平方）而不是复数声压。这在计算上更简单，在低频时效果相当好，但从根本上无法预测栅瓣行为。在高频，非相干模型会显示平滑、可预测的覆盖范围，而实际系统会产生尖锐的干涉零点和波瓣。",
+      },
+      {
+        t: "blockquote",
+        en: "An incoherent model is not just imprecise — it is categorically wrong above the frequency where cabinet spacing equals half a wavelength. The physics it is based on do not apply.",
+        zh: "非相干模型不仅仅是不精确——在箱体间距等于半波长的频率以上，它在范畴上就是错误的。它所基于的物理定律在那里根本不适用。",
+      },
+      {
+        t: "h2",
+        en: "The Coherent Model in SINE Array Solver",
+        zh: "SINE Array Solver 中的相干模型",
+      },
+      {
+        t: "p",
+        en: "SINE Array Solver implements a fully coherent summation model. For each frequency band and each point in the prediction grid, it computes the complex pressure contribution from every cabinet in the array — accounting for distance, angle, cabinet directivity, and the phase response of any applied delays. The result is a far-field prediction that accurately captures grating lobe formation, mutual coupling effects, and the directivity narrowing that occurs as frequency rises.",
+        zh: "SINE Array Solver 实现了完全相干的叠加模型。对于预测网格中的每个频段和每个点，它计算阵列中每个箱体的复数声压贡献——考虑距离、角度、箱体指向性，以及任何施加延迟的相位响应。结果是能够准确捕捉栅瓣形成、互耦效应，以及随频率升高而发生的指向性收窄的远场预测。",
+      },
+      {
+        t: "h2",
+        en: "Practical Implications for System Design",
+        zh: "对系统设计的实际影响",
+      },
+      {
+        t: "ul",
+        en: [
+          "Grating lobe onset frequency can be predicted and pushed higher by reducing inter-cabinet splay",
+          "High-frequency coverage narrowing is predictable and can be compensated with HF-only delay tapering",
+          "Mutual coupling at low frequencies increases sensitivity — incoherent models underestimate this by up to 6 dB",
+          "Coherent models reveal coverage holes that incoherent models report as uniformly covered zones",
+        ],
+        zh: [
+          "通过减小箱体间张角，可以预测并提高栅瓣出现频率",
+          "高频覆盖收窄是可预测的，可通过仅高频延迟渐变进行补偿",
+          "低频互耦提高了灵敏度——非相干模型对此的低估可达 6 dB",
+          "相干模型揭示了非相干模型报告为均匀覆盖区域中存在的覆盖盲区",
+        ],
+      },
+    ],
+  },
+
+  /* ─── Product ───────────────────────────────────────────────────── */
+  {
+    slug: "sap7100x-architecture",
+    categoryKey: "product",
+    category: ["Product News", "产品资讯"],
+    title: [
+      "SAP 7100X: The Architecture Behind the Numbers",
+      "SAP 7100X：数字背后的架构设计",
+    ],
+    excerpt: [
+      "A technical overview of the SAP 7100X — pipeline decisions, memory bandwidth, and benchmarks.",
+      "SAP 7100X 技术概览——流水线设计决策、内存带宽与基准测试。",
+    ],
+    date: "2025-06",
+    readMin: 5,
+    img: imgCrossover,
+    blocks: [
+      {
+        t: "h2",
+        en: "Pipeline Architecture Decisions",
+        zh: "流水线架构决策",
+      },
+      {
+        t: "p",
+        en: "The SAP 7100X was designed to solve a specific and demanding problem: deliver 128 channels of fully processed NGA spatial audio in real time, within the power and thermal envelope of an automotive SoC. Every architectural decision was driven by this constraint.",
+        zh: "SAP 7100X 旨在解决一个特定且严苛的问题：在汽车 SoC 的功耗和热包络内，实时提供 128 通道完整处理的 NGA 空间音频。每一个架构决策都由这个约束驱动。",
+      },
+      {
+        t: "ul",
+        en: [
+          "128-lane parallel SIMD execution units with per-lane filter state",
+          "Dedicated 512 KB L1 audio SRAM — zero-contention access from all processing lanes",
+          "Hardware matrix mixer with 128×128 crosspoint in a single clock cycle",
+          "Bounded AI inference co-processor with preemption support",
+          "Integrated PTP clock engine for A2B / AES67 network synchronization",
+        ],
+        zh: [
+          "128 通道并行 SIMD 执行单元，每通道独立的滤波器状态",
+          "专用 512 KB L1 音频 SRAM——所有处理通道零竞争访问",
+          "硬件矩阵混音器，单时钟周期实现 128×128 交叉矩阵",
+          "带抢占支持的有界 AI 推理协处理器",
+          "集成 PTP 时钟引擎，支持 A2B / AES67 网络同步",
+        ],
+      },
+      {
+        t: "h2",
+        en: "Memory Bandwidth: The Hidden Bottleneck",
+        zh: "内存带宽：隐藏的瓶颈",
+      },
+      {
+        t: "p",
+        en: "128-channel audio at 48 kHz with 32-bit samples generates 24.6 MB/s of raw audio data. Add FIR coefficients (4096 taps per channel = 2.1 GB of coefficient data at 48 kHz), and memory bandwidth becomes the dominant design constraint — not compute. The SAP 7100X uses a dedicated coefficient prefetch engine that streams coefficients into L1 SRAM ahead of the processing window, hiding memory latency behind computation.",
+        zh: "128 通道、48 kHz、32 位采样的音频每秒产生 24.6 MB 的原始音频数据。加上 FIR 系数（每通道 4096 个抽头，48 kHz 时共 2.1 GB 系数数据），内存带宽成为主要设计约束——而非计算量。SAP 7100X 使用专用系数预取引擎，在处理窗口之前将系数流入 L1 SRAM，将内存延迟隐藏在计算背后。",
+      },
+      {
+        t: "h2",
+        en: "Production Readiness",
+        zh: "量产就绪状态",
+      },
+      {
+        t: "p",
+        en: "The SAP 7100X has completed automotive-grade qualification testing including AEC-Q100 Grade 1 (−40°C to +125°C), EMC testing to CISPR 25 Class 5, and functional safety analysis targeting ASIL B. First production samples are available to qualified automotive OEM and Tier-1 partners.",
+        zh: "SAP 7100X 已完成汽车级认证测试，包括 AEC-Q100 Grade 1（−40°C 至 +125°C）、符合 CISPR 25 Class 5 的 EMC 测试，以及针对 ASIL B 的功能安全分析。首批量产样品已向符合条件的汽车 OEM 和一级供应商合作伙伴提供。",
+      },
+    ],
+  },
+
+  {
+    slug: "sineflow-2-automated-tuning",
+    categoryKey: "product",
+    category: ["Product News", "产品资讯"],
+    title: [
+      "SineFlow 2.0: Automated DSP Tuning in Under Two Minutes",
+      "SineFlow 2.0：两分钟内完成 DSP 自动调音",
+    ],
+    excerpt: [
+      "What changed in the new release — faster convergence, extended crossover templates, and a redesigned workflow.",
+      "新版本的变化——更快的收敛、扩展的分频模板与重新设计的工作流。",
+    ],
+    date: "2025-02",
+    readMin: 4,
+    img: imgReStep4,
+    blocks: [
+      {
+        t: "h2",
+        en: "What Drove the 2.0 Redesign",
+        zh: "2.0 重新设计的驱动力",
+      },
+      {
+        t: "p",
+        en: "SineFlow 1.x established the core concept: an AI-guided 5-step workflow that takes a loudspeaker measurement and produces production-ready FIR coefficients. But user feedback from the first cohort of production deployments revealed two consistent friction points — convergence time on complex multi-way systems, and the rigidity of the crossover templates.",
+        zh: "SineFlow 1.x 确立了核心概念：AI 引导的 5 步工作流，接收扬声器测量结果并生成产线级 FIR 系数。但来自首批量产部署的用户反馈揭示了两个持续存在的摩擦点——复杂多路系统的收敛时间，以及分频模板的刚性。",
+      },
+      {
+        t: "h2",
+        en: "Faster Convergence: A Warmer Start",
+        zh: "更快的收敛：更好的初始化",
+      },
+      {
+        t: "p",
+        en: "SineFlow 2.0 replaces the random initialization of the optimization loop with a physics-informed warm start. Before the optimizer runs, the system fits a lumped-element acoustic model to the measured response and uses it to generate an initial coefficient set that is already acoustically plausible. In benchmarks on 3-way production systems, this reduced mean convergence time from 47 seconds to 11 seconds.",
+        zh: "SineFlow 2.0 将优化循环的随机初始化替换为物理信息预热启动。在优化器运行之前，系统将一个集总元件声学模型拟合到测量响应，并使用它生成一个在声学上已经合理的初始系数集。在三路量产系统的基准测试中，这将平均收敛时间从 47 秒减少到 11 秒。",
+      },
+      {
+        t: "h2",
+        en: "Extended Crossover Templates",
+        zh: "扩展的分频模板",
+      },
+      {
+        t: "ul",
+        en: [
+          "Linkwitz-Riley 2nd, 4th, and 8th order",
+          "Bessel with configurable group delay target",
+          "Linear-phase FIR crossover (zero phase error, latency traded)",
+          "Custom passband: define your own target response curve",
+          "Automotive presets: windshield, door, parcel shelf placements",
+        ],
+        zh: [
+          "Linkwitz-Riley 2 阶、4 阶和 8 阶",
+          "具有可配置群延迟目标的 Bessel",
+          "线性相位 FIR 分频（零相位误差，以延迟为代价）",
+          "自定义通带：定义您自己的目标响应曲线",
+          "汽车预设：风挡、车门、后窗台摆放位置",
+        ],
+      },
+      {
+        t: "h2",
+        en: "Redesigned Step-by-Step Workflow",
+        zh: "重新设计的分步工作流",
+      },
+      {
+        t: "p",
+        en: "The 5-step workflow has been reorganized around the concept of progressive commitment. Steps 1-3 are reversible — the user can go back and change driver assignments, crossover targets, or SPL targets without discarding previous work. Only step 4 (optimization) commits the configuration. This dramatically reduces the penalty for experimentation and makes SineFlow accessible to engineers who are new to DSP tuning.",
+        zh: "5 步工作流已围绕「渐进式承诺」的概念进行了重组。步骤 1-3 是可撤销的——用户可以返回并更改驱动单元分配、分频目标或 SPL 目标，而无需丢弃之前的工作。只有步骤 4（优化）才会提交配置。这大大降低了实验的代价，并使 SineFlow 对 DSP 调音新手工程师来说更容易上手。",
+      },
+    ],
+  },
+
+  /* ─── Industry ──────────────────────────────────────────────────── */
+  {
+    slug: "automotive-audio-2025",
+    categoryKey: "industry",
+    category: ["Industry Trends", "行业动态"],
+    title: [
+      "Automotive Audio in 2025: From Loudness to Spatial Intelligence",
+      "2025 年汽车音频：从响度到空间智能",
+    ],
+    excerpt: [
+      "How OEMs are shifting from tuning for loudness to engineering fully personalized cabin acoustics.",
+      "OEM 厂商如何从追求响度转向工程化个性化车厢声学。",
+    ],
+    date: "2025-05",
+    readMin: 6,
+    img: imgReStep2Lc,
+    blocks: [
+      {
+        t: "h2",
+        en: "The End of the Loudness War — In Automotive",
+        zh: "汽车领域响度战争的终结",
+      },
+      {
+        t: "p",
+        en: "For most of the past two decades, the primary competitive differentiator in automotive audio was maximum SPL at the listening position. OEM audio system specification reviews were dominated by frequency response flatness targets and peak level measurements. The audio engineering effort was largely about getting as much sound pressure as possible out of a given transducer and amplifier budget.",
+        zh: "在过去二十年的大部分时间里，汽车音频的主要竞争差异化因素是听音位置的最大声压级。OEM 音频系统规格评审以频率响应平坦度目标和峰值电平测量为主导。音频工程工作主要是如何在给定的换能器和功放预算内获得尽可能多的声压。",
+      },
+      {
+        t: "p",
+        en: "That era is ending. The shift is driven by three converging forces: the rise of acoustic EVs that expose previously masked noise floors, the mainstream arrival of spatial audio formats like Dolby Atmos and NGA, and the computational headroom created by next-generation automotive SoCs.",
+        zh: "这个时代正在结束。这一转变由三股汇聚的力量驱动：暴露了以前被掩盖的噪底的纯电动汽车的兴起、Dolby Atmos 和 NGA 等空间音频格式的主流化，以及下一代汽车 SoC 带来的计算余量。",
+      },
+      {
+        t: "h2",
+        en: "Spatial Intelligence: What It Actually Means",
+        zh: "空间智能：它实际意味着什么",
+      },
+      {
+        t: "p",
+        en: "Spatial intelligence in automotive audio means the system understands and adapts to the acoustic environment of the cabin — not just once at calibration time, but continuously. Seat position sensors, door-open detection, passenger load changes, and road noise measurements all feed into a real-time acoustic model that adjusts processing to maintain consistent perceived quality.",
+        zh: "汽车音频中的空间智能意味着系统理解并适应座舱的声学环境——不仅仅是在校准时一次性完成，而是持续进行。座椅位置传感器、车门打开检测、乘客荷载变化和路噪测量都输入到一个实时声学模型中，该模型调整处理以保持一致的感知质量。",
+      },
+      {
+        t: "h2",
+        en: "The Software Infrastructure Challenge",
+        zh: "软件基础设施挑战",
+      },
+      {
+        t: "p",
+        en: "The hardware capability to implement spatial intelligence has outpaced the software infrastructure to configure, validate, and update it. A system that adapts to dozens of acoustic variables requires a tuning workflow that can test and validate those adaptations efficiently — which is exactly the gap that tools like SineFlow and the NGA ecosystem are designed to fill.",
+        zh: "实现空间智能的硬件能力已超越了配置、验证和更新它的软件基础设施。一个适应数十个声学变量的系统需要能够有效测试和验证这些适应性的调音工作流——而这正是 SineFlow 和 NGA 生态系统旨在填补的空白。",
+      },
+      {
+        t: "ul",
+        en: [
+          "OTA tuning update cycles have dropped from 12-month intervals to 6-week sprints",
+          "Personalized EQ profiles are now stored per driver seat position in 7 of the top 10 premium OEMs",
+          "NGA spatial audio is mandated in 3 upcoming EV platforms from major Chinese OEMs",
+          "Active road noise cancellation is now standard or optional on 60% of new premium vehicle launches in China",
+        ],
+        zh: [
+          "OTA 调音更新周期已从 12 个月间隔缩短至 6 周冲刺",
+          "在前 10 大高端 OEM 中，有 7 家现在按驾驶座位位置存储个性化 EQ 配置",
+          "NGA 空间音频在主要中国 OEM 的 3 个即将推出的电动汽车平台上被强制要求",
+          "主动路噪消除现在在中国 60% 的新高端车型发布中成为标准或可选配置",
+        ],
+      },
+    ],
+  },
+];
diff --git a/src/hooks/use-mobile.tsx b/src/hooks/use-mobile.tsx
new file mode 100644
index 0000000..2b0fe1d
--- /dev/null
+++ b/src/hooks/use-mobile.tsx
@@ -0,0 +1,19 @@
+import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}
diff --git a/src/hooks/use-toast.ts b/src/hooks/use-toast.ts
new file mode 100644
index 0000000..2c14125
--- /dev/null
+++ b/src/hooks/use-toast.ts
@@ -0,0 +1,191 @@
+import * as React from "react"
+
+import type {
+  ToastActionElement,
+  ToastProps,
+} from "@/components/ui/toast"
+
+const TOAST_LIMIT = 1
+const TOAST_REMOVE_DELAY = 1000000
+
+type ToasterToast = ToastProps & {
+  id: string
+  title?: React.ReactNode
+  description?: React.ReactNode
+  action?: ToastActionElement
+}
+
+const actionTypes = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST",
+} as const
+
+let count = 0
+
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER
+  return count.toString()
+}
+
+type ActionType = typeof actionTypes
+
+type Action =
+  | {
+      type: ActionType["ADD_TOAST"]
+      toast: ToasterToast
+    }
+  | {
+      type: ActionType["UPDATE_TOAST"]
+      toast: Partial<ToasterToast>
+    }
+  | {
+      type: ActionType["DISMISS_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+  | {
+      type: ActionType["REMOVE_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+
+interface State {
+  toasts: ToasterToast[]
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId)
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId: toastId,
+    })
+  }, TOAST_REMOVE_DELAY)
+
+  toastTimeouts.set(toastId, timeout)
+}
+
+export const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      }
+
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t
+        ),
+      }
+
+    case "DISMISS_TOAST": {
+      const { toastId } = action
+
+      // ! Side effects ! - This could be extracted into a dismissToast() action,
+      // but I'll keep it here for simplicity
+      if (toastId) {
+        addToRemoveQueue(toastId)
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id)
+        })
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t
+        ),
+      }
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        }
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      }
+  }
+}
+
+const listeners: Array<(state: State) => void> = []
+
+let memoryState: State = { toasts: [] }
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action)
+  listeners.forEach((listener) => {
+    listener(memoryState)
+  })
+}
+
+type Toast = Omit<ToasterToast, "id">
+
+function toast({ ...props }: Toast) {
+  const id = genId()
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: "UPDATE_TOAST",
+      toast: { ...props, id },
+    })
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
+
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss()
+      },
+    },
+  })
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  }
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState)
+
+  React.useEffect(() => {
+    listeners.push(setState)
+    return () => {
+      const index = listeners.indexOf(setState)
+      if (index > -1) {
+        listeners.splice(index, 1)
+      }
+    }
+  }, [state])
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
+  }
+}
+
+export { useToast, toast }
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..03b445a
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,200 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@400;500;600;700;800&display=swap');
+@import "tailwindcss";
+@import "tw-animate-css";
+@plugin "@tailwindcss/typography";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+  --color-card-border: hsl(var(--card-border));
+
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+  --color-popover-border: hsl(var(--popover-border));
+
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-primary-border: var(--primary-border);
+
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+  --color-secondary-border: var(--secondary-border);
+
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+  --color-muted-border: var(--muted-border);
+
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-accent-border: var(--accent-border);
+
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+  --color-destructive-border: var(--destructive-border);
+
+  --color-chart-1: hsl(var(--chart-1));
+  --color-chart-2: hsl(var(--chart-2));
+  --color-chart-3: hsl(var(--chart-3));
+  --color-chart-4: hsl(var(--chart-4));
+  --color-chart-5: hsl(var(--chart-5));
+
+  --color-sidebar: hsl(var(--sidebar));
+  --color-sidebar-foreground: hsl(var(--sidebar-foreground));
+  --color-sidebar-border: hsl(var(--sidebar-border));
+  --color-sidebar-primary: hsl(var(--sidebar-primary));
+  --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
+  --color-sidebar-primary-border: var(--sidebar-primary-border);
+  --color-sidebar-accent: hsl(var(--sidebar-accent));
+  --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
+  --color-sidebar-accent-border: var(--sidebar-accent-border);
+  --color-sidebar-ring: hsl(var(--sidebar-ring));
+
+  --font-sans: var(--app-font-sans);
+  --font-heading: var(--app-font-heading);
+  --font-serif: var(--app-font-serif);
+  --font-mono: var(--app-font-mono);
+
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --button-outline: rgba(255,255,255, .10);
+  --badge-outline: rgba(255,255,255, .05);
+
+  --opaque-button-border-intensity: -8;
+  --elevate-1: rgba(255,255,255, .03);
+  --elevate-2: rgba(255,255,255, .08);
+
+  --background: 0 0% 4%;
+  --foreground: 0 0% 94%;
+  --border: 0 0% 15%;
+  --card: 0 0% 7%;
+  --card-foreground: 0 0% 94%;
+  --card-border: 0 0% 15%;
+  
+  --sidebar: 0 0% 4%;
+  --sidebar-foreground: 0 0% 94%;
+  --sidebar-border: 0 0% 15%;
+  --sidebar-primary: 43 68% 47%;
+  --sidebar-primary-foreground: 0 0% 4%;
+  --sidebar-accent: 0 0% 12%;
+  --sidebar-accent-foreground: 0 0% 94%;
+  --sidebar-ring: 43 68% 47%;
+
+  --popover: 0 0% 7%;
+  --popover-foreground: 0 0% 94%;
+  --popover-border: 0 0% 15%;
+
+  --primary: 43 68% 47%;
+  --primary-foreground: 0 0% 4%;
+
+  --secondary: 0 0% 12%;
+  --secondary-foreground: 0 0% 94%;
+
+  --muted: 0 0% 12%;
+  --muted-foreground: 0 0% 67%;
+
+  --accent: 43 68% 47%;
+  --accent-foreground: 0 0% 4%;
+
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 0 0% 98%;
+
+  --input: 0 0% 15%;
+  --ring: 43 68% 47%;
+
+  --chart-1: 43 68% 47%;
+  --chart-2: 0 0% 67%;
+  --chart-3: 0 0% 40%;
+  --chart-4: 0 0% 25%;
+  --chart-5: 0 0% 15%;
+
+  --app-font-sans: 'Space Grotesk', 'Noto Sans SC', sans-serif;
+  --app-font-heading: 'Syne', 'Noto Sans SC', sans-serif;
+  --app-font-serif: Georgia, serif;
+  --app-font-mono: Menlo, monospace;
+  --radius: 0.25rem;
+
+  --shadow-2xs: 0px 2px 0px 0px rgba(0,0,0,0.5);
+  --shadow-xs: 0px 2px 0px 0px rgba(0,0,0,0.5);
+  --shadow-sm: 0px 2px 0px 0px rgba(0,0,0,0.5), 0px 1px 2px -1px rgba(0,0,0,0.5);
+  --shadow: 0px 2px 0px 0px rgba(0,0,0,0.5), 0px 1px 2px -1px rgba(0,0,0,0.5);
+  --shadow-md: 0px 2px 0px 0px rgba(0,0,0,0.5), 0px 2px 4px -1px rgba(0,0,0,0.5);
+  --shadow-lg: 0px 2px 0px 0px rgba(0,0,0,0.5), 0px 4px 6px -1px rgba(0,0,0,0.5);
+  --shadow-xl: 0px 2px 0px 0px rgba(0,0,0,0.5), 0px 8px 10px -1px rgba(0,0,0,0.5);
+  --shadow-2xl: 0px 2px 0px 0px rgba(0,0,0,0.5);
+  
+  --tracking-normal: 0em;
+  --spacing: 0.25rem;
+}
+
+.dark {
+  --background: 0 0% 4%;
+  --foreground: 0 0% 94%;
+  --border: 0 0% 15%;
+  --card: 0 0% 7%;
+  --card-foreground: 0 0% 94%;
+  --card-border: 0 0% 15%;
+  
+  --sidebar: 0 0% 4%;
+  --sidebar-foreground: 0 0% 94%;
+  --sidebar-border: 0 0% 15%;
+  --sidebar-primary: 43 68% 47%;
+  --sidebar-primary-foreground: 0 0% 4%;
+  --sidebar-accent: 0 0% 12%;
+  --sidebar-accent-foreground: 0 0% 94%;
+  --sidebar-ring: 43 68% 47%;
+
+  --popover: 0 0% 7%;
+  --popover-foreground: 0 0% 94%;
+  --popover-border: 0 0% 15%;
+
+  --primary: 43 68% 47%;
+  --primary-foreground: 0 0% 4%;
+
+  --secondary: 0 0% 12%;
+  --secondary-foreground: 0 0% 94%;
+
+  --muted: 0 0% 12%;
+  --muted-foreground: 0 0% 67%;
+
+  --accent: 43 68% 47%;
+  --accent-foreground: 0 0% 4%;
+
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 0 0% 98%;
+
+  --input: 0 0% 15%;
+  --ring: 43 68% 47%;
+
+  --chart-1: 43 68% 47%;
+  --chart-2: 0 0% 67%;
+  --chart-3: 0 0% 40%;
+  --chart-4: 0 0% 25%;
+  --chart-5: 0 0% 15%;
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+
+  body {
+    @apply font-sans antialiased bg-background text-foreground selection:bg-primary/30;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    @apply font-heading tracking-tight;
+  }
+}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
new file mode 100644
index 0000000..bd0c391
--- /dev/null
+++ b/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..696e0d2
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,5 @@
+import { createRoot } from "react-dom/client";
+import App from "./App";
+import "./index.css";
+
+createRoot(document.getElementById("root")!).render(<App />);
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
new file mode 100644
index 0000000..bc5c9c1
--- /dev/null
+++ b/src/pages/About.tsx
@@ -0,0 +1,199 @@
+import { motion } from "framer-motion";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+import { Mail, MapPin, Download } from "lucide-react";
+
+export default function About() {
+  const { t } = useLanguage();
+
+  const timeline = [
+    {
+      year: "2016",
+      en: "Launched large-scale parallel audio computation on FPGA",
+      zh: "启动FPGA大规模并行音频计算"
+    },
+    {
+      year: "2018",
+      en: "Released NGA standard",
+      zh: "推出NGA下一代音频标准"
+    },
+    {
+      year: "2020",
+      en: "Sound-field synthesis engine replaced VBAP",
+      zh: "声场合成引擎替代VBAP"
+    },
+    {
+      year: "2023",
+      en: "AI sound-field synthesis deployed in automotive",
+      zh: "AI并行声场合成落地车载"
+    },
+    {
+      year: "2024",
+      en: "LED-screen sound experiment with a renowned musician",
+      zh: "与著名音乐家合作LED屏公众扩声实验"
+    },
+    {
+      year: "2026",
+      en: "SAP7000X chip at SMIC",
+      zh: "首颗AI声场芯片SAP7000X从中芯国际下线"
+    }
+  ];
+
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden selection:bg-primary/30 pt-20">
+      <Navbar />
+      <main>
+        <section className="py-12 relative overflow-hidden">
+          <div className="container mx-auto px-6 relative z-10">
+            <div className="max-w-4xl mx-auto">
+              <motion.div
+                initial={{ opacity: 0, y: 20 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ duration: 0.8 }}
+              >
+                <h1 className="text-4xl md:text-6xl font-heading font-bold mb-12 flex items-center gap-4">
+                  <span className="w-12 h-1 bg-primary inline-block"></span>
+                  {t("About Us", "关于我们")}
+                </h1>
+                
+                <div className="prose prose-invert prose-lg max-w-none text-muted-foreground leading-relaxed space-y-8">
+                  <p className="text-2xl font-light text-foreground">
+                    {t(
+                      "Founded 2001, Founder Wu Jian. Beijing HQ.",
+                      "成立于2001年，创始人吴健。总部北京。"
+                    )}
+                  </p>
+                  
+                  <div className="grid md:grid-cols-2 gap-8 mt-12">
+                    <div className="bg-card/40 p-8 border border-border/30 rounded-lg">
+                      <h3 className="text-primary font-mono text-sm tracking-widest uppercase mb-4">{t("Vision", "愿景")}</h3>
+                      <p className="text-foreground">{t("Become the #1 global digital audio brand — not by sales volume, but by defining the standard", "成为全球数字音频第一品牌——不是销量第一，而是定义权第一")}</p>
+                    </div>
+                    <div className="bg-card/40 p-8 border border-border/30 rounded-lg">
+                      <h3 className="text-primary font-mono text-sm tracking-widest uppercase mb-4">{t("Mission", "使命")}</h3>
+                      <p className="text-foreground">{t("Elevate Chinese audio technology to the top of the global industry value chain", "让中国的音频技术立足世界行业价值链的顶端")}</p>
+                    </div>
+                  </div>
+
+                  <div className="mt-12 border-l-2 border-primary/30 pl-6">
+                    <h3 className="text-primary font-mono text-sm tracking-widest uppercase mb-4">{t("Values", "价值观")}</h3>
+                    <p className="text-xl tracking-widest text-foreground">
+                      {t("Pioneer · Innovate · Lead · Transcend · Experience", "开拓 · 创新 · 领先 · 跨越 · 体验")}
+                    </p>
+                  </div>
+
+                  <div className="mt-12 bg-primary/5 p-8 border border-primary/20 rounded-lg">
+                    <h3 className="text-primary font-mono text-sm tracking-widest uppercase mb-6">{t("Core Assets", "核心资产")}</h3>
+                    <div className="flex flex-wrap gap-4">
+                      {[
+                        { en: "12 Standards", zh: "12项标准" },
+                        { en: "84 Patents", zh: "84项专利" },
+                        { en: "AI Sound-Field Chip", zh: "AI声场芯片" },
+                        { en: "NGA Standard", zh: "NGA标准" },
+                        { en: "Metadata Format", zh: "元数据格式" },
+                        { en: "NGA Content Platform", zh: "NGA内容平台" },
+                      ].map((asset, i) => (
+                        <span key={i} className="px-4 py-2 bg-black border border-border/50 text-sm font-medium rounded-full text-foreground/80">
+                          {t(asset.en, asset.zh)}
+                        </span>
+                      ))}
+                    </div>
+                  </div>
+                </div>
+              </motion.div>
+            </div>
+          </div>
+        </section>
+
+        <section className="py-16 relative border-t border-border/50 bg-[#050505]">
+          <div className="container mx-auto px-6 relative z-10">
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              className="mb-24 text-center"
+            >
+              <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">
+                {t("Development Milestones", "发展历程")}
+              </h2>
+              <div className="w-24 h-1 bg-primary mx-auto"></div>
+            </motion.div>
+
+            <div className="relative max-w-4xl mx-auto">
+              <div className="absolute left-4 md:left-1/2 top-0 bottom-0 w-px bg-border/50 -translate-x-1/2"></div>
+              
+              <div className="space-y-16">
+                {timeline.map((item, i) => (
+                  <motion.div 
+                    key={i}
+                    initial={{ opacity: 0, y: 30 }}
+                    whileInView={{ opacity: 1, y: 0 }}
+                    viewport={{ once: true, margin: "-100px" }}
+                    transition={{ duration: 0.6 }}
+                    className={`relative flex items-center ${i % 2 === 0 ? 'md:flex-row-reverse' : ''}`}
+                  >
+                    <div className="absolute left-4 md:left-1/2 w-4 h-4 rounded-full bg-primary -translate-x-1/2 shadow-[0_0_10px_rgba(201,162,39,0.8)] z-10"></div>
+                    
+                    <div className={`pl-12 md:pl-0 md:w-1/2 ${i % 2 === 0 ? 'md:pl-16' : 'md:pr-16 text-left md:text-right'}`}>
+                      <div className="text-4xl font-heading font-bold text-primary mb-2 opacity-80">{item.year}</div>
+                      <div className="text-lg text-foreground/90 leading-relaxed bg-card/40 p-6 border border-border/30 rounded-lg backdrop-blur-sm">
+                        {t(item.en, item.zh)}
+                      </div>
+                    </div>
+                  </motion.div>
+                ))}
+              </div>
+            </div>
+          </div>
+        </section>
+        <section id="contact" className="py-16 relative border-t border-border/50">
+          <div className="container mx-auto px-6 relative z-10 max-w-4xl text-center">
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+            >
+              <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">
+                {t("Contact Us", "联系我们")}
+              </h2>
+              <div className="w-12 h-1 bg-primary mx-auto mb-16"></div>
+
+              <div className="grid md:grid-cols-3 gap-8 mb-20">
+                <div className="bg-card/30 p-8 rounded-xl border border-border/50 flex flex-col items-center">
+                  <MapPin className="w-8 h-8 text-primary mb-4" />
+                  <h3 className="font-bold mb-2">{t("Headquarters", "总部")}</h3>
+                  <p className="text-muted-foreground">{t("Beijing, China", "中国 北京")}</p>
+                </div>
+
+                <div className="bg-card/30 p-8 rounded-xl border border-border/50 flex flex-col items-center">
+                  <Mail className="w-8 h-8 text-primary mb-4" />
+                  <h3 className="font-bold mb-2">{t("Email", "电子邮件")}</h3>
+                  <a href="mailto:info@sinemedia.cn" className="text-muted-foreground hover:text-primary transition-colors">
+                    info@sinemedia.cn
+                  </a>
+                </div>
+
+                <div className="bg-card/30 p-8 rounded-xl border border-border/50 flex flex-col items-center">
+                  <h3 className="font-bold mb-2">{t("Partnerships", "合作洽谈")}</h3>
+                  <p className="text-muted-foreground">{t("Technology / Content", "技术合作 / 内容合作")}</p>
+                </div>
+              </div>
+
+              <a
+                href="/slides/"
+                className="inline-flex items-center gap-3 px-8 py-4 bg-primary text-primary-foreground font-bold rounded-full hover:bg-primary/90 transition-all hover:scale-105"
+                data-testid="link-about-slides"
+              >
+                <Download size={20} />
+                {t("Download Company Deck", "下载演示文稿")}
+              </a>
+            </motion.div>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/ArticleDetail.tsx b/src/pages/ArticleDetail.tsx
new file mode 100644
index 0000000..ebb4db5
--- /dev/null
+++ b/src/pages/ArticleDetail.tsx
@@ -0,0 +1,289 @@
+import { useEffect, useState, useRef } from "react";
+import { useParams, Link } from "wouter";
+import { motion } from "framer-motion";
+import { ArrowLeft, Calendar, Clock, ChevronRight } from "lucide-react";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+import { useData } from "@/contexts/DataContext";
+import type { Block, ArticleFull } from "@/data/articles";
+
+/* ─── Content renderer ────────────────────────────────────────────── */
+function RenderBlock({ block, lang }: { block: Block; lang: "en" | "zh" }) {
+  const text = (b: Block) => ("en" in b ? b[lang] : "");
+
+  switch (block.t) {
+    case "h2":
+      return (
+        <h2
+          id={block.en.replace(/\s+/g, "-").toLowerCase()}
+          className="font-syne text-2xl font-bold text-foreground mt-12 mb-4 scroll-mt-28"
+        >
+          {block[lang]}
+        </h2>
+      );
+    case "h3":
+      return (
+        <h3
+          id={block.en.replace(/\s+/g, "-").toLowerCase()}
+          className="font-syne text-lg font-bold text-foreground mt-8 mb-3 scroll-mt-28"
+        >
+          {block[lang]}
+        </h3>
+      );
+    case "p":
+      return (
+        <p className="text-muted-foreground leading-[1.85] mb-5 text-[15px]">
+          {block[lang]}
+        </p>
+      );
+    case "ul":
+      return (
+        <ul className="mb-5 space-y-2.5 ml-1">
+          {(block[lang] as string[]).map((item) => (
+            <li key={item} className="flex items-start gap-3 text-muted-foreground text-[15px]">
+              <span className="mt-2 w-1.5 h-1.5 rounded-full bg-primary shrink-0" />
+              <span className="leading-relaxed">{item}</span>
+            </li>
+          ))}
+        </ul>
+      );
+    case "blockquote":
+      return (
+        <blockquote className="my-7 pl-5 border-l-2 border-primary/60">
+          <p className="text-foreground/80 italic leading-relaxed text-[15px]">
+            {block[lang]}
+          </p>
+        </blockquote>
+      );
+    default:
+      return null;
+  }
+}
+
+/* ─── TOC sidebar ─────────────────────────────────────────────────── */
+function useTocActive(headings: { id: string }[]) {
+  const [active, setActive] = useState("");
+
+  useEffect(() => {
+    if (headings.length === 0) return;
+    const obs = new IntersectionObserver(
+      (entries) => {
+        for (const e of entries) {
+          if (e.isIntersecting) {
+            setActive(e.target.id);
+            break;
+          }
+        }
+      },
+      { rootMargin: "-80px 0px -70% 0px" }
+    );
+    headings.forEach(({ id }) => {
+      const el = document.getElementById(id);
+      if (el) obs.observe(el);
+    });
+    return () => obs.disconnect();
+  }, [headings]);
+
+  return active;
+}
+
+function TableOfContents({ article }: { article: ArticleFull }) {
+  const { language, t } = useLanguage();
+  const h2Blocks = article.blocks.filter((b) => b.t === "h2") as Extract<Block, { t: "h2" }>[];
+  const headings = h2Blocks.map((b) => ({
+    id: b.en.replace(/\s+/g, "-").toLowerCase(),
+    label: b[language],
+  }));
+  const active = useTocActive(headings);
+
+  if (headings.length === 0) return null;
+
+  return (
+    <div className="sticky top-28 space-y-1">
+      <p className="text-[11px] font-bold tracking-[0.18em] uppercase text-muted-foreground/50 mb-4">
+        {t("In this article", "本文目录")}
+      </p>
+      {headings.map((h) => (
+        <a
+          key={h.id}
+          href={`#${h.id}`}
+          className={`block text-[13px] py-1.5 pl-3 border-l-2 transition-all duration-200 leading-snug ${
+            active === h.id
+              ? "border-primary text-foreground font-medium"
+              : "border-white/10 text-muted-foreground/70 hover:text-muted-foreground hover:border-white/30"
+          }`}
+        >
+          {h.label}
+        </a>
+      ))}
+    </div>
+  );
+}
+
+/* ─── Related articles strip ──────────────────────────────────────── */
+function RelatedArticles({ current }: { current: ArticleFull }) {
+  const { t } = useLanguage();
+  const { articles } = useData();
+  const related = articles.filter(
+    (a) => a.slug !== current.slug && a.categoryKey === current.categoryKey
+  ).slice(0, 2);
+  const others = articles.filter(
+    (a) => a.slug !== current.slug && a.categoryKey !== current.categoryKey
+  ).slice(0, 2 - related.length);
+  const list = [...related, ...others].slice(0, 3);
+
+  if (list.length === 0) return null;
+
+  return (
+    <section className="mt-20 pt-12 border-t border-white/8">
+      <h3 className="font-syne text-lg font-bold text-foreground mb-6">
+        {t("More Articles", "更多文章")}
+      </h3>
+      <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
+        {list.map((a) => (
+          <Link
+            key={a.slug}
+            href={`/articles/${a.slug}`}
+            className="group flex flex-col rounded-xl overflow-hidden border border-white/8 bg-zinc-900/40 hover:border-primary/30 transition-colors"
+          >
+            <div className="relative h-32 overflow-hidden">
+              <img
+                src={a.img}
+                alt={t(a.title[0], a.title[1])}
+                className="w-full h-full object-cover opacity-60 group-hover:opacity-80 group-hover:scale-105 transition-all duration-500"
+              />
+              <div className="absolute inset-0 bg-gradient-to-t from-zinc-900/80 to-transparent" />
+              <span className="absolute top-3 left-3 px-2 py-0.5 rounded-full bg-primary/20 border border-primary/30 text-primary text-[9px] font-bold tracking-widest uppercase">
+                {t(a.category[0], a.category[1])}
+              </span>
+            </div>
+            <div className="p-4">
+              <p className="text-sm font-semibold text-foreground leading-snug line-clamp-2 group-hover:text-primary transition-colors">
+                {t(a.title[0], a.title[1])}
+              </p>
+              <p className="text-xs text-muted-foreground/60 mt-1.5 flex items-center gap-1">
+                <Clock className="w-3 h-3" />
+                {a.readMin} min
+              </p>
+            </div>
+          </Link>
+        ))}
+      </div>
+    </section>
+  );
+}
+
+/* ─── Main page ───────────────────────────────────────────────────── */
+export default function ArticleDetail() {
+  const { slug } = useParams<{ slug: string }>();
+  const { language, t } = useLanguage();
+  const { getArticle } = useData();
+  const article = getArticle(slug ?? "");
+
+  if (!article) {
+    return (
+      <div className="bg-background min-h-screen text-foreground">
+        <Navbar />
+        <div className="container px-6 py-40 text-center">
+          <p className="text-muted-foreground text-lg">{t("Article not found.", "文章未找到。")}</p>
+          <Link href="/articles" className="mt-6 inline-flex items-center gap-2 text-primary text-sm font-semibold">
+            <ArrowLeft className="w-4 h-4" />
+            {t("Back to Articles", "返回文章列表")}
+          </Link>
+        </div>
+        <Footer />
+      </div>
+    );
+  }
+
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden">
+      <Navbar />
+
+      {/* ── Hero ───────────────────────────────────────────────────── */}
+      <div className="relative pt-24 pb-0 overflow-hidden bg-[#0A0A0A]">
+        <div className="absolute inset-0 h-80">
+          <img
+            src={article.img}
+            alt=""
+            className="w-full h-full object-cover opacity-20 mix-blend-screen"
+          />
+          <div className="absolute inset-0 bg-gradient-to-b from-[#0A0A0A]/30 via-[#0A0A0A]/70 to-[#0A0A0A]" />
+        </div>
+
+        <div className="container relative z-10 px-6 max-w-5xl pt-10 pb-14">
+          {/* Breadcrumb */}
+          <nav className="flex items-center gap-1.5 text-xs text-muted-foreground/60 mb-8 flex-wrap">
+            <Link href="/articles" className="hover:text-primary transition-colors">
+              {t("Articles", "文章")}
+            </Link>
+            <ChevronRight className="w-3 h-3 shrink-0" />
+            <span className="text-primary/80">
+              {t(article.category[0], article.category[1])}
+            </span>
+          </nav>
+
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.6 }}
+          >
+            <span className="inline-block px-3 py-1 rounded-full bg-primary/15 border border-primary/30 text-primary text-[11px] font-bold tracking-widest uppercase mb-5">
+              {t(article.category[0], article.category[1])}
+            </span>
+            <h1 className="font-syne text-3xl md:text-4xl lg:text-5xl font-bold text-foreground leading-tight mb-6 max-w-3xl">
+              {t(article.title[0], article.title[1])}
+            </h1>
+            <p className="text-muted-foreground text-lg max-w-2xl leading-relaxed mb-8">
+              {t(article.excerpt[0], article.excerpt[1])}
+            </p>
+            <div className="flex items-center gap-5 text-sm text-muted-foreground/60">
+              <span className="flex items-center gap-1.5">
+                <Calendar className="w-3.5 h-3.5" />
+                {article.date}
+              </span>
+              <span className="flex items-center gap-1.5">
+                <Clock className="w-3.5 h-3.5" />
+                {article.readMin} min {t("read", "阅读")}
+              </span>
+              <span className="text-muted-foreground/30">SineMedia</span>
+            </div>
+          </motion.div>
+        </div>
+      </div>
+
+      {/* ── Body: content + sidebar ────────────────────────────────── */}
+      <div className="container px-6 max-w-5xl mx-auto py-12 pb-28">
+        <div className="flex gap-16 items-start">
+
+          {/* Main content */}
+          <main className="flex-1 min-w-0">
+            <Link
+              href="/articles"
+              className="inline-flex items-center gap-2 text-sm text-muted-foreground/60 hover:text-primary transition-colors mb-10"
+            >
+              <ArrowLeft className="w-4 h-4" />
+              {t("Back to Articles", "返回文章列表")}
+            </Link>
+
+            <article>
+              {article.blocks.map((block, i) => (
+                <RenderBlock key={i} block={block} lang={language} />
+              ))}
+            </article>
+
+            <RelatedArticles current={article} />
+          </main>
+
+          {/* Sidebar — hidden on mobile */}
+          <aside className="hidden lg:block w-56 shrink-0">
+            <TableOfContents article={article} />
+          </aside>
+        </div>
+      </div>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/Articles.tsx b/src/pages/Articles.tsx
new file mode 100644
index 0000000..236ce76
--- /dev/null
+++ b/src/pages/Articles.tsx
@@ -0,0 +1,205 @@
+import { useState } from "react";
+import { motion } from "framer-motion";
+import { ArrowRight, Calendar, Clock } from "lucide-react";
+import { Link } from "wouter";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+import { useData } from "@/contexts/DataContext";
+import type { ArticleFull } from "@/data/articles";
+
+const fadeUp = {
+  hidden: { opacity: 0, y: 20 },
+  show:   { opacity: 1, y: 0, transition: { duration: 0.5, ease: "easeOut" as const } },
+};
+const stagger = {
+  hidden: {},
+  show:   { transition: { staggerChildren: 0.08 } },
+};
+
+const CATEGORIES = [
+  { key: "all",      en: "All Articles",     zh: "全部文章" },
+  { key: "tech",     en: "Technical Insight", zh: "技术洞察" },
+  { key: "product",  en: "Product News",      zh: "产品资讯" },
+  { key: "industry", en: "Industry Trends",   zh: "行业动态" },
+];
+
+function ArticleCard({ article }: { article: ArticleFull }) {
+  const { t } = useLanguage();
+  return (
+    <motion.article
+      variants={fadeUp}
+      className="group flex flex-col rounded-2xl overflow-hidden border border-white/8 bg-zinc-900/40 hover:border-primary/30 transition-colors duration-300"
+    >
+      {/* Image */}
+      <div className="relative h-48 overflow-hidden">
+        <img
+          src={article.img}
+          alt={t(article.title[0], article.title[1])}
+          className="w-full h-full object-cover opacity-65 group-hover:opacity-85 group-hover:scale-105 transition-all duration-500"
+        />
+        <div className="absolute inset-0 bg-gradient-to-t from-zinc-900 via-zinc-900/30 to-transparent" />
+        <span className="absolute top-4 left-4 px-2.5 py-1 rounded-full bg-primary/20 border border-primary/30 text-primary text-[10px] font-bold tracking-widest uppercase">
+          {t(article.category[0], article.category[1])}
+        </span>
+      </div>
+
+      {/* Body */}
+      <div className="flex flex-col flex-1 p-6 gap-3">
+        <div className="flex items-center gap-3 text-[11px] text-muted-foreground/60">
+          <span className="flex items-center gap-1">
+            <Calendar className="w-3 h-3" />
+            {article.date}
+          </span>
+          <span className="flex items-center gap-1">
+            <Clock className="w-3 h-3" />
+            {article.readMin} min
+          </span>
+        </div>
+        <h3 className="font-syne text-base font-bold text-foreground leading-snug line-clamp-2">
+          {t(article.title[0], article.title[1])}
+        </h3>
+        <p className="text-muted-foreground text-sm leading-relaxed flex-1 line-clamp-3">
+          {t(article.excerpt[0], article.excerpt[1])}
+        </p>
+        <Link
+          href={`/articles/${article.slug}`}
+          className="inline-flex items-center gap-1.5 text-sm font-semibold text-primary hover:text-primary/80 transition-colors mt-1 group/link"
+        >
+          {t("Read more", "阅读全文")}
+          <ArrowRight className="w-3.5 h-3.5 group-hover/link:translate-x-0.5 transition-transform" />
+        </Link>
+      </div>
+    </motion.article>
+  );
+}
+
+function CategorySection({
+  label,
+  articles,
+}: {
+  label: [string, string];
+  articles: ArticleFull[];
+}) {
+  const { t } = useLanguage();
+  if (articles.length === 0) return null;
+  return (
+    <div className="mb-16">
+      <div className="flex items-center gap-4 mb-8">
+        <span className="w-1 h-6 rounded-full bg-primary" />
+        <h2 className="font-syne text-xl font-bold text-foreground tracking-wide">
+          {t(label[0], label[1])}
+        </h2>
+        <span className="text-xs text-muted-foreground/50 font-mono">{articles.length}</span>
+        <span className="h-px flex-1 bg-white/6" />
+      </div>
+      <motion.div
+        className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"
+        initial="hidden"
+        whileInView="show"
+        viewport={{ once: true, amount: 0.05 }}
+        variants={stagger}
+      >
+        {articles.map((a) => (
+          <ArticleCard key={a.slug} article={a} />
+        ))}
+      </motion.div>
+    </div>
+  );
+}
+
+export default function Articles() {
+  const { t, language } = useLanguage();
+  const { articles } = useData();
+  const [activeFilter, setActiveFilter] = useState("all");
+
+  const filteredByCategory = (key: string) =>
+    articles.filter((a) => a.categoryKey === key);
+
+  const visibleCategories =
+    activeFilter === "all"
+      ? CATEGORIES.slice(1)
+      : CATEGORIES.filter((c) => c.key === activeFilter);
+
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden">
+      <Navbar />
+
+      {/* ── Hero ─────────────────────────────────────────────────── */}
+      <section className="relative pt-32 pb-24 overflow-hidden bg-[#0A0A0A]">
+        <div className="absolute inset-0">
+          <img
+            src={`${import.meta.env.BASE_URL}bg-articles.png`}
+            alt=""
+            className="w-full h-full object-cover opacity-30"
+          />
+          <div className="absolute inset-0 bg-gradient-to-b from-[#0A0A0A]/50 via-[#0A0A0A]/70 to-[#0A0A0A]" />
+        </div>
+
+        <div className="container relative z-10 px-6 max-w-5xl">
+          <motion.div initial="hidden" animate="show" variants={stagger}>
+            <motion.p
+              variants={fadeUp}
+              className="text-primary text-xs font-bold tracking-[0.2em] uppercase mb-4"
+            >
+              SineMedia {t("Articles", "文章")}
+            </motion.p>
+            <motion.h1
+              variants={fadeUp}
+              className="font-syne text-5xl md:text-6xl font-bold text-foreground mb-6 leading-tight"
+            >
+              {language === "en" ? (
+                <>Insights from the<br />audio frontier</>
+              ) : (
+                <>来自音频前沿的<br />技术洞见</>
+              )}
+            </motion.h1>
+            <motion.p
+              variants={fadeUp}
+              className="text-muted-foreground text-lg max-w-2xl leading-relaxed"
+            >
+              {t(
+                "Technical deep-dives, product updates, and industry perspectives from the SineMedia engineering team.",
+                "来自赛因芯微工程团队的技术深度解析、产品更新与行业观点。"
+              )}
+            </motion.p>
+          </motion.div>
+        </div>
+      </section>
+
+      {/* ── Filter tabs ──────────────────────────────────────────── */}
+      <div className="sticky top-20 z-40 bg-background/90 backdrop-blur-md border-b border-white/6">
+        <div className="container px-6 max-w-7xl mx-auto">
+          <div className="flex items-center gap-1 py-3 overflow-x-auto scrollbar-none">
+            {CATEGORIES.map((cat) => (
+              <button
+                key={cat.key}
+                onClick={() => setActiveFilter(cat.key)}
+                className={`shrink-0 px-4 py-1.5 rounded-full text-sm font-medium transition-all duration-200 ${
+                  activeFilter === cat.key
+                    ? "bg-primary text-black"
+                    : "text-muted-foreground hover:text-foreground hover:bg-white/6"
+                }`}
+              >
+                {t(cat.en, cat.zh)}
+              </button>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      {/* ── Article sections ─────────────────────────────────────── */}
+      <main className="container px-6 max-w-7xl mx-auto pt-14 pb-28">
+        {visibleCategories.map((cat) => (
+          <CategorySection
+            key={cat.key}
+            label={[cat.en, cat.zh]}
+            articles={filteredByCategory(cat.key)}
+          />
+        ))}
+      </main>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/Contact.tsx b/src/pages/Contact.tsx
new file mode 100644
index 0000000..3c2aa66
--- /dev/null
+++ b/src/pages/Contact.tsx
@@ -0,0 +1,62 @@
+import { motion } from "framer-motion";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+import { Download, Mail, MapPin } from "lucide-react";
+
+export default function Contact() {
+  const { t } = useLanguage();
+
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden selection:bg-primary/30 pt-20">
+      <Navbar />
+      <main>
+        <section className="py-32 relative overflow-hidden">
+          <div className="container mx-auto px-6 relative z-10 max-w-4xl text-center">
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+            >
+              <h1 className="text-4xl md:text-6xl font-heading font-bold mb-6">
+                {t("Contact Us", "联系我们")}
+              </h1>
+              <div className="w-12 h-1 bg-primary mx-auto mb-16"></div>
+              
+              <div className="grid md:grid-cols-3 gap-8 mb-20">
+                <div className="bg-card/30 p-8 rounded-xl border border-border/50 flex flex-col items-center">
+                  <MapPin className="w-8 h-8 text-primary mb-4" />
+                  <h3 className="font-bold mb-2">{t("Headquarters", "总部")}</h3>
+                  <p className="text-muted-foreground">{t("Beijing, China", "中国 北京")}</p>
+                </div>
+                
+                <div className="bg-card/30 p-8 rounded-xl border border-border/50 flex flex-col items-center">
+                  <Mail className="w-8 h-8 text-primary mb-4" />
+                  <h3 className="font-bold mb-2">{t("Email", "电子邮件")}</h3>
+                  <a href="mailto:info@sinemedia.cn" className="text-muted-foreground hover:text-primary transition-colors">
+                    info@sinemedia.cn
+                  </a>
+                </div>
+
+                <div className="bg-card/30 p-8 rounded-xl border border-border/50 flex flex-col items-center">
+                  <h3 className="font-bold mb-2">{t("Partnerships", "合作洽谈")}</h3>
+                  <p className="text-muted-foreground">{t("Technology / Content", "技术合作 / 内容合作")}</p>
+                </div>
+              </div>
+
+              <a 
+                href="/slides/"
+                className="inline-flex items-center gap-3 px-8 py-4 bg-primary text-primary-foreground font-bold rounded-full hover:bg-primary/90 transition-all hover:scale-105"
+                data-testid="link-contact-slides"
+              >
+                <Download size={20} />
+                {t("Download Company Deck", "下载演示文稿")}
+              </a>
+            </motion.div>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
new file mode 100644
index 0000000..ff52ce0
--- /dev/null
+++ b/src/pages/Home.tsx
@@ -0,0 +1,265 @@
+import { motion, useScroll, useTransform } from "framer-motion";
+import { useLanguage } from "@/contexts/LanguageContext";
+import { ArrowRight } from "lucide-react";
+import { Link } from "wouter";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+export default function Home() {
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden selection:bg-primary/30">
+      <Navbar />
+      <main>
+        <HeroSection />
+        <StatsSection />
+        <TeaserSection />
+        <ProductPreviewSection />
+        <HighlightSection />
+      </main>
+      <Footer />
+    </div>
+  );
+}
+
+function HeroSection() {
+  const { t } = useLanguage();
+  const { scrollY } = useScroll();
+  const y = useTransform(scrollY, [0, 1000], [0, 300]);
+  const opacity = useTransform(scrollY, [0, 500], [1, 0]);
+
+  return (
+    <section className="relative min-h-[100dvh] flex items-center justify-center pt-20 overflow-hidden bg-[#0A0A0A]">
+      <motion.div 
+        className="absolute inset-0 z-0"
+        style={{ y, opacity }}
+      >
+        <div className="absolute inset-0 bg-gradient-to-b from-background/40 via-background/80 to-[#0A0A0A] z-10" />
+        <img 
+          src={`${import.meta.env.BASE_URL}bg-network.jpg`} 
+          alt="Network Background" 
+          className="w-full h-full object-cover opacity-30 mix-blend-screen"
+        />
+      </motion.div>
+
+      <div className="container relative z-10 px-6 mt-10 md:mt-20">
+        <div className="max-w-5xl">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.8, ease: "easeOut" }}
+          >
+            <h2 className="text-primary font-mono text-sm md:text-base tracking-[0.2em] uppercase mb-6">
+              {t("SineMedia Electronics Technology", "赛因芯微电子科技有限公司")}
+            </h2>
+          </motion.div>
+          
+          <motion.h1 
+            className="text-5xl md:text-7xl lg:text-8xl font-heading font-bold leading-[1.1] mb-8"
+            initial={{ opacity: 0, y: 20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.8, delay: 0.2, ease: "easeOut" }}
+          >
+            <span className="text-foreground block">{t("Sovereign Technology", "自主技术")}</span>
+            <span className="text-primary block">{t("Defines the Next Generation of Sound", "定义下一代声音")}</span>
+          </motion.h1>
+
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            transition={{ duration: 0.8, delay: 0.6 }}
+          >
+            <p className="text-xl md:text-2xl text-muted-foreground font-light max-w-3xl border-l-2 border-primary pl-6">
+              {t("From standards to silicon — China's complete sovereign audio technology stack", "从标准到芯片，中国音频技术的完整自主产业链")}
+            </p>
+          </motion.div>
+        </div>
+      </div>
+
+      <motion.div 
+        className="absolute bottom-10 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2 opacity-50 z-10"
+        animate={{ y: [0, 10, 0] }}
+        transition={{ duration: 2, repeat: Infinity, ease: "easeInOut" }}
+      >
+        <span className="text-xs uppercase tracking-widest font-mono">Scroll</span>
+        <div className="w-[1px] h-12 bg-gradient-to-b from-primary to-transparent" />
+      </motion.div>
+    </section>
+  );
+}
+
+function StatsSection() {
+  const { t } = useLanguage();
+  
+  const stats = [
+    { value: "2001", labelEn: "Founded", labelZh: "创立年份" },
+    { value: "12", labelEn: "International Standards", labelZh: "国际标准" },
+    { value: "84", labelEn: "Patents", labelZh: "专利" },
+    { value: "20+", labelEn: "Years of R&D", labelZh: "年深耕" }
+  ];
+
+  return (
+    <section className="py-12 border-y border-border/50 bg-card/30 relative z-20">
+      <div className="container mx-auto px-6">
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-12 md:gap-6 divide-x-0 md:divide-x divide-border/50">
+          {stats.map((stat, i) => (
+            <motion.div 
+              key={i}
+              initial={{ opacity: 0, scale: 0.9 }}
+              whileInView={{ opacity: 1, scale: 1 }}
+              viewport={{ once: true, margin: "-50px" }}
+              transition={{ duration: 0.6, delay: i * 0.1, type: "spring" }}
+              className="text-center md:px-6"
+            >
+              <div className="text-5xl md:text-6xl lg:text-7xl font-heading font-bold text-primary mb-4 drop-shadow-[0_0_15px_rgba(201,162,39,0.3)]">
+                {stat.value}
+              </div>
+              <div className="text-sm font-mono tracking-widest text-muted-foreground uppercase">
+                {t(stat.labelEn, stat.labelZh)}
+              </div>
+            </motion.div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function TeaserSection() {
+  const { t } = useLanguage();
+
+  return (
+    <section className="py-16 relative overflow-hidden bg-background">
+      <div className="container mx-auto px-6 relative z-10 text-center max-w-4xl">
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true }}
+          transition={{ duration: 0.8 }}
+        >
+          <h2 className="text-3xl md:text-5xl font-heading font-bold mb-8">
+            {t("Who We Are", "我们是谁")}
+          </h2>
+          <p className="text-xl md:text-2xl text-muted-foreground leading-relaxed mb-12">
+            {t(
+              "SineMedia is an audio technology company based in Beijing, founded in 2001. We aim to become the #1 global digital audio brand — not by sales volume, but by defining the standard.",
+              "赛因芯微电子成立于2001年，总部位于北京。我们的愿景是成为全球数字音频第一品牌——不是销量第一，而是定义权第一。"
+            )}
+          </p>
+          <Link href="/about" className="inline-flex items-center gap-2 text-primary font-bold tracking-widest uppercase hover:opacity-80 transition-opacity border-b border-primary/30 pb-1" data-testid="link-home-about">
+            {t("Learn More", "了解更多")} <ArrowRight size={16} />
+          </Link>
+        </motion.div>
+      </div>
+    </section>
+  );
+}
+
+function ProductPreviewSection() {
+  const { t } = useLanguage();
+
+  const products = [
+    {
+      title: "SAP 7100X",
+      descEn: "Flagship AI audio processor for high-end automotive and pro audio.",
+      descZh: "旗舰AI音频处理器，面向高端汽车与专业音频场景。",
+      href: "/audio-landing/",
+      external: true
+    },
+    {
+      title: "SineFlow",
+      descEn: "Central intelligent nervous system and AI workflow engine.",
+      descZh: "中央智能神经系统，AI工作流引擎。",
+      href: "/sineflow",
+      external: false
+    },
+    {
+      title: "SineKniter",
+      descEn: "Intelligent audio programming environment.",
+      descZh: "智能音频编程环境，AI编码辅助+在线调试。",
+      href: "/sinekniter",
+      external: false
+    },
+    {
+      title: t("NGA Content Platform", "NGA内容平台"),
+      descEn: "Metadata format standard platform.",
+      descZh: "元数据格式标准平台。",
+      href: "/nga",
+      external: false
+    }
+  ];
+
+  return (
+    <section className="py-16 relative bg-[#050505] border-t border-border/50">
+      <div className="container mx-auto px-6 relative z-10">
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true }}
+          className="mb-16 text-center"
+        >
+          <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">
+            {t("Our Products", "我们的产品")}
+          </h2>
+          <div className="w-12 h-1 bg-primary mx-auto"></div>
+        </motion.div>
+
+        <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
+          {products.map((p, i) => (
+            <motion.div
+              key={i}
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              transition={{ duration: 0.6, delay: i * 0.1 }}
+              className="bg-card/40 border border-border/30 p-8 rounded-lg backdrop-blur-sm flex flex-col justify-between"
+            >
+              <div>
+                <h3 className="text-xl font-bold mb-4 text-foreground">{p.title}</h3>
+                <p className="text-muted-foreground text-sm leading-relaxed mb-8">
+                  {t(p.descEn, p.descZh)}
+                </p>
+              </div>
+              {p.external ? (
+                <a href={p.href} className="text-primary text-sm font-medium tracking-wide uppercase flex items-center gap-2 hover:opacity-80 transition-opacity" data-testid={`link-home-product-${i}`}>
+                  {t("View Details", "了解详情")} <ArrowRight size={14} />
+                </a>
+              ) : (
+                <Link href={p.href} className="text-primary text-sm font-medium tracking-wide uppercase flex items-center gap-2 hover:opacity-80 transition-opacity" data-testid={`link-home-product-${i}`}>
+                  {t("View Details", "了解详情")} <ArrowRight size={14} />
+                </Link>
+              )}
+            </motion.div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function HighlightSection() {
+  const { t } = useLanguage();
+
+  return (
+    <section className="py-20 relative bg-background overflow-hidden border-t border-border/50 text-center">
+      <div className="absolute left-0 top-1/2 -translate-y-1/2 w-32 h-[1px] bg-gradient-to-r from-transparent to-primary/50"></div>
+      <div className="absolute right-0 top-1/2 -translate-y-1/2 w-32 h-[1px] bg-gradient-to-l from-transparent to-primary/50"></div>
+      
+      <div className="container mx-auto px-6 relative z-10">
+        <motion.div
+          initial={{ opacity: 0, scale: 0.95 }}
+          whileInView={{ opacity: 1, scale: 1 }}
+          viewport={{ once: true }}
+          transition={{ duration: 0.8 }}
+        >
+          <h2 className="text-3xl md:text-5xl lg:text-6xl font-heading font-bold text-foreground">
+            {t("Not a better foreign brand.", "不是更好的国外厂家，")}
+            <br />
+            <span className="text-primary mt-4 inline-block">
+              {t("Doing what foreign brands cannot.", "是做国外厂家做不到的事。")}
+            </span>
+          </h2>
+        </motion.div>
+      </div>
+    </section>
+  );
+}
diff --git a/src/pages/NGAPlatform.tsx b/src/pages/NGAPlatform.tsx
new file mode 100644
index 0000000..ad6cd3c
--- /dev/null
+++ b/src/pages/NGAPlatform.tsx
@@ -0,0 +1,421 @@
+import { motion } from "framer-motion";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+export default function NGAPlatform() {
+  const { t, language } = useLanguage();
+
+  return (
+    <div className="bg-[#0A0A0A] min-h-screen text-foreground overflow-x-hidden selection:bg-primary/30 pt-20">
+      <Navbar />
+
+      <section className="relative min-h-[calc(100vh-5rem)] flex items-center justify-center bg-gradient-to-b from-[#0A0A0A] to-[#111] overflow-hidden pt-12 pb-24">
+        <div className="absolute inset-0 z-0">
+          <div className="absolute top-1/4 left-1/4 w-96 h-96 bg-primary/10 rounded-full blur-[128px]"></div>
+          <div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-primary/5 rounded-full blur-[128px]"></div>
+        </div>
+        
+        <div className="container mx-auto px-6 relative z-10">
+          <motion.div 
+            initial={{ opacity: 0, y: 30 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.8 }}
+            className="max-w-5xl mx-auto text-center"
+          >
+            <div className="inline-block mb-6 px-4 py-1.5 rounded-full border border-primary/30 bg-primary/5">
+              <span className="font-mono text-sm tracking-widest text-primary uppercase">
+                {t("NGA CONTENT PLATFORM · Next-Generation 3D Audio Distribution & Experience Network", "NGA CONTENT PLATFORM · 下一代三维声内容分发与体验网络")}
+              </span>
+            </div>
+            
+            <h1 className="text-7xl md:text-8xl font-heading font-bold mb-8 leading-tight">
+              <span className="text-white block mb-2">{t("The Operating System", "空间音频的")}</span>
+              <span className="text-primary block">{t("for Spatial Audio", "操作系统")}</span>
+            </h1>
+            
+            <p className="text-xl md:text-2xl text-muted-foreground font-light mb-16 max-w-4xl mx-auto leading-relaxed">
+              {t(
+                "Full-chain lossless transmission from creator intent to listener. Ending the industry-wide loss of spatial information in traditional audio delivery.",
+                "从创作者意图到听众耳朵的全链路无损传输。彻底告别传统音频文件在传输中丢失空间信息的行业痛点。"
+              )}
+            </p>
+            
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-4xl mx-auto border-t border-b border-border/50 py-8">
+              <div>
+                <div className="text-4xl font-bold text-white mb-2">NGA</div>
+                <div className="text-sm text-primary font-mono tracking-wide uppercase">{t("Native format, zero spatial data loss", "原生格式，全链路无损")}</div>
+              </div>
+              <div className="md:border-l md:border-r border-border/50">
+                <div className="text-4xl font-bold text-white mb-2">Multi-view</div>
+                <div className="text-sm text-primary font-mono tracking-wide uppercase">{t("Listener-selectable audio perspective", "听众可切换聆听视角")}</div>
+              </div>
+              <div>
+                <div className="text-4xl font-bold text-white mb-2">Any Device</div>
+                <div className="text-sm text-primary font-mono tracking-wide uppercase">{t("Intelligent adaptive rendering", "智能自适应渲染")}</div>
+              </div>
+            </div>
+          </motion.div>
+        </div>
+
+        <div className="absolute bottom-10 left-1/2 -translate-x-1/2 animate-bounce">
+          <div className="w-1 h-12 rounded-full bg-gradient-to-b from-primary/50 to-transparent"></div>
+        </div>
+      </section>
+
+      <nav className="sticky top-20 z-40 bg-[#0A0A0A]/95 backdrop-blur-sm border-b border-white/5">
+        <div className="container mx-auto px-6 h-14 flex items-center justify-between">
+          <div className="flex items-center gap-8 text-sm font-medium text-muted-foreground overflow-x-auto whitespace-nowrap scrollbar-hide">
+            <span className="font-heading font-bold text-foreground flex items-center gap-2">
+              <span className="text-primary">NGA</span> Content Platform
+            </span>
+            <a href="#browser" className="hover:text-primary transition-colors" data-testid="link-nav-browser">{t("Browser", "沉浸浏览器")}</a>
+            <a href="#player" className="hover:text-primary transition-colors" data-testid="link-nav-player">{t("Player", "全息播放器")}</a>
+            <a href="#creator" className="hover:text-primary transition-colors" data-testid="link-nav-creator">{t("Creator Hub", "创作者中心")}</a>
+            <a href="#market" className="hover:text-primary transition-colors" data-testid="link-nav-market">{t("Market", "认证市场")}</a>
+            <a href="#tech" className="hover:text-primary transition-colors" data-testid="link-nav-tech">{t("Tech", "技术架构")}</a>
+          </div>
+          <button 
+            data-testid="button-join-nga"
+            className="hidden md:block text-sm font-medium text-primary border border-primary/30 px-4 py-1.5 rounded-full hover:bg-primary/10 transition-colors whitespace-nowrap"
+          >
+            {t("Join Platform", "加入平台")}
+          </button>
+        </div>
+      </nav>
+
+      <section id="browser" className="py-12 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Immersive Content Browser", "沉浸式内容浏览器")}</h2>
+            <div className="w-12 h-1 bg-primary mb-8"></div>
+          </motion.div>
+
+          <div className="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              transition={{ delay: 0.1 }}
+              className="p-8 md:p-10 rounded-xl border border-white/10 bg-card/30 backdrop-blur-sm"
+            >
+              <h3 className="text-2xl font-bold text-white mb-4">{t("Real-time particle animation sound-field thumbnails", "多维空间封面")}</h3>
+              <p className="text-lg text-muted-foreground leading-relaxed">
+                {t(
+                  "See the spatial movement of sound before you press play. Real-time particle animation sound-field thumbnails — see the spatial movement of sound before you press play", 
+                  "摒弃静态专辑封面，呈现为动态声场轨迹缩略图（实时渲染粒子动画），让用户在点击播放前就能\"看到\"声音的空间运动"
+                )}
+              </p>
+            </motion.div>
+            
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              transition={{ delay: 0.2 }}
+              className="p-8 md:p-10 rounded-xl border border-white/10 bg-card/30 backdrop-blur-sm flex flex-col justify-between"
+            >
+              <div>
+                <h3 className="text-2xl font-bold text-white mb-4">{t("Acoustic signature tags", "声学特征标签")}</h3>
+                <p className="text-lg text-muted-foreground leading-relaxed mb-8">
+                  {t(
+                    "Search by spatial character, not just genre. Acoustic signature tags: Hall Reverb · Near-field · 360° Rotating", 
+                    "作品独创声学特征标签（\"大厅混响\"、\"近场监听\"、\"360°旋转声场\"），方便用户按空间听感检索内容"
+                  )}
+                </p>
+              </div>
+              <div className="flex flex-wrap gap-3">
+                {(["大厅混响", "近场监听", "360°旋转声场", "HRTF优化", "多视角", "实时渲染"] as const).map((tag, i) => {
+                  const enTags = ["Hall Reverb", "Near-field", "360° Rotating", "HRTF Optimized", "Multi-view", "Real-time Render"];
+                  return (
+                    <span key={i} className="px-3 py-1.5 bg-black/50 border border-white/10 rounded-md text-sm text-white font-medium">
+                      {language === "en" ? enTags[i] : tag}
+                    </span>
+                  );
+                })}
+              </div>
+            </motion.div>
+          </div>
+        </div>
+      </section>
+
+      <section id="player" className="py-12 relative bg-[#080808] border-t border-white/5">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16 text-center"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Holographic Interactive Player", "全息交互播放器")}</h2>
+            <div className="w-12 h-1 bg-primary mx-auto mb-8"></div>
+          </motion.div>
+
+          <div className="grid md:grid-cols-3 gap-6 max-w-6xl mx-auto">
+            {[
+              {
+                titleEn: "Listener-selectable audio perspective",
+                titleZh: "多视角音频切换",
+                descEn: "Switch between conductor position, violin section, or audience — different spatial perspectives of the same performance",
+                descZh: "在交响乐中切换到\"指挥位\"或\"小提琴首席位\"，体验不同空间位置的声场变化"
+              },
+              {
+                titleEn: "Synchronized visual deduction",
+                titleZh: "视觉同步演绎",
+                descEn: "Synchronized score scrolling, level meters, automation curves, and mixer session playback — the full picture of the work",
+                descZh: "同步渲染滚动乐谱、实时电平表、自动化参数曲线动画，甚至创作者的实时混音工程回放"
+              },
+              {
+                titleEn: "Spatial video sync",
+                titleZh: "空间视频联动",
+                descEn: "Millimeter-precise spatial sync between audio objects and HDR/SDR video frames",
+                descZh: "针对影视内容，支持与空间音频联动的HDR/SDR视频播放，音视频在空间感知上毫米级同步"
+              }
+            ].map((feature, idx) => (
+              <motion.div
+                key={idx}
+                initial={{ opacity: 0, y: 20 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: idx * 0.1 }}
+                className="p-8 border border-white/10 bg-card/30 rounded-xl hover:border-primary/50 transition-colors group"
+              >
+                <div className="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center mb-6 border border-primary/20 group-hover:bg-primary/20 transition-colors">
+                  <span className="text-primary font-mono text-sm">0{idx + 1}</span>
+                </div>
+                <h3 className="text-xl font-bold text-white mb-4">{t(feature.titleEn, feature.titleZh)}</h3>
+                <p className="text-muted-foreground leading-relaxed">{t(feature.descEn, feature.descZh)}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <section id="creator" className="py-12 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Creator Hub & Remote Collaboration", "创作者中心与远程协作")}</h2>
+            <div className="w-12 h-1 bg-primary mb-8"></div>
+          </motion.div>
+
+          <div className="grid md:grid-cols-12 gap-12 max-w-6xl mx-auto items-center">
+            <motion.div
+              initial={{ opacity: 0, x: -20 }}
+              whileInView={{ opacity: 1, x: 0 }}
+              viewport={{ once: true }}
+              className="md:col-span-5"
+            >
+              <h3 className="text-3xl md:text-4xl font-bold text-white leading-tight mb-6">
+                {t("From DAW to distribution, perfectly preserved.", "从工作站到分发网络，完美保留每一个声学细节。")}
+              </h3>
+              <p className="text-lg text-muted-foreground">
+                {t(
+                  "Empowering creators with tools that ensure what you hear in the studio is exactly what your audience hears anywhere.",
+                  "赋予创作者强大的工具，确保你在棚里听到的，就是听众在任何地方听到的。"
+                )}
+              </p>
+            </motion.div>
+            
+            <div className="md:col-span-7 space-y-6">
+              {[
+                {
+                  titleEn: "Web-based Metadata Packaging",
+                  titleZh: "元数据封装工具（Web版）",
+                  descEn: "Upload multi-track audio and spatial automation, package to NGA format — no DAW plugin required",
+                  descZh: "上传多轨音频+声像自动化数据，快速打包为NGA格式，无需下载大型DAW插件"
+                },
+                {
+                  titleEn: "Remote Session Room",
+                  titleZh: "远程监听校验室",
+                  descEn: "Create a session room: remote collaborators hear the exact studio reference in sync — across any distance",
+                  descZh: "创建临时房间，邀请合作者远程同步听到制作端在棚里听到的准确三维声效果，彻底解决监听不一致问题"
+                },
+                {
+                  titleEn: "Smart Compliance Audit",
+                  titleZh: "智能合规审核",
+                  descEn: "AI audio quality scan (clipping, distortion) and copyright fingerprint — clean content guaranteed",
+                  descZh: "AI自动扫描音频质量（削波失真检测）和版权指纹，确保平台内容纯净合法"
+                }
+              ].map((item, idx) => (
+                <motion.div
+                  key={idx}
+                  initial={{ opacity: 0, x: 20 }}
+                  whileInView={{ opacity: 1, x: 0 }}
+                  viewport={{ once: true }}
+                  transition={{ delay: idx * 0.1 }}
+                  className="p-6 rounded-xl border border-white/5 bg-white/5 backdrop-blur-sm"
+                >
+                  <h4 className="text-xl font-bold text-white mb-2">{t(item.titleEn, item.titleZh)}</h4>
+                  <p className="text-muted-foreground">{t(item.descEn, item.descZh)}</p>
+                </motion.div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section id="market" className="py-12 relative bg-[#080808] border-t border-white/5">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16 text-center"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("SineMedia Certification & Marketplace", "赛因认证与交易市场")}</h2>
+            <div className="w-12 h-1 bg-primary mx-auto mb-8"></div>
+          </motion.div>
+
+          <div className="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              className="p-8 md:p-10 rounded-xl border border-primary/20 bg-primary/5 flex flex-col items-center text-center"
+            >
+              <div className="w-32 h-32 rounded-full border-4 border-primary flex items-center justify-center mb-8 relative bg-[#0A0A0A] shadow-[0_0_30px_rgba(201,162,39,0.2)]">
+                <div className="w-24 h-24 rounded-full border border-primary/50 flex flex-col items-center justify-center p-2">
+                  <span className="text-primary font-bold text-lg leading-none">NGA</span>
+                  <span className="text-primary/80 font-mono text-[10px] tracking-wider mt-1">CERTIFIED</span>
+                </div>
+              </div>
+              <h3 className="text-2xl font-bold text-white mb-4">{t("Certification System", "作品认证体系")}</h3>
+              <ul className="text-muted-foreground space-y-3 text-left w-full max-w-sm mx-auto">
+                <li className="flex items-start gap-3">
+                  <span className="text-primary mt-1">✦</span>
+                  <span>{t("Published works receive \"Native NGA Certified\" badge", "发布的作品可获得\"原生NGA认证\"标识")}</span>
+                </li>
+                <li className="flex items-start gap-3">
+                  <span className="text-primary mt-1">✦</span>
+                  <span>{t("Proves high-precision spatial quality is maintained from production to delivery", "证明从制作到播出的全链路保持了高精度空间音频质量")}</span>
+                </li>
+              </ul>
+            </motion.div>
+
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              transition={{ delay: 0.1 }}
+              className="p-8 md:p-10 rounded-xl border border-white/10 bg-card/30 flex flex-col"
+            >
+              <h3 className="text-2xl font-bold text-white mb-6">{t("Commercial Licensing Market", "商业授权市场")}</h3>
+              <p className="text-muted-foreground mb-8">
+                {t(
+                  "Film studios can directly purchase or license immersive sound libraries and environmental audio assets uploaded by creators. All transactions settled transparently.",
+                  "影视工作室可直接购买、授权创作者上传的沉浸声音效库或环境音素材。所有交易透明结算。"
+                )}
+              </p>
+              
+              <div className="mt-auto space-y-4">
+                <div className="text-sm font-medium text-white/50 uppercase tracking-widest">{t("Content Categories", "内容类别")}</div>
+                <div className="flex flex-col gap-3">
+                  <div className="px-4 py-3 rounded-lg bg-black/50 border border-white/5 text-white flex items-center justify-between">
+                    <span>{t("Immersive Sound FX Library", "沉浸声效库")}</span>
+                    <span className="text-primary text-sm opacity-0 hover:opacity-100 transition-opacity">Explore →</span>
+                  </div>
+                  <div className="px-4 py-3 rounded-lg bg-black/50 border border-white/5 text-white flex items-center justify-between">
+                    <span>{t("Environmental Audio Assets", "环境音素材")}</span>
+                    <span className="text-primary text-sm opacity-0 hover:opacity-100 transition-opacity">Explore →</span>
+                  </div>
+                  <div className="px-4 py-3 rounded-lg bg-black/50 border border-white/5 text-white flex items-center justify-between">
+                    <span>{t("Spatial Mix Sessions", "空间音频混音工程")}</span>
+                    <span className="text-primary text-sm opacity-0 hover:opacity-100 transition-opacity">Explore →</span>
+                  </div>
+                </div>
+              </div>
+            </motion.div>
+          </div>
+        </div>
+      </section>
+
+      <section id="tech" className="py-12 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Core Technical Architecture", "底层技术架构")}</h2>
+            <div className="w-12 h-1 bg-primary mb-8"></div>
+          </motion.div>
+
+          <div className="grid md:grid-cols-3 gap-6 max-w-6xl mx-auto">
+            {[
+              {
+                titleEn: "Lossless Transmission",
+                titleZh: "全链路无损传输",
+                descEn: "Async packetization of audio objects, spatial coordinates, and score data — metadata stream protocol ensures zero loss",
+                descZh: "基于赛因元数据流协议，音频对象、空间坐标、乐谱信息异步分包传输，确保数据完整"
+              },
+              {
+                titleEn: "Adaptive Rendering",
+                titleZh: "智能自适应渲染",
+                descEn: "Device-aware dynamic rendering: phone speaker → binaural headphones → multi-channel cinema — every listener gets the best version",
+                descZh: "根据用户播放设备（手机、耳机、多声道影院）和实时声学环境（AI分析耳机频响），动态渲染最佳沉浸感"
+              },
+              {
+                titleEn: "Decentralized Edge Delivery",
+                titleZh: "去中心化分发试点",
+                descEn: "Edge node caching of popular 3D content, ultra-low latency streaming for live and on-demand",
+                descZh: "Edge Node缓存高频点播内容，降低中央服务器负载，保证超低延迟实时流"
+              }
+            ].map((tech, idx) => (
+              <motion.div
+                key={idx}
+                initial={{ opacity: 0, y: 20 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: idx * 0.1 }}
+                className="p-8 border border-white/10 bg-card rounded-xl"
+              >
+                <div className="w-12 h-1 bg-primary/50 mb-6"></div>
+                <h3 className="text-xl font-bold text-white mb-4">{t(tech.titleEn, tech.titleZh)}</h3>
+                <p className="text-sm text-muted-foreground leading-relaxed">{t(tech.descEn, tech.descZh)}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <section className="py-16 relative bg-[#050505]">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="max-w-5xl mx-auto"
+          >
+            <div className="border-l-4 border-primary pl-8 py-2">
+              <p className="text-2xl md:text-4xl font-light text-white leading-relaxed">
+                {language === "en" ? (
+                  <>
+                    For <span className="text-primary font-medium">creators</span>: a community that defends the integrity of their work. For <span className="text-primary font-medium">listeners</span>: the only streaming experience that fully restores spatial intent. For <span className="text-primary font-medium">SineMedia</span>: the ecosystem moat.
+                  </>
+                ) : (
+                  <>
+                    对于<span className="text-primary font-medium">创作者</span>，这是捍卫作品完整性的纯粹社区。对于<span className="text-primary font-medium">听众</span>，这是唯一能完整还原空间意图的流媒体体验。对于<span className="text-primary font-medium">赛因</span>，这是构建完整闭环护城河的生态引擎。
+                  </>
+                )}
+              </p>
+            </div>
+          </motion.div>
+        </div>
+      </section>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/Products.tsx b/src/pages/Products.tsx
new file mode 100644
index 0000000..bf75fcd
--- /dev/null
+++ b/src/pages/Products.tsx
@@ -0,0 +1,116 @@
+import { motion } from "framer-motion";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+export default function Products() {
+  const { t } = useLanguage();
+
+  const products = [
+    {
+      title: "SAP 7100X",
+      subtitle: t("Flagship AI Audio Processor", "旗舰AI音频处理器"),
+      desc: t(
+        "For high-end automotive and professional audio. 128-channel full-parallel processing, completely rewriting the capability boundary of traditional DSPs.",
+        "面向高端汽车与专业音频场景。128通道全并行处理，彻底重写传统DSP的能力边界。"
+      ),
+      link: "/audio-landing/",
+      linkText: t("Learn More", "了解详情")
+    },
+    {
+      title: "SineFlow",
+      subtitle: t("Central Intelligent Nervous System", "中央智能神经系统"),
+      desc: t(
+        "AI workflow engine. From acoustic knowledge to production deployment takes only 1-2 minutes, revolutionizing the tuning process.",
+        "AI工作流引擎。从声学知识到产线部署仅需1-2分钟，彻底颠覆传统调音流程。"
+      ),
+      link: "/sineflow",
+      linkText: t("Learn More", "了解详情")
+    },
+    {
+      title: "SineKniter",
+      subtitle: t("Intelligent Audio IDE", "智能音频编程环境"),
+      desc: t(
+        "Built for four major hardware platforms. Features AI coding assistance, real-time online debugging, and seamless integration with SineFlow.",
+        "专为四大硬件平台打造。具备AI编码辅助、实时在线调试，并与SineFlow无缝集成。"
+      ),
+      link: "/sinekniter",
+      linkText: t("Learn More", "了解详情")
+    },
+    {
+      title: t("NGA Content Platform", "NGA内容平台"),
+      subtitle: t("Metadata Format Standard Platform", "元数据格式标准平台"),
+      desc: t(
+        "A complete ecosystem for the next-generation audio format. Launch partner: GAC Group.",
+        "下一代音频格式的完整生态平台。首发合作伙伴：广汽。"
+      ),
+      link: "/nga",
+      linkText: t("Learn More", "了解详情")
+    },
+    {
+      title: "Speaker Designer",
+      subtitle: t("Full-Stack Loudspeaker Design Platform", "全流程扬声器设计平台"),
+      desc: t(
+        "532 drivers · 14 simulation modules · 30+ commercial reference products. Natural language to design report. Full reverse engineering of L-Acoustics, d&b, JBL, Meyer Sound and more.",
+        "532 个驱动单元 · 14 个仿真模块 · 30+ 商业参考产品。自然语言输入到设计报告。支持 L-Acoustics、d&b、JBL、Meyer Sound 等完整逆向工程。"
+      ),
+      link: "/speaker-designer",
+      linkText: t("Learn More", "了解详情")
+    }
+  ];
+
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden selection:bg-primary/30 pt-20">
+      <Navbar />
+      <main>
+        <section className="py-12 relative overflow-hidden">
+          <div className="container mx-auto px-6 relative z-10 max-w-6xl">
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              className="mb-20 text-center"
+            >
+              <h1 className="text-4xl md:text-6xl font-heading font-bold mb-4">
+                {t("Products", "产品矩阵")}
+              </h1>
+              <div className="w-12 h-1 bg-primary mx-auto"></div>
+            </motion.div>
+
+            <div className="grid lg:grid-cols-2 gap-8">
+              {products.map((p, i) => (
+                <motion.div
+                  key={i}
+                  initial={{ opacity: 0, y: 20 }}
+                  whileInView={{ opacity: 1, y: 0 }}
+                  viewport={{ once: true }}
+                  transition={{ duration: 0.6, delay: i * 0.1 }}
+                  className="bg-card/40 border border-border/50 p-10 rounded-xl relative overflow-hidden group"
+                >
+                  <div className="absolute top-0 left-0 w-full h-1 bg-primary/20 group-hover:bg-primary transition-colors"></div>
+                  
+                  <h2 className="text-3xl font-bold mb-2 text-foreground">{p.title}</h2>
+                  <h3 className="text-primary font-mono text-sm tracking-widest uppercase mb-6">{p.subtitle}</h3>
+                  <p className="text-muted-foreground text-lg leading-relaxed mb-8">
+                    {p.desc}
+                  </p>
+                  
+                  {p.link && (
+                    <a 
+                      href={p.link}
+                      className="inline-flex items-center justify-center px-6 py-3 bg-primary text-primary-foreground font-bold rounded-md hover:bg-primary/90 transition-colors"
+                      data-testid={`link-product-${i}`}
+                    >
+                      {p.linkText}
+                    </a>
+                  )}
+                </motion.div>
+              ))}
+            </div>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/SineFlow.tsx b/src/pages/SineFlow.tsx
new file mode 100644
index 0000000..c154c71
--- /dev/null
+++ b/src/pages/SineFlow.tsx
@@ -0,0 +1,495 @@
+import { motion } from "framer-motion";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+export default function SineFlow() {
+  const { t, language } = useLanguage();
+
+  const architectures = [
+    {
+      level: "Layer 3",
+      titleEn: "Decision & Strategy Layer",
+      titleZh: "决策与策略层",
+      descEn: "The enterprise's cerebral cortex: Enterprise Self-Awareness Engine, Task Supervision, Strategy Advisory",
+      descZh: "企业的大脑皮层：企业自我认知引擎、任务推进监督、策略调整辅助",
+      borderColor: "border-primary",
+      bgClass: "bg-primary/10"
+    },
+    {
+      level: "Layer 2",
+      titleEn: "Agent Execution Layer",
+      titleZh: "智能体执行层",
+      descEn: "The enterprise's hands: Editor, Decorator, Auditor, Trend Hunter, Ops Manager, Proposal Engine, Code Gen",
+      descZh: "企业的双手：主编、装修师、审核员、趋势猎人、运营管家、方案引擎、代码生成",
+      borderColor: "border-primary/60",
+      bgClass: "bg-primary/5"
+    },
+    {
+      level: "Layer 1",
+      titleEn: "Knowledge & Data Layer",
+      titleZh: "知识存储与数据层",
+      descEn: "The enterprise's memory: Neo4j Knowledge Graph, PostgreSQL+pgvector, MinIO, Glossary, Hardware Knowledge Base",
+      descZh: "企业的记忆：Neo4j知识图谱、PostgreSQL+pgvector、MinIO、术语表、硬件知识库",
+      borderColor: "border-primary/30",
+      bgClass: "bg-card/40"
+    }
+  ];
+
+  const capabilities = [
+    {
+      titleEn: "Knowledge Base",
+      titleZh: "知识底座构建",
+      descEn: "Multi-source ingestion (AES/DAFx/IEEE), terminology standardization, multi-source cross-validation, Neo4j knowledge graph.",
+      descZh: "多源接入(AES/DAFx/IEEE)、术语标准化、多源交叉验证、Neo4j知识图谱"
+    },
+    {
+      titleEn: "Autonomous Content Pipeline",
+      titleZh: "全自动内容流水线",
+      descEn: "Trend monitoring, topic approval, content generation (bread principle), fact-checking (triple validation), omnichannel publishing.",
+      descZh: "趋势监测、选题审批、内容生成（面包原则）、事实审核（三重校验）、全渠道发布"
+    },
+    {
+      titleEn: "Developer Enablement",
+      titleZh: "开发者赋能",
+      descEn: "SineKniter integration, product definition generation, proposal engine (architecture diagram + BOM + competitor analysis).",
+      descZh: "SineKniter集成、产品定义生成、方案引擎（架构图+BOM+竞品分析）"
+    },
+    {
+      titleEn: "Enterprise Self-Awareness Engine",
+      titleZh: "企业自我认知引擎",
+      descEn: "Stores mission/values/business boundaries/competitive position. All agents must check before making decisions.",
+      descZh: "存储使命/价值观/商业边界/竞争位置，所有智能体决策前必查"
+    },
+    {
+      titleEn: "Task Supervision",
+      titleZh: "任务推进监督",
+      descEn: "Unified state machine, timeout/error rate/resource conflict alerting.",
+      descZh: "统一状态机，超时/错误率/资源冲突告警"
+    },
+    {
+      titleEn: "Strategy Advisory",
+      titleZh: "策略调整辅助",
+      descEn: "Continuous monitoring of trends + competitors + regulations, automatically generates strategy proposals for management.",
+      descZh: "持续监测趋势+竞品+法规，自动生成策略建议提交管理层"
+    }
+  ];
+
+  const workflows = [
+    {
+      titleEn: "Content Auto-Production",
+      titleZh: "内容自动生产",
+      stepsEn: ["Trend Hunter", "Editor Approval", "Decorator Gen", "Auditor Check (≥90 auto-pass)", "Ops Manager Publish", "Data Feedback"],
+      stepsZh: ["趋势猎人", "主编审批", "装修师生成", "审核员校验(≥90分自动通过)", "运营管家发布", "数据回流"]
+    },
+    {
+      titleEn: "Product Reverse Definition",
+      titleZh: "产品逆向定义",
+      stepsEn: ["Input Competitor Model", "Public Data Analysis", "Tech Matching", "Knowledge Base Search", "Generate Sine Proposal", "Human Confirm", "Save to Product DB"],
+      stepsZh: ["输入竞品型号", "公开资料分析", "技术匹配", "知识底座检索", "生成赛因方案", "人工确认", "存入产品库"]
+    },
+    {
+      titleEn: "Enterprise Strategy Loop",
+      titleZh: "企业策略闭环",
+      stepsEn: ["Multi-source Intel", "Anomaly Detection", "Cross-analysis", "Strategy Proposal", "Management Approval", "Update Awareness Engine", "Sync Agents"],
+      stepsZh: ["多源情报", "异常识别", "交叉分析", "策略建议", "管理层审批", "更新认知引擎", "同步智能体"]
+    },
+    {
+      titleEn: "Human Escalation",
+      titleZh: "人类升级处理",
+      stepsEn: ["AI Faces Dilemma", "Pause Pipeline", "Send Context to Human", "WeChat Reply 'Approve/Adjust/Reject'", "AI Resumes"],
+      stepsZh: ["AI遇到决策难题", "暂停流程", "上下文发给对应人类", "企业微信回复\"通过/调整/驳回\"", "AI继续"]
+    }
+  ];
+
+  const humanRoles = [
+    {
+      roleEn: "CEO",
+      roleZh: "CEO",
+      dutyEn: "Strategic decisions, veto power",
+      dutyZh: "战略决策，一票否决",
+      exampleEn: "Major strategy adjustments",
+      exampleZh: "重大策略调整建议"
+    },
+    {
+      roleEn: "Chief AI Governance Officer",
+      roleZh: "首席AI治理官",
+      dutyEn: "Audit AI behavioral guidelines",
+      dutyZh: "审核AI行为准则",
+      exampleEn: "Does the topic align with long-term strategy?",
+      exampleZh: "选题是否符合赛因长期战略"
+    },
+    {
+      roleEn: "Technical Arbitrator",
+      roleZh: "技术仲裁员",
+      dutyEn: "Resolve technical disputes / source conflicts",
+      dutyZh: "处理信源矛盾等技术争议",
+      exampleEn: "Which paper conclusion to trust when they conflict?",
+      exampleZh: "知识底座中论文结论矛盾该采信哪个"
+    },
+    {
+      roleEn: "System Administrator",
+      roleZh: "系统管理员",
+      dutyEn: "SineFlow system ops & security",
+      dutyZh: "SineFlow全系统运维与安全",
+      exampleEn: "Receive system anomaly alerts",
+      exampleZh: "接收系统异常告警"
+    }
+  ];
+
+  const techStack = [
+    {
+      categoryEn: "AI Models",
+      categoryZh: "AI模型",
+      descEn: "DeepSeek Flash (High Concurrency) + DeepSeek Pro (Strong Reasoning), vLLM local deployment",
+      descZh: "DeepSeek Flash（高并发） + DeepSeek Pro（强推理），vLLM本地部署"
+    },
+    {
+      categoryEn: "Knowledge Graph",
+      categoryZh: "知识图谱",
+      descEn: "Neo4j (Entity Relations) + PostgreSQL+pgvector (Structured+Vector) + MinIO (Object Storage)",
+      descZh: "Neo4j（实体关系）+ PostgreSQL+pgvector（结构化+向量）+ MinIO（对象存储）"
+    },
+    {
+      categoryEn: "Backend",
+      categoryZh: "后端",
+      descEn: "FastAPI Microservices Cluster (5 services)",
+      descZh: "FastAPI微服务集群（5个服务）"
+    },
+    {
+      categoryEn: "Frontend",
+      categoryZh: "前端",
+      descEn: "Next.js 14+",
+      descZh: "Next.js 14+"
+    },
+    {
+      categoryEn: "Monitoring",
+      categoryZh: "监控",
+      descEn: "Prometheus + Grafana + Loki",
+      descZh: "Prometheus + Grafana + Loki"
+    },
+    {
+      categoryEn: "Deployment",
+      categoryZh: "部署",
+      descEn: "Docker Compose → K3s, Private Cloud, Data sovereignty",
+      descZh: "Docker Compose → K3s，私有云，数据不出境"
+    }
+  ];
+
+  const patents = [
+    { id: "P2025001", areaEn: "Multi-Agent Knowledge Routing", areaZh: "多智能体知识路由", statusEn: "Pending", statusZh: "拟申请" },
+    { id: "P2025002", areaEn: "Cross-Validation Hallucination Mitigation", areaZh: "交叉验证幻觉抑制", statusEn: "Pending", statusZh: "拟申请" },
+    { id: "P2025003", areaEn: "Self-Awareness Strategy Alignment", areaZh: "自我认知策略对齐", statusEn: "Pending", statusZh: "拟申请" },
+    { id: "P2025004", areaEn: "Audio Knowledge Graph Embedding", areaZh: "音频知识图谱嵌入", statusEn: "Pending", statusZh: "拟申请" },
+    { id: "P2025005", areaEn: "Hardware BOM Generation", areaZh: "硬件BOM生成", statusEn: "Pending", statusZh: "拟申请" },
+    { id: "P2025006", areaEn: "Continuous Compliance Monitoring", areaZh: "持续合规性监测", statusEn: "Pending", statusZh: "拟申请" },
+    { id: "P2025007", areaEn: "Human-in-the-loop State Machine", areaZh: "人机环路状态机", statusEn: "Pending", statusZh: "拟申请" },
+    { id: "P2025008", areaEn: "Acoustic Param Extractor", areaZh: "声学参数提取器", statusEn: "Pending", statusZh: "拟申请" }
+  ];
+
+  return (
+    <div className="bg-[#0A0A0A] min-h-screen text-foreground overflow-x-hidden selection:bg-primary/30 pt-20">
+      <Navbar />
+
+      <section className="relative min-h-[calc(100vh-5rem)] flex items-center justify-center bg-gradient-to-b from-[#0A0A0A] to-[#111] overflow-hidden pt-12 pb-24">
+        <div className="absolute inset-0 z-0">
+          <div className="absolute top-1/4 left-1/4 w-96 h-96 bg-primary/10 rounded-full blur-[128px]"></div>
+          <div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-primary/5 rounded-full blur-[128px]"></div>
+        </div>
+        
+        <div className="container mx-auto px-6 relative z-10">
+          <motion.div 
+            initial={{ opacity: 0, y: 30 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.8 }}
+            className="max-w-5xl mx-auto text-center"
+          >
+            <div className="inline-block mb-6 px-4 py-1.5 rounded-full border border-primary/30 bg-primary/5">
+              <span className="font-mono text-sm tracking-widest text-primary uppercase">
+                {t("SineFlow · SineMedia Central Intelligence Nervous System", "SineFlow · 赛因芯微中央智能神经系统")}
+              </span>
+            </div>
+            
+            <h1 className="text-7xl md:text-8xl font-heading font-bold mb-8 leading-tight">
+              <span className="text-white block mb-2">{t("Your AI Colleague Team.", "AI同事团队")}</span>
+              <span className="text-primary block">{t("Not a Software Tool.", "不是软件工具")}</span>
+            </h1>
+            
+            <p className="text-xl md:text-2xl text-muted-foreground font-light mb-16 max-w-4xl mx-auto leading-relaxed">
+              {t(
+                "From knowledge ingestion to publication, code generation to business proposals — fully autonomous end-to-end.",
+                "从知识采集到内容发布、从代码生成到商业方案、从日常运营到策略决策——全链路自主运行"
+              )}
+            </p>
+            
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-4xl mx-auto border-t border-b border-border/50 py-8">
+              <div>
+                <div className="text-4xl font-bold text-white mb-2">1-2 min</div>
+                <div className="text-sm text-primary font-mono tracking-wide uppercase">{t("Paper to published article", "从论文到网站发布")}</div>
+              </div>
+              <div className="md:border-l md:border-r border-border/50">
+                <div className="text-4xl font-bold text-white mb-2">8 Patents</div>
+                <div className="text-sm text-primary font-mono tracking-wide uppercase">{t("Core technology patents filed", "核心技术专利布局")}</div>
+              </div>
+              <div>
+                <div className="text-4xl font-bold text-white mb-2">7×24</div>
+                <div className="text-sm text-primary font-mono tracking-wide uppercase">{t("Always-on monitoring", "持续监测不停机")}</div>
+              </div>
+            </div>
+          </motion.div>
+        </div>
+
+        <div className="absolute bottom-10 left-1/2 -translate-x-1/2 animate-bounce">
+          <div className="w-1 h-12 rounded-full bg-gradient-to-b from-primary/50 to-transparent"></div>
+        </div>
+      </section>
+
+      <nav className="sticky top-20 z-40 bg-[#0A0A0A]/95 backdrop-blur-sm border-b border-white/5">
+        <div className="container mx-auto px-6 h-14 flex items-center justify-between">
+          <div className="flex items-center gap-8 text-sm font-medium text-muted-foreground overflow-x-auto whitespace-nowrap scrollbar-hide">
+            <span className="font-heading font-bold text-foreground flex items-center gap-2">
+              SineFlow
+            </span>
+            <a href="#architecture" className="hover:text-primary transition-colors" data-testid="link-nav-architecture">{t("Architecture", "系统架构")}</a>
+            <a href="#capabilities" className="hover:text-primary transition-colors" data-testid="link-nav-capabilities">{t("Capabilities", "核心能力")}</a>
+            <a href="#workflow" className="hover:text-primary transition-colors" data-testid="link-nav-workflow">{t("Workflow", "关键工作流")}</a>
+            <a href="#governance" className="hover:text-primary transition-colors" data-testid="link-nav-governance">{t("Governance", "人类协作")}</a>
+            <a href="#tech" className="hover:text-primary transition-colors" data-testid="link-nav-tech">{t("Tech Stack", "技术部署")}</a>
+          </div>
+          <button 
+            data-testid="button-contact-sineflow"
+            className="hidden md:block text-sm font-medium text-primary border border-primary/30 px-4 py-1.5 rounded-full hover:bg-primary/10 transition-colors"
+          >
+            {t("Contact", "联系我们")}
+          </button>
+        </div>
+      </nav>
+
+      <section id="architecture" className="py-12 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("System Architecture", "系统架构")}</h2>
+            <div className="w-12 h-1 bg-primary mb-8"></div>
+          </motion.div>
+
+          <div className="max-w-5xl mx-auto flex flex-col gap-6">
+            {architectures.map((layer, idx) => (
+              <motion.div
+                key={idx}
+                initial={{ opacity: 0, y: 20 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: idx * 0.15 }}
+                className={`p-8 md:p-10 rounded-xl border ${layer.borderColor} ${layer.bgClass} backdrop-blur-sm flex flex-col md:flex-row md:items-center gap-6`}
+              >
+                <div className="md:w-1/3">
+                  <div className="text-primary font-mono text-sm tracking-widest mb-2">{layer.level}</div>
+                  <h3 className="text-2xl font-bold text-white">{t(layer.titleEn, layer.titleZh)}</h3>
+                </div>
+                <div className="md:w-2/3">
+                  <p className="text-lg text-muted-foreground leading-relaxed">{t(layer.descEn, layer.descZh)}</p>
+                </div>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <section id="capabilities" className="py-12 relative bg-[#080808] border-t border-white/5">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16 text-center"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Core Capability Modules", "核心能力模块")}</h2>
+            <div className="w-12 h-1 bg-primary mx-auto mb-8"></div>
+          </motion.div>
+
+          <div className="grid md:grid-cols-2 gap-6 max-w-6xl mx-auto">
+            {capabilities.map((cap, idx) => (
+              <motion.div
+                key={idx}
+                initial={{ opacity: 0, y: 20 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: idx * 0.1 }}
+                className="p-8 border border-white/10 bg-card/30 rounded-xl hover:border-primary/50 transition-colors group"
+              >
+                <div className="text-primary font-mono text-sm mb-4 opacity-70 group-hover:opacity-100 transition-opacity">
+                  0{idx + 1}
+                </div>
+                <h3 className="text-xl font-bold text-white mb-4">{t(cap.titleEn, cap.titleZh)}</h3>
+                <p className="text-muted-foreground leading-relaxed">{t(cap.descEn, cap.descZh)}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <section id="workflow" className="py-12 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Key Workflows", "关键工作流")}</h2>
+            <div className="w-12 h-1 bg-primary mb-8"></div>
+          </motion.div>
+
+          <div className="max-w-5xl mx-auto space-y-16">
+            {workflows.map((wf, idx) => (
+              <motion.div
+                key={idx}
+                initial={{ opacity: 0, x: -20 }}
+                whileInView={{ opacity: 1, x: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: idx * 0.1 }}
+                className="relative pl-8 md:pl-12 border-l border-primary/40"
+              >
+                <div className="absolute -left-2 top-0 w-4 h-4 rounded-full bg-primary ring-4 ring-[#0A0A0A]"></div>
+                <h3 className="text-2xl font-bold text-white mb-6">{t(wf.titleEn, wf.titleZh)}</h3>
+                <div className="flex flex-wrap gap-y-4 gap-x-2 items-center">
+                  {(language === "en" ? wf.stepsEn : wf.stepsZh).map((step, stepIdx, arr) => (
+                    <div key={stepIdx} className="flex items-center">
+                      <span className="px-4 py-2 bg-card border border-white/10 rounded-lg text-sm text-muted-foreground whitespace-nowrap">
+                        {step}
+                      </span>
+                      {stepIdx < arr.length - 1 && (
+                        <span className="text-primary/50 mx-2">→</span>
+                      )}
+                    </div>
+                  ))}
+                </div>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <section id="governance" className="py-12 relative bg-[#080808] border-t border-white/5">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16 text-center"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Human Roles & Governance", "人类角色与协作")}</h2>
+            <div className="w-12 h-1 bg-primary mx-auto mb-8"></div>
+          </motion.div>
+
+          <div className="max-w-5xl mx-auto">
+            <div className="flex flex-col gap-4 mb-12">
+              {humanRoles.map((role, idx) => (
+                <motion.div
+                  key={idx}
+                  initial={{ opacity: 0, y: 20 }}
+                  whileInView={{ opacity: 1, y: 0 }}
+                  viewport={{ once: true }}
+                  transition={{ delay: idx * 0.1 }}
+                  className="grid grid-cols-1 md:grid-cols-3 gap-4 p-6 bg-card/40 border border-white/5 rounded-xl hover:bg-card/60 transition-colors"
+                >
+                  <div className="font-bold text-white text-lg">{t(role.roleEn, role.roleZh)}</div>
+                  <div className="text-primary">{t(role.dutyEn, role.dutyZh)}</div>
+                  <div className="text-muted-foreground text-sm flex items-center md:justify-end">{t(role.exampleEn, role.exampleZh)}</div>
+                </motion.div>
+              ))}
+            </div>
+
+            <motion.div
+              initial={{ opacity: 0, scale: 0.95 }}
+              whileInView={{ opacity: 1, scale: 1 }}
+              viewport={{ once: true }}
+              className="p-8 border border-primary/30 bg-primary/5 rounded-xl text-center"
+            >
+              <p className="text-lg md:text-xl text-primary font-medium">
+                {t(
+                  "Goal: AI-to-human escalations drop from 5–10/day to 0–2/day within 6 months.",
+                  "目标：系统运行6个月后，AI向人类升级频次从每天5-10次降低至每天0-2次"
+                )}
+              </p>
+            </motion.div>
+          </div>
+        </div>
+      </section>
+
+      <section id="tech" className="py-12 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Technology Stack", "技术部署")}</h2>
+            <div className="w-12 h-1 bg-primary mb-8"></div>
+          </motion.div>
+
+          <div className="grid md:grid-cols-2 gap-6 max-w-5xl mx-auto mb-24">
+            {techStack.map((tech, idx) => (
+              <motion.div
+                key={idx}
+                initial={{ opacity: 0, y: 20 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: idx * 0.1 }}
+                className="p-6 border border-white/10 bg-card rounded-xl flex items-start gap-4"
+              >
+                <div className="w-2 h-2 rounded-full bg-primary mt-2 shrink-0"></div>
+                <div>
+                  <h4 className="text-white font-bold mb-2">{t(tech.categoryEn, tech.categoryZh)}</h4>
+                  <p className="text-sm text-muted-foreground">{t(tech.descEn, tech.descZh)}</p>
+                </div>
+              </motion.div>
+            ))}
+          </div>
+
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="max-w-4xl mx-auto"
+          >
+            <h3 className="text-2xl font-bold text-white mb-8 text-center">{t("Patent Portfolio", "专利布局")}</h3>
+            <div className="overflow-x-auto">
+              <table className="w-full text-left border-collapse">
+                <thead>
+                  <tr className="border-b border-white/10 text-muted-foreground text-sm font-mono uppercase tracking-wider">
+                    <th className="py-4 px-6">{t("ID", "编号")}</th>
+                    <th className="py-4 px-6">{t("Domain", "领域")}</th>
+                    <th className="py-4 px-6 text-right">{t("Status", "状态")}</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {patents.map((patent, idx) => (
+                    <tr key={idx} className="border-b border-white/5 hover:bg-white/5 transition-colors">
+                      <td className="py-4 px-6 text-sm font-mono text-muted-foreground">{patent.id}</td>
+                      <td className="py-4 px-6 text-white">{t(patent.areaEn, patent.areaZh)}</td>
+                      <td className="py-4 px-6 text-right">
+                        <span className="inline-block px-3 py-1 bg-primary/20 text-primary border border-primary/30 rounded-full text-xs font-medium tracking-wide">
+                          {t(patent.statusEn, patent.statusZh)}
+                        </span>
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </motion.div>
+        </div>
+      </section>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/SineKniter.tsx b/src/pages/SineKniter.tsx
new file mode 100644
index 0000000..5cbe918
--- /dev/null
+++ b/src/pages/SineKniter.tsx
@@ -0,0 +1,402 @@
+import { motion } from "framer-motion";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+export default function SineKniter() {
+  const { t } = useLanguage();
+
+  return (
+    <div className="bg-[#0A0A0A] min-h-screen text-foreground overflow-x-hidden selection:bg-primary/30 pt-20">
+      <Navbar />
+      
+      {/* Hero Section */}
+      <section className="min-h-[calc(100vh-5rem)] flex flex-col justify-center relative overflow-hidden py-20">
+        <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-primary/10 via-background to-background pointer-events-none" />
+        
+        <div className="container mx-auto px-6 relative z-10">
+          <motion.div
+            initial={{ opacity: 0, y: 30 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.8 }}
+            className="max-w-5xl"
+          >
+            <div className="text-primary font-mono text-sm tracking-widest uppercase mb-8 border border-primary/20 inline-block px-4 py-1.5 rounded-full">
+              {t("SineKniter · SineMedia AI Audio Dev Tool", "SineKniter · 赛因音频AI开发工具")}
+            </div>
+            
+            <h1 className="text-5xl md:text-7xl lg:text-8xl font-heading font-bold mb-8 leading-[1.1] tracking-tight">
+              <span className="text-white">{t("Hardware · Algorithm · AI", "硬件 · 算法 · AI")}</span>
+              <br />
+              <span className="text-primary">{t("Unified Dev Environment", "整合开发环境")}</span>
+            </h1>
+            
+            <p className="text-xl md:text-2xl text-muted-foreground font-light max-w-3xl mb-12 leading-relaxed">
+              {t(
+                "Built for SineMedia's four hardware platforms. Describe in natural language — get compilable code.",
+                "为赛因四大硬件平台打造的智能音频开发环境。用自然语言描述需求，即可生成可编译的代码。"
+              )}
+            </p>
+
+            <div className="flex flex-wrap gap-4 mb-16">
+              {["A1", "M2", "X3", "G4"].map((platform, i) => (
+                <div key={i} className="px-6 py-2 rounded-full border border-white/10 bg-white/5 text-white font-mono text-lg">
+                  {platform}
+                </div>
+              ))}
+            </div>
+
+            <div className="grid md:grid-cols-3 gap-8 border-t border-white/10 pt-12">
+              <div>
+                <div className="text-3xl font-bold text-white mb-2">4 Platforms</div>
+                <div className="text-sm text-muted-foreground">{t("Unified HAL across all platforms", "统一API跨平台复用")}</div>
+              </div>
+              <div>
+                <div className="text-3xl font-bold text-white mb-2">Natural Language</div>
+                <div className="text-sm text-muted-foreground">{t("Code generation from plain text", "代码生成输入方式")}</div>
+              </div>
+              <div>
+                <div className="text-3xl font-bold text-white mb-2">Real-time</div>
+                <div className="text-sm text-muted-foreground">{t("Debug without reflashing", "在线调试无需反复烧录")}</div>
+              </div>
+            </div>
+          </motion.div>
+        </div>
+      </section>
+
+      {/* SectionNav */}
+      <nav className="sticky top-20 z-40 bg-background/95 backdrop-blur-sm border-b border-white/5">
+        <div className="container mx-auto px-6 h-14 flex items-center justify-between">
+          <div className="flex items-center gap-6 md:gap-8 text-sm font-medium text-muted-foreground overflow-x-auto whitespace-nowrap hide-scrollbar">
+            <span className="font-heading font-bold text-foreground">SineKniter</span>
+            <a href="#platforms" className="hover:text-primary transition-colors">{t("Platforms", "平台")}</a>
+            <a href="#features" className="hover:text-primary transition-colors">{t("Features", "功能")}</a>
+            <a href="#debug" className="hover:text-primary transition-colors">{t("Debug", "调试")}</a>
+            <a href="#codegen" className="hover:text-primary transition-colors">{t("AI Codegen", "代码生成")}</a>
+            <a href="#download" className="hover:text-primary transition-colors">{t("Download", "下载")}</a>
+          </div>
+          <a href="https://sinemedia.cn/download" data-testid="button-download-sinekniter" className="hidden md:inline-flex bg-primary text-primary-foreground px-5 py-2 text-sm font-medium hover:bg-primary/90 transition-colors ml-4 shrink-0">
+            {t("Download", "下载")}
+          </a>
+        </div>
+      </nav>
+
+      {/* Platforms */}
+      <section id="platforms" className="py-12 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16"
+          >
+            <h2 className="text-4xl md:text-5xl font-heading font-bold">{t("Four User Groups", "四大目标用户")}</h2>
+          </motion.div>
+
+          <div className="grid md:grid-cols-2 gap-8">
+            {[
+              {
+                titleEn: "Embedded Audio Engineer",
+                titleZh: "嵌入式音频工程师",
+                platform: "A1 / M2",
+                descEn: "Automotive audio, conference systems, effects. Needs: Quick hardware bring-up, ready-to-use drivers and algorithms.",
+                descZh: "车载音频 / 会议系统 / 效果器。需求：快速上手硬件，可用的驱动和算法库。"
+              },
+              {
+                titleEn: "FPGA/DSP Algorithm Engineer",
+                titleZh: "FPGA/DSP算法工程师",
+                platform: "X3 / G4",
+                descEn: "Custom audio processing IPs. Needs: HDL templates, HW/SW co-simulation.",
+                descZh: "自定义音频处理IP。需求：硬件描述语言模板、软硬件协同仿真。"
+              },
+              {
+                titleEn: "Audio Content Creator",
+                titleZh: "音频内容创作者",
+                platform: "NGA Platform",
+                descEn: "Metadata format packaging, multi-environment playback validation. Needs: Authoring tools, multi-scene monitoring.",
+                descZh: "元数据格式封装作品，验证多环境回放。需求：格式封装工具、多场景模拟监听。"
+              },
+              {
+                titleEn: "Academia & Research",
+                titleZh: "高校与研究机构",
+                platform: "All Platforms",
+                descEn: "Algorithm teaching, prototyping, paper reproduction. Needs: Low barrier to entry, rich educational cases.",
+                descZh: "算法教学、原型验证、论文复现。需求：低门槛入门赛因硬件，丰富教学案例。"
+              }
+            ].map((group, i) => (
+              <motion.div
+                key={i}
+                initial={{ opacity: 0, y: 20 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: i * 0.1 }}
+                className="p-8 border border-white/10 bg-white/[0.02] hover:bg-white/[0.04] transition-colors group"
+              >
+                <div className="w-12 h-12 border border-primary/50 mb-6 flex items-center justify-center group-hover:border-primary transition-colors">
+                  <div className="w-4 h-4 bg-primary/20 group-hover:bg-primary transition-colors" />
+                </div>
+                <div className="text-primary font-mono text-sm mb-2">{group.platform}</div>
+                <h3 className="text-2xl font-bold mb-4">{t(group.titleEn, group.titleZh)}</h3>
+                <p className="text-muted-foreground leading-relaxed">{t(group.descEn, group.descZh)}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Features */}
+      <section id="features" className="py-12 bg-[#080808] border-t border-white/5">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16 text-center"
+          >
+            <h2 className="text-4xl md:text-5xl font-heading font-bold">{t("Six Core Modules", "六大核心模块")}</h2>
+          </motion.div>
+
+          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+            {[
+              {
+                titleEn: "Project Wizard",
+                titleZh: "项目向导",
+                descEn: "Select platform, auto-generate framework (clock tree, peripherals, audio I/O, algorithm links, RTOS/bare-metal).",
+                descZh: "选硬件平台，自动生成工程框架（时钟树、外设初始化、音频I/O配置、算法库链接、RTOS/裸机选择）。"
+              },
+              {
+                titleEn: "Unified HAL",
+                titleZh: "硬件抽象层 HAL",
+                descEn: "One API across platforms (sine_audio_in, sine_fir_create, sine_fft_execute).",
+                descZh: "一套API跨平台（sine_audio_in_open, sine_fir_create, sine_fft_execute, sine_gpio_set 等）。"
+              },
+              {
+                titleEn: "AI Code Assist",
+                titleZh: "智能编码辅助",
+                descEn: "DeepSeek Pro powered. Generation, completion, explanation tracing to knowledge base.",
+                descZh: "DeepSeek Pro驱动，代码生成+补全+解释，追溯至知识底座论文原理。"
+              },
+              {
+                titleEn: "Online Debug",
+                titleZh: "在线调试",
+                descEn: "USB/Ethernet connection. Real-time waveforms, CPU/FPGA resources, routing matrix.",
+                descZh: "USB/以太网连接，实时波形(时域+频域)、CPU/FPGA资源占用、通道状态矩阵、性能预估。"
+              },
+              {
+                titleEn: "Product Definition Generator",
+                titleZh: "产品定义生成",
+                descEn: "Input competitor model, output complete architecture + BOM + comparison.",
+                descZh: "输入竞品型号，输出包含架构+BOM预估+竞品对比的完整方案书。"
+              },
+              {
+                titleEn: "Community Templates",
+                titleZh: "社区模板",
+                descEn: "Official verified templates (auto/conference/spatial). One-click clone.",
+                descZh: "官方验证模板库（车载/会议/效果器/空间音频），一键克隆，社区贡献机制。"
+              }
+            ].map((feature, i) => (
+              <motion.div
+                key={i}
+                initial={{ opacity: 0, y: 20 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: i * 0.1 }}
+                className="p-8 border border-white/5 bg-[#050505]"
+              >
+                <div className="text-3xl font-light text-primary/30 mb-4 font-mono">0{i + 1}</div>
+                <h3 className="text-xl font-bold mb-3">{t(feature.titleEn, feature.titleZh)}</h3>
+                <p className="text-muted-foreground text-sm leading-relaxed">{t(feature.descEn, feature.descZh)}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* HAL API Display */}
+      <section id="debug" className="py-12 border-t border-white/5 relative">
+        <div className="container mx-auto px-6">
+          <div className="grid lg:grid-cols-2 gap-16 items-center">
+            <motion.div
+              initial={{ opacity: 0, x: -30 }}
+              whileInView={{ opacity: 1, x: 0 }}
+              viewport={{ once: true }}
+            >
+              <h2 className="text-4xl md:text-5xl font-heading font-bold mb-6">{t("Unified HAL API", "统一硬件抽象层")}</h2>
+              <p className="text-xl text-primary mb-8 font-light">
+                {t(
+                  "Same business logic: prototype on A1, ship on G4 — zero rewrite.",
+                  "同一套业务逻辑，在A1上验证原型，在G4上部署量产，无需重写算法。"
+                )}
+              </p>
+            </motion.div>
+            
+            <motion.div
+              initial={{ opacity: 0, x: 30 }}
+              whileInView={{ opacity: 1, x: 0 }}
+              viewport={{ once: true }}
+              className="bg-[#050505] border border-white/10 p-6 rounded-lg overflow-x-auto"
+            >
+              <pre className="font-mono text-sm leading-loose text-white/80">
+                <code>
+                  <span className="text-primary">sine_audio_in_open()</span>     <span className="text-white/40">// {t("Audio input, abstracts I2S/TDM differences", "音频输入，屏蔽I2S/TDM差异")}</span>{"\n"}
+                  <span className="text-primary">sine_audio_out_write()</span>   <span className="text-white/40">// {t("Audio output", "音频输出")}</span>{"\n"}
+                  <span className="text-primary">sine_fir_create()</span>        <span className="text-white/40">// {t("FIR filter, auto-selects optimal implementation", "FIR滤波器，自动选平台最优实现")}</span>{"\n"}
+                  <span className="text-primary">sine_fft_execute()</span>       <span className="text-white/40">// {t("FFT: CMSIS on A1 / FPGA IP on X3 / AI Engine on G4", "FFT，A1用CMSIS/X3用FPGA IP核/G4用AI引擎")}</span>{"\n"}
+                  <span className="text-primary">sine_gpio_set()</span>          <span className="text-white/40">// {t("GPIO control for external AMP/ADC/DAC", "GPIO控制外部功放/ADC/DAC")}</span>{"\n"}
+                  <span className="text-primary">sine_i2c_write()</span>         <span className="text-white/40">// {t("I2C communication", "I2C")}</span>{"\n"}
+                  <span className="text-primary">sine_log()</span>               <span className="text-white/40">// {t("Logging (serial/network/on-chip buffer)", "日志（串口/网络/片上缓冲）")}</span>
+                </code>
+              </pre>
+            </motion.div>
+          </div>
+        </div>
+      </section>
+
+      {/* AI Codegen */}
+      <section id="codegen" className="py-12 bg-[#080808] border-t border-white/5">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16"
+          >
+            <h2 className="text-4xl md:text-5xl font-heading font-bold">{t("AI Coding Assistant", "AI 编码辅助")}</h2>
+          </motion.div>
+
+          <div className="grid lg:grid-cols-2 gap-8 items-start">
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              className="bg-white/5 p-8 rounded-lg border border-white/10"
+            >
+              <div className="text-sm font-mono text-muted-foreground mb-4">{t("User Input", "用户输入")}</div>
+              <div className="text-lg md:text-xl font-light leading-relaxed">
+                "{t("Implement a stereo reverb effect on A1, with adjustable reverb time.", "在A1上实现一个立体声混响效果器，混响时间可调")}"
+              </div>
+              <div className="mt-8 pt-6 border-t border-white/10 text-sm text-primary/80">
+                {t(
+                  "Generated code includes SineMedia HAL calls and math libs. Explanations trace back to the knowledge base.",
+                  "生成的代码包含赛因HAL调用和必要的数学库引用。代码解释追溯至知识底座。"
+                )}
+              </div>
+            </motion.div>
+
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              transition={{ delay: 0.2 }}
+              className="bg-[#050505] p-6 rounded-lg border border-white/10 overflow-x-auto"
+            >
+              <pre className="font-mono text-sm leading-relaxed text-white/80">
+                <code>
+                  <span className="text-white/40">// SineKniter generated — A1 · Stereo Reverb</span>{"\n"}
+                  <span className="text-blue-400">#include</span> <span className="text-green-400">"sine_hal.h"</span>{"\n"}
+                  <span className="text-blue-400">#include</span> <span className="text-green-400">"sine_reverb.h"</span>{"\n\n"}
+                  <span className="text-primary">SineReverb</span> reverb;{"\n"}
+                  <span className="text-blue-400">float</span> rt60 = <span className="text-orange-400">1.5f</span>; <span className="text-white/40">// seconds, adjustable</span>{"\n\n"}
+                  <span className="text-blue-400">void</span> <span className="text-yellow-200">audio_callback</span>(<span className="text-blue-400">float</span> *in, <span className="text-blue-400">float</span> *out, <span className="text-primary">uint32_t</span> frames) {"\n"}
+                  {"  "}<span className="text-yellow-200">sine_reverb_process</span>(&amp;reverb, in, out, frames, rt60);{"\n"}
+                  {"}"}
+                </code>
+              </pre>
+            </motion.div>
+          </div>
+        </div>
+      </section>
+
+      {/* Platforms Matrix */}
+      <section className="py-12 border-t border-white/5 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16"
+          >
+            <h2 className="text-3xl md:text-4xl font-heading font-bold">{t("Supported Platforms & Output", "支持的平台与输出格式")}</h2>
+          </motion.div>
+
+          <div className="grid gap-4">
+            {[
+              {
+                name: "A1 (STM32H7)",
+                lang: "C / STM32Cube HAL + Sine HAL",
+                output: ".elf · Keil / IAR / STM32CubeIDE"
+              },
+              {
+                name: "M2 (AM6234)",
+                lang: "C/C++ / TI Processor SDK + Sine AES67",
+                output: ".elf · Flashable Image"
+              },
+              {
+                name: "X3 (Zynq 7020)",
+                lang: "C (PS ARM) + Verilog/VHDL (PL FPGA)",
+                output: ".bit · .elf · Vivado Project"
+              },
+              {
+                name: "G4 (MPSoC)",
+                lang: "C (APU/RPU) + Verilog/HLS + Python/TFLite",
+                output: "Multi-core Image · FPGA Bitstream · AI Model"
+              }
+            ].map((platform, i) => (
+              <motion.div
+                key={i}
+                initial={{ opacity: 0, x: -20 }}
+                whileInView={{ opacity: 1, x: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: i * 0.1 }}
+                className="grid md:grid-cols-3 gap-4 p-6 bg-[#050505] border border-white/5 items-center hover:border-primary/30 transition-colors"
+              >
+                <div className="font-bold text-lg">{platform.name}</div>
+                <div className="text-muted-foreground text-sm font-mono">{platform.lang}</div>
+                <div className="text-primary text-sm font-mono md:text-right">{platform.output}</div>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Download */}
+      <section id="download" className="py-16 bg-[#080808] border-t border-white/5 text-center relative overflow-hidden">
+        <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-primary/5 via-transparent to-transparent pointer-events-none" />
+        
+        <div className="container mx-auto px-6 relative z-10">
+          <motion.div
+            initial={{ opacity: 0, y: 30 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="max-w-3xl mx-auto"
+          >
+            <h2 className="text-4xl md:text-6xl font-heading font-bold mb-12">{t("Get SineKniter", "获取 SineKniter")}</h2>
+            
+            <ul className="text-left md:text-center text-muted-foreground space-y-4 mb-12 text-lg font-light max-w-xl mx-auto">
+              <li>{t("OS: Windows 10+ · macOS 12+ · Ubuntu 20.04+", "操作系统支持：Windows 10+ · macOS 12+ · Ubuntu 20.04+")}</li>
+              <li>{t("Basic features free, AI assist requires developer account.", "基础功能免费，高级AI辅助需开发者账号")}</li>
+              <li>{t("Hardware connection: USB or Ethernet.", "硬件连接：通过USB或以太网连接赛因开发板")}</li>
+              <li>{t("Offline mode: DeepSeek models run locally for data privacy.", "离线模式：DeepSeek模型本地运行，代码和数据不出用户主机")}</li>
+              <li>{t("CLI Tool: `sinekniter` supports natural language commands.", "CLI 工具：`sinekniter` 命令行支持自然语言指令")}</li>
+            </ul>
+
+            <div className="flex flex-col sm:flex-row justify-center gap-4">
+              <button data-testid="button-download-win" className="bg-primary text-primary-foreground px-8 py-4 font-bold tracking-wide hover:bg-primary/90 transition-colors">
+                Download for Windows
+              </button>
+              <button data-testid="button-download-mac" className="bg-primary text-primary-foreground px-8 py-4 font-bold tracking-wide hover:bg-primary/90 transition-colors">
+                Download for macOS
+              </button>
+              <button data-testid="button-download-linux" className="bg-primary text-primary-foreground px-8 py-4 font-bold tracking-wide hover:bg-primary/90 transition-colors">
+                Download for Linux
+              </button>
+            </div>
+          </motion.div>
+        </div>
+      </section>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/SpeakerDesigner.tsx b/src/pages/SpeakerDesigner.tsx
new file mode 100644
index 0000000..08f9588
--- /dev/null
+++ b/src/pages/SpeakerDesigner.tsx
@@ -0,0 +1,629 @@
+import { useState, useEffect } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+import imgBoxDesigner from "@/assets/screenshots/01-box-designer.jpg";
+import imgArray       from "@/assets/screenshots/02-array.jpg";
+import imgCrossover   from "@/assets/screenshots/06-crossover.jpg";
+import imgReUnstarted from "@/assets/screenshots/re-00-unstarted.jpg";
+import imgReStep1     from "@/assets/screenshots/re-01-step1.jpg";
+import imgReStep2Lc   from "@/assets/screenshots/re-02-step2-lc.jpg";
+import imgReStep2Hf   from "@/assets/screenshots/re-03-step2-hf.jpg";
+import imgReStep3Spl  from "@/assets/screenshots/re-04-step3-spl.jpg";
+import imgReStep3Exc  from "@/assets/screenshots/re-05-step3-excursion.jpg";
+import imgReStep3Par  from "@/assets/screenshots/re-06-step3-params.jpg";
+import imgReStep4     from "@/assets/screenshots/re-07-step4.jpg";
+import imgReStep5Bef  from "@/assets/screenshots/re-08-step5-before.jpg";
+import imgReConverged from "@/assets/screenshots/re-09-step5-converged.jpg";
+
+const ALL_SCREENSHOTS = [
+  imgReUnstarted, imgReStep1, imgReStep2Lc, imgReStep2Hf,
+  imgReStep3Spl, imgReStep3Exc, imgReStep3Par, imgReStep4,
+  imgReStep5Bef, imgReConverged,
+];
+
+const STEP_LABELS = [
+  "00 · Initial", "01 · Select product", "02 · LC drivers",
+  "03 · HF drivers", "04 · SPL curves", "05 · Excursion",
+  "06 · Parameters", "07 · Optimize", "08 · Before", "09 · Converged",
+];
+
+/* ─── Semi-masked screenshot background ─────────────────────────── */
+function ImgBg({
+  src,
+  opacity = 0.35,
+  gradient = "from-[#080808]/80 via-[#0A0A0A]/60 to-[#080808]/75",
+}: {
+  src: string;
+  opacity?: number;
+  gradient?: string;
+}) {
+  return (
+    <>
+      <div
+        className="absolute inset-0 bg-cover bg-center transition-opacity duration-500 group-hover:opacity-[var(--hover-op)]"
+        style={{ backgroundImage: `url(${src})`, opacity, ["--hover-op" as string]: opacity + 0.12 }}
+      />
+      <div className={`absolute inset-0 bg-gradient-to-br ${gradient} pointer-events-none`} />
+    </>
+  );
+}
+
+/* ─── Lightbox ───────────────────────────────────────────────────── */
+function Lightbox({
+  images,
+  index,
+  labels,
+  onClose,
+  onPrev,
+  onNext,
+}: {
+  images: string[];
+  index: number;
+  labels: string[];
+  onClose: () => void;
+  onPrev: () => void;
+  onNext: () => void;
+}) {
+  return (
+    <AnimatePresence>
+      <motion.div
+        key="lb-backdrop"
+        initial={{ opacity: 0 }}
+        animate={{ opacity: 1 }}
+        exit={{ opacity: 0 }}
+        className="fixed inset-0 z-[100] bg-black/92 backdrop-blur-sm flex flex-col items-center justify-center"
+        onClick={onClose}
+      >
+        {/* Image */}
+        <motion.div
+          key={index}
+          initial={{ opacity: 0, scale: 0.94 }}
+          animate={{ opacity: 1, scale: 1 }}
+          exit={{ opacity: 0, scale: 0.94 }}
+          transition={{ duration: 0.22 }}
+          className="relative max-w-[90vw] max-h-[78vh] rounded-xl overflow-hidden shadow-2xl border border-white/10"
+          onClick={(e) => e.stopPropagation()}
+        >
+          <img
+            src={images[index]}
+            alt={labels[index]}
+            className="w-full h-full object-contain"
+            style={{ maxHeight: "78vh" }}
+          />
+        </motion.div>
+
+        {/* Label */}
+        <div className="mt-4 font-mono text-xs text-primary tracking-widest uppercase">
+          {labels[index]}
+        </div>
+
+        {/* Counter */}
+        <div className="mt-1 text-[11px] text-white/40 font-mono">
+          {index + 1} / {images.length}
+        </div>
+
+        {/* Controls */}
+        <div
+          className="flex items-center gap-6 mt-5"
+          onClick={(e) => e.stopPropagation()}
+        >
+          <button
+            onClick={onPrev}
+            className="w-10 h-10 rounded-full border border-white/20 hover:border-primary/60 hover:bg-primary/10 flex items-center justify-center text-white transition-colors"
+          >
+            ‹
+          </button>
+          <button
+            onClick={onClose}
+            className="px-4 py-1.5 rounded-full border border-white/20 hover:border-white/50 text-white/50 hover:text-white text-xs font-mono transition-colors"
+          >
+            ESC / close
+          </button>
+          <button
+            onClick={onNext}
+            className="w-10 h-10 rounded-full border border-white/20 hover:border-primary/60 hover:bg-primary/10 flex items-center justify-center text-white transition-colors"
+          >
+            ›
+          </button>
+        </div>
+
+        {/* Thumbnail strip */}
+        <div
+          className="flex gap-2 mt-5 overflow-x-auto max-w-[90vw] pb-1 px-1"
+          onClick={(e) => e.stopPropagation()}
+        >
+          {images.map((src, i) => (
+            <button
+              key={i}
+              onClick={() => onPrev === onPrev && onClose !== onClose ? null : undefined}
+              className={`shrink-0 w-16 h-10 rounded overflow-hidden border-2 transition-all ${
+                i === index ? "border-primary" : "border-white/10 hover:border-white/40"
+              }`}
+            >
+              <img src={src} alt="" className="w-full h-full object-cover" />
+            </button>
+          ))}
+        </div>
+      </motion.div>
+    </AnimatePresence>
+  );
+}
+
+/* Cycling screenshots used only in the Hero */
+const HERO_CYCLE = [imgReConverged, imgArray, imgBoxDesigner, imgCrossover, imgReStep3Spl];
+
+export default function SpeakerDesigner() {
+  const { t } = useLanguage();
+  const [lbIndex, setLbIndex] = useState<number | null>(null);
+  const [heroBg, setHeroBg] = useState(0);
+
+  useEffect(() => {
+    const id = setInterval(() => setHeroBg((i) => (i + 1) % HERO_CYCLE.length), 4500);
+    return () => clearInterval(id);
+  }, []);
+
+  function openLb(i: number) { setLbIndex(i); }
+  function closeLb() { setLbIndex(null); }
+  function prevLb() { setLbIndex((p) => (p === null ? 0 : (p - 1 + ALL_SCREENSHOTS.length) % ALL_SCREENSHOTS.length)); }
+  function nextLb() { setLbIndex((p) => (p === null ? 0 : (p + 1) % ALL_SCREENSHOTS.length)); }
+
+  const differentiators = [
+    {
+      numEn: "01",
+      titleEn: "Natural Language → Design",
+      titleZh: "自然语言驱动设计",
+      descEn: 'Type "design a dual-18" cardioid sub in 200L" — the AI parses intent, matches drivers, optimizes the box, and generates a full report. No spec sheets required.',
+      descZh: "输入「设计一个双18寸心形低音炮，200L箱体」——AI 自动解析需求、匹配驱动、优化箱体参数、生成设计报告。不需要翻手册。",
+      img: imgReStep1,
+    },
+    {
+      numEn: "02",
+      titleEn: "Reverse Engineering Commercial Products",
+      titleZh: "商业产品逆向工程",
+      descEn: "9 brands, 30+ products pre-loaded — L-Acoustics L1/L2, d&b KSL, JBL VTX, Meyer Sound LEOPARD and more. Pick one, the system finds equivalent drivers, reconstructs box parameters, and shows you exactly how that 155 dB is achieved.",
+      descZh: "内置 9 个品牌 30+ 款产品数据——选中一款 L-Acoustics L2，系统自动匹配等效驱动、重建箱体参数，告诉你它为什么能做到 155 dB。",
+      img: null,
+    },
+    {
+      numEn: "03",
+      titleEn: "Complete Local Simulation Engine",
+      titleZh: "完整本地仿真引擎",
+      descEn: "14 simulation modules covering enclosure, array, nonlinear distortion, thermal compression, room acoustics, crossover design — all running locally, no cloud dependency.",
+      descZh: "14 个仿真模块覆盖箱体、阵列、非线性失真、热压缩、房间声学、分频器设计——全部本地运行，无需联网。",
+      img: imgArray,
+    },
+  ];
+
+  const features: { titleEn: string; titleZh: string; descEn: string; descZh: string; img?: string }[] = [
+    {
+      titleEn: "Driver Database",      titleZh: "驱动数据库",
+      descEn: "532 drivers, 12 brands, complete T/S parameters. Multi-condition search, BM25 semantic search, impedance curve preview. Auto-extracted from 21 PDF catalogs with confidence scoring.",
+      descZh: "532 个驱动单元，12 个品牌，T/S 参数完整。多条件搜索、BM25 语义搜索、阻抗曲线预览。数据来自 21 份原厂 PDF 目录，自动提取并标注置信度。",
+    },
+    {
+      titleEn: "Enclosure Design",     titleZh: "箱体设计",
+      descEn: "6 types: Sealed, Vented, Bandpass 4th/6th order, Transmission Line, Horn. Real-time SPL / impedance / excursion curves with F3, peak SPL, passband markers. Vb×Fb heatmaps.",
+      descZh: "密封、倒相、4/6阶带通、传输线、号角 6 种箱体。实时 SPL / 阻抗 / 位移曲线，标注 F3、峰值 SPL、通带平坦度。Vb×Fb 参数扫描热力图。",
+      img: imgBoxDesigner,
+    },
+    {
+      titleEn: "Array Simulation",     titleZh: "阵列模拟",
+      descEn: "4 array modes: Gradient (cardioid), End-fire, Broadside, Arc. 3D far-field polar radiation patterns, Directivity Index. Line array curvature optimization.",
+      descZh: "梯度（心形）、端射、宽侧、弧形 4 种阵列模式。3D 远场极坐标辐射图，指向性指数计算。线阵列曲率优化。",
+      img: imgArray,
+    },
+    {
+      titleEn: "Crossover Design",     titleZh: "分频器设计",
+      descEn: "LR2/4, BW2/4, Bessel2/4 filter topologies. Multi-band system simulation, automated crossover point optimization. Export DSP coefficients as YAML.",
+      descZh: "LR2/4、BW2/4、Bessel2/4 滤波器。多频段系统仿真，分频点自动优化。DSP 系数导出 YAML。",
+      img: imgCrossover,
+    },
+    {
+      titleEn: "Nonlinear Analysis",   titleZh: "非线性分析",
+      descEn: "Power compression from voice coil heating, Bl(x)/Cms(x) large-signal nonlinearity, THD vs. frequency, excursion-limited power. 4-node thermal network model.",
+      descZh: "音圈发热功率压缩、Bl(x)/Cms(x) 大信号非线性、THD 谐波失真、Excursion 限幅功率。4 节点热网络模型。",
+    },
+    {
+      titleEn: "Room Acoustics",       titleZh: "房间声学",
+      descEn: "Room gain (LF boundary reinforcement), RT60 (Sabine), critical distance. Built-in absorption coefficient database for 18 building materials.",
+      descZh: "房间增益（低频边界增强）、RT60 混响时间（Sabine）、临界距离分析。内置 18 种建筑材料吸声系数数据库。",
+    },
+    {
+      titleEn: "AI Design Agent",      titleZh: "AI 设计代理",
+      descEn: "Natural language → structured design specs. Automatic driver selection via BM25 + SQLite. Bayesian optimization for enclosure parameters. LLM-generated reports with plots.",
+      descZh: "自然语言输入 → 结构化设计参数。自动驱动选型（BM25 + SQLite）。贝叶斯箱体参数优化。LLM 生成设计报告，含图表。",
+      img: imgReUnstarted,
+    },
+    {
+      titleEn: "Reverse Engineering",  titleZh: "逆向工程",
+      descEn: "Deconstruct commercial products — L-Acoustics, d&b, JBL VTX, Meyer Sound, RCF, EV, Genelec, Adam. Driver matching, box reconstruction, SPL decomposition. Results feed directly into forward design.",
+      descZh: "拆解商业产品——L-Acoustics、d&b、JBL VTX、Meyer Sound 等。驱动匹配、箱体重建、SPL 分解。结果可直接作为正向设计的目标输入。",
+      img: imgReConverged,
+    },
+  ];
+
+  const users = [
+    { roleEn: "Pro Audio Engineers",   roleZh: "专业音响工程师",  descEn: "Rapid driver selection, parameter validation, competitive analysis",                descZh: "快速选型、参数验证、竞品分析" },
+    { roleEn: "PA Integrators",        roleZh: "PA 系统集成商",   descEn: "Array configuration, coverage calculation, rigging verification",                  descZh: "阵列配置、覆盖角计算、吊挂方案验证" },
+    { roleEn: "Independent Designers", roleZh: "独立音响设计师",  descEn: "Design from scratch, benchmark against market products, export manufacturing files", descZh: "从零设计、参考标杆产品、导出制造文件" },
+    { roleEn: "Acoustic Researchers",  roleZh: "声学研究者",      descEn: "Simulation experiments, parameter sweeps, nonlinear analysis",                     descZh: "仿真实验、参数扫描、非线性效应分析" },
+    { roleEn: "DIY Enthusiasts",       roleZh: "DIY 爱好者",      descEn: "Modify reference designs, see results instantly",                                   descZh: "基于参考设计修改参数、快速看到效果" },
+  ];
+
+  const specs = [
+    { labelEn: "Simulation modules",  labelZh: "仿真模块",  valueEn: "14",                                                  valueZh: "14 个" },
+    { labelEn: "Theory foundation",   labelZh: "理论基础",  valueEn: "Small · Keele · Beranek · Klippel · Sabine · Olson", valueZh: "Small · Keele · Beranek · Klippel · Sabine · Olson" },
+    { labelEn: "Driver units",        labelZh: "驱动单元",  valueEn: "532 units · 12 brands",                               valueZh: "532 个 · 12 个品牌" },
+    { labelEn: "Reference designs",   labelZh: "参考设计",  valueEn: "76",                                                  valueZh: "76 个" },
+    { labelEn: "Commercial products", labelZh: "商业产品",  valueEn: "30+ from 9 brands",                                   valueZh: "9 个品牌 · 30+ 款" },
+    { labelEn: "Interface",           labelZh: "交互界面",  valueEn: "CLI (Typer + Rich) · Web UI (React)",                 valueZh: "CLI（Typer + Rich）· Web UI（React）" },
+    { labelEn: "Runtime",             labelZh: "运行环境",  valueEn: "Local · LLM optional",                                valueZh: "本地运行 · AI 功能可选" },
+    { labelEn: "License",             labelZh: "许可协议",  valueEn: "MIT",                                                 valueZh: "MIT" },
+  ];
+
+  const exports = [
+    { fmtEn: "HTML / PDF", fmtZh: "HTML / PDF", descEn: "Design report with curves and plots",  descZh: "含曲线图的完整设计报告" },
+    { fmtEn: "DXF",        fmtZh: "DXF",        descEn: "CAD drawing for manufacturing",        descZh: "可生产加工的 CAD 图纸" },
+    { fmtEn: "STL",        fmtZh: "STL",        descEn: "3D mesh for printing",                 descZh: "3D 打印网格文件" },
+    { fmtEn: "YAML",       fmtZh: "YAML",       descEn: "DSP filter coefficients",              descZh: "DSP 滤波器系数" },
+    { fmtEn: "JSON",       fmtZh: "JSON",       descEn: "Structured design target",             descZh: "结构化设计目标参数" },
+  ];
+
+  return (
+    <div className="bg-[#0A0A0A] min-h-screen text-foreground overflow-x-hidden selection:bg-primary/30 pt-20">
+      <Navbar />
+
+      {/* ── Lightbox ─────────────────────────────────────────────────────── */}
+      {lbIndex !== null && (
+        <Lightbox
+          images={ALL_SCREENSHOTS}
+          index={lbIndex}
+          labels={STEP_LABELS}
+          onClose={closeLb}
+          onPrev={prevLb}
+          onNext={nextLb}
+        />
+      )}
+
+      {/* ── Hero — animated cycling screenshot background ────────────────── */}
+      <section className="relative min-h-[calc(100vh-5rem)] flex items-center justify-center overflow-hidden pt-12 pb-24">
+        {/* Cycling screenshots with Ken Burns — one visible at a time */}
+        <div className="absolute inset-0 overflow-hidden">
+          <AnimatePresence mode="sync">
+            <motion.div
+              key={heroBg}
+              initial={{ opacity: 0, scale: 1.06 }}
+              animate={{ opacity: 0.32, scale: 1.14 }}
+              exit={{ opacity: 0, scale: 1.18 }}
+              transition={{ opacity: { duration: 1.4, ease: "easeInOut" }, scale: { duration: 5, ease: "linear" } }}
+              className="absolute inset-0 bg-cover bg-center bg-no-repeat"
+              style={{ backgroundImage: `url(${HERO_CYCLE[heroBg]})` }}
+            />
+          </AnimatePresence>
+        </div>
+        {/* Multi-layer gradient mask */}
+        <div className="absolute inset-0 bg-gradient-to-b from-[#0A0A0A]/92 via-[#0A0A0A]/78 to-[#0A0A0A]/92 pointer-events-none" />
+        <div className="absolute inset-0 bg-gradient-to-r from-[#0A0A0A]/65 via-transparent to-[#0A0A0A]/65 pointer-events-none" />
+        {/* Glow blobs */}
+        <div className="absolute top-1/3 left-1/4 w-[500px] h-[500px] bg-primary/8 rounded-full blur-[140px] pointer-events-none" />
+        <div className="absolute bottom-1/4 right-1/4 w-[400px] h-[400px] bg-primary/4 rounded-full blur-[120px] pointer-events-none" />
+        <svg className="absolute bottom-0 left-0 w-full opacity-5 pointer-events-none" viewBox="0 0 1440 200" preserveAspectRatio="none">
+          <path d="M0,100 C180,20 360,180 540,100 C720,20 900,180 1080,100 C1260,20 1350,150 1440,100 L1440,200 L0,200 Z" fill="hsl(43 68% 47%)" />
+        </svg>
+
+        <div className="container mx-auto px-6 relative z-10">
+          <motion.div
+            initial={{ opacity: 0, y: 30 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.8 }}
+            className="max-w-5xl mx-auto text-center"
+          >
+            <div className="inline-flex mb-8 px-4 py-1.5 rounded-full border border-primary/30 bg-primary/5 items-center gap-2">
+              <span className="w-1.5 h-1.5 rounded-full bg-primary animate-pulse" />
+              <span className="font-mono text-sm tracking-widest text-primary uppercase">
+                {t("Speaker Designer · SineMedia", "Speaker Designer · 赛因芯微")}
+              </span>
+            </div>
+            {/* Big headline — dark frosted card behind the text */}
+            <div className="relative inline-block w-full mb-6">
+              <div className="absolute inset-0 -mx-6 -my-4 rounded-2xl bg-black/35 backdrop-blur-[2px]" />
+              <h1 className="relative text-6xl md:text-8xl font-heading font-bold leading-tight tracking-tight py-4">
+                <span className="text-white block">{t("Design. Simulate.", "设计 · 仿真")}</span>
+                <span className="text-primary block">{t("Verify. Export.", "验证 · 导出")}</span>
+              </h1>
+            </div>
+            <p className="text-xl md:text-2xl text-muted-foreground font-light mb-16 max-w-3xl mx-auto leading-relaxed">
+              {t(
+                "The full-stack loudspeaker design platform — from driver selection to production-ready exports.",
+                "全流程覆盖的扬声器系统设计平台——从驱动选型到生产导出。"
+              )}
+            </p>
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-0 max-w-3xl mx-auto border border-border/50 rounded-xl overflow-hidden divide-y md:divide-y-0 md:divide-x divide-border/50">
+              {[
+                { num: "532", labelEn: "Drivers · 12 Brands", labelZh: "驱动单元 · 12 品牌" },
+                { num: "14",  labelEn: "Simulation Modules",  labelZh: "仿真模块" },
+                { num: "30+", labelEn: "Commercial Products", labelZh: "商业参考产品" },
+              ].map((stat, i) => (
+                <div key={i} className="py-8 px-6 bg-black/40 backdrop-blur-sm">
+                  <div className="text-4xl md:text-5xl font-bold text-white mb-2">{stat.num}</div>
+                  <div className="text-xs text-primary font-mono tracking-widest uppercase">{t(stat.labelEn, stat.labelZh)}</div>
+                </div>
+              ))}
+            </div>
+          </motion.div>
+        </div>
+
+        <div className="absolute bottom-10 left-1/2 -translate-x-1/2 animate-bounce">
+          <div className="w-1 h-12 rounded-full bg-gradient-to-b from-primary/50 to-transparent" />
+        </div>
+      </section>
+
+      {/* ── Sticky subnav ──────────────────────────────────────────────────── */}
+      <nav className="sticky top-20 z-40 bg-[#0A0A0A]/95 backdrop-blur-sm border-b border-white/5">
+        <div className="container mx-auto px-6 h-14 flex items-center justify-between">
+          <div className="flex items-center gap-8 text-sm font-medium text-muted-foreground overflow-x-auto whitespace-nowrap scrollbar-hide">
+            <span className="font-heading font-bold text-foreground">Speaker Designer</span>
+            <a href="#differentiators" className="hover:text-primary transition-colors">{t("Differentiators", "核心优势")}</a>
+            <a href="#features"        className="hover:text-primary transition-colors">{t("Features", "功能模块")}</a>
+            <a href="#workflow"        className="hover:text-primary transition-colors">{t("Workflow", "工作流")}</a>
+            <a href="#exports"         className="hover:text-primary transition-colors">{t("Exports", "导出格式")}</a>
+            <a href="#users"           className="hover:text-primary transition-colors">{t("For Whom", "适用人群")}</a>
+            <a href="#specs"           className="hover:text-primary transition-colors">{t("Tech Specs", "技术规格")}</a>
+          </div>
+          <a href="/contact" className="hidden md:block text-sm font-medium text-primary border border-primary/30 px-4 py-1.5 rounded-full hover:bg-primary/10 transition-colors">
+            {t("Contact", "联系我们")}
+          </a>
+        </div>
+      </nav>
+
+      {/* ── Differentiators — semi-masked backgrounds ───────────────────── */}
+      <section id="differentiators" className="py-24 relative">
+        <div className="container mx-auto px-6">
+          <motion.div initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} className="mb-16">
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("What Makes It Different", "三大差异")}</h2>
+            <div className="w-12 h-1 bg-primary mb-8" />
+            <p className="text-muted-foreground text-lg max-w-2xl">
+              {t("Three capabilities that set Speaker Designer apart from any conventional loudspeaker tool.", "三项能力，使 Speaker Designer 区别于所有传统扬声器工具。")}
+            </p>
+          </motion.div>
+
+          <div className="flex flex-col gap-6 max-w-5xl mx-auto">
+            {differentiators.map((d, i) => (
+              <motion.div
+                key={i}
+                initial={{ opacity: 0, x: -30 }}
+                whileInView={{ opacity: 1, x: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: i * 0.15, duration: 0.6 }}
+                className="relative overflow-hidden flex flex-col md:flex-row md:items-start gap-8 p-10 rounded-2xl border border-white/10 hover:border-primary/40 transition-colors group"
+              >
+                {/* Single-image semi-masked bg */}
+                {d.img && <ImgBg src={d.img} opacity={0.35} gradient="from-[#0A0A0A]/75 via-[#0A0A0A]/55 to-[#0A0A0A]/70" />}
+
+                {/* Diff 02 — mosaic of re-workflow screenshots */}
+                {!d.img && i === 1 && (
+                  <>
+                    <div className="absolute inset-0 grid grid-cols-4 grid-rows-2 gap-0.5 opacity-30 group-hover:opacity-40 transition-opacity duration-500">
+                      {[imgReStep2Lc, imgReStep2Hf, imgReStep3Spl, imgReStep3Exc, imgReStep3Par, imgReStep4, imgReStep5Bef, imgReConverged].map((src, j) => (
+                        <div key={j} className="bg-cover bg-center" style={{ backgroundImage: `url(${src})` }} />
+                      ))}
+                    </div>
+                    <div className="absolute inset-0 bg-gradient-to-br from-[#0A0A0A]/80 via-[#0A0A0A]/60 to-[#0A0A0A]/75 pointer-events-none" />
+                  </>
+                )}
+
+                <div className="shrink-0 relative z-10">
+                  <div className="text-6xl md:text-8xl font-heading font-bold text-primary/15 group-hover:text-primary/25 transition-colors leading-none select-none">
+                    {d.numEn}
+                  </div>
+                </div>
+                <div className="relative z-10">
+                  <h3 className="text-2xl md:text-3xl font-heading font-bold text-white mb-4">{t(d.titleEn, d.titleZh)}</h3>
+                  <p className="text-lg text-muted-foreground leading-relaxed">{t(d.descEn, d.descZh)}</p>
+                </div>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* ── Feature modules — semi-masked cards ───────────────────────────── */}
+      <section id="features" className="py-24 relative bg-[#080808] border-t border-white/5">
+        <div className="container mx-auto px-6">
+          <motion.div initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} className="mb-16 text-center">
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Feature Modules", "功能模块")}</h2>
+            <div className="w-12 h-1 bg-primary mx-auto mb-8" />
+            <p className="text-muted-foreground text-lg max-w-2xl mx-auto">
+              {t("14 simulation modules. Everything a loudspeaker engineer needs, in one platform.", "14 个仿真模块。扬声器工程师需要的一切，集于一个平台。")}
+            </p>
+          </motion.div>
+
+          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-5 max-w-7xl mx-auto">
+            {features.map((f, i) => (
+              <motion.div
+                key={i}
+                initial={{ opacity: 0, y: 24 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: i * 0.07, duration: 0.5 }}
+                className="relative overflow-hidden p-7 border border-white/8 rounded-xl hover:border-primary/50 transition-all duration-300 group flex flex-col gap-4 min-h-[240px]"
+              >
+                {f.img ? (
+                  <ImgBg src={f.img} opacity={0.35} gradient="from-[#080808]/80 via-[#080808]/60 to-[#080808]/75" />
+                ) : (
+                  <div className="absolute inset-0 bg-card/20 group-hover:bg-card/35 transition-colors duration-300" />
+                )}
+                <div className="relative z-10 font-mono text-xs text-primary/60 group-hover:text-primary transition-colors tracking-widest">
+                  {String(i + 1).padStart(2, "0")}
+                </div>
+                <h3 className="relative z-10 text-base font-bold text-white leading-snug">{t(f.titleEn, f.titleZh)}</h3>
+                <p className="relative z-10 text-sm text-muted-foreground leading-relaxed flex-1">{t(f.descEn, f.descZh)}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* ── Reverse-engineering workflow — large thumbnails + lightbox ─────── */}
+      <section id="workflow" className="py-24 relative bg-[#060606] border-t border-white/5">
+        <div className="container mx-auto px-6">
+          <motion.div initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} className="mb-12 text-center">
+            <h2 className="text-3xl md:text-4xl font-heading font-bold mb-4">
+              {t("Reverse Engineering · 10-step Workflow", "逆向工程 · 10 步工作流")}
+            </h2>
+            <div className="w-12 h-1 bg-primary mx-auto mb-6" />
+            <p className="text-muted-foreground text-base max-w-xl mx-auto">
+              {t("Click any screenshot to zoom. Walk through the full analysis pipeline from product selection to converged parameters.", "点击截图可放大查看。从产品选择到参数收敛的完整分析流程。")}
+            </p>
+          </motion.div>
+
+          <div className="grid grid-cols-2 md:grid-cols-5 gap-4 max-w-7xl mx-auto">
+            {ALL_SCREENSHOTS.map((src, j) => (
+              <motion.button
+                key={j}
+                initial={{ opacity: 0, y: 16 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: j * 0.05, duration: 0.4 }}
+                onClick={() => openLb(j)}
+                className="relative group aspect-video rounded-xl overflow-hidden border border-white/10 hover:border-primary/60 transition-all duration-300 cursor-zoom-in"
+              >
+                <img
+                  src={src}
+                  alt={STEP_LABELS[j]}
+                  className="w-full h-full object-cover transition-all duration-400 group-hover:scale-105"
+                  style={{ opacity: 0.75 }}
+                />
+                {/* Hover overlay */}
+                <div className="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
+                  <div className="text-white text-2xl">⊕</div>
+                </div>
+                {/* Step label */}
+                <div className="absolute bottom-0 left-0 right-0 py-2 px-3 bg-gradient-to-t from-black/80 to-transparent">
+                  <div className="font-mono text-[10px] text-primary/80 tracking-widest truncate">
+                    {STEP_LABELS[j]}
+                  </div>
+                </div>
+              </motion.button>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* ── Export formats ─────────────────────────────────────────────────── */}
+      <section id="exports" className="py-24 relative">
+        <div className="container mx-auto px-6">
+          <div className="max-w-5xl mx-auto">
+            <motion.div initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} className="mb-14">
+              <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Export Everything", "全格式导出")}</h2>
+              <div className="w-12 h-1 bg-primary mb-8" />
+              <p className="text-muted-foreground text-lg max-w-2xl">
+                {t("From design report to CAD file to DSP config — every deliverable a production team needs.", "从设计报告到 CAD 图纸再到 DSP 系数——生产团队所需的每一个交付物。")}
+              </p>
+            </motion.div>
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4">
+              {exports.map((ex, i) => (
+                <motion.div
+                  key={i}
+                  initial={{ opacity: 0, scale: 0.95 }}
+                  whileInView={{ opacity: 1, scale: 1 }}
+                  viewport={{ once: true }}
+                  transition={{ delay: i * 0.08 }}
+                  className="p-6 rounded-xl border border-primary/20 bg-primary/5 hover:bg-primary/10 hover:border-primary/50 transition-all group text-center"
+                >
+                  <div className="text-xl font-bold font-mono text-primary mb-3 group-hover:scale-105 transition-transform inline-block">
+                    .{t(ex.fmtEn, ex.fmtZh)}
+                  </div>
+                  <p className="text-xs text-muted-foreground leading-relaxed">{t(ex.descEn, ex.descZh)}</p>
+                </motion.div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* ── Who It's For ───────────────────────────────────────────────────── */}
+      <section id="users" className="py-24 relative bg-[#080808] border-t border-white/5">
+        <div className="container mx-auto px-6">
+          <motion.div initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} className="mb-14 text-center">
+            <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Who It's For", "适用人群")}</h2>
+            <div className="w-12 h-1 bg-primary mx-auto mb-8" />
+          </motion.div>
+          <div className="max-w-4xl mx-auto flex flex-col gap-3">
+            {users.map((u, i) => (
+              <motion.div
+                key={i}
+                initial={{ opacity: 0, x: -20 }}
+                whileInView={{ opacity: 1, x: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: i * 0.1 }}
+                className="grid grid-cols-1 md:grid-cols-3 gap-4 items-center p-6 bg-card/30 border border-white/5 rounded-xl hover:border-primary/30 hover:bg-card/50 transition-all"
+              >
+                <div className="font-heading font-bold text-lg text-white">{t(u.roleEn, u.roleZh)}</div>
+                <div className="md:col-span-2 text-muted-foreground text-sm leading-relaxed">{t(u.descEn, u.descZh)}</div>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* ── Tech specs ─────────────────────────────────────────────────────── */}
+      <section id="specs" className="py-24 relative">
+        <div className="container mx-auto px-6">
+          <div className="max-w-5xl mx-auto">
+            <motion.div initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} className="mb-14">
+              <h2 className="text-3xl md:text-5xl font-heading font-bold mb-4">{t("Tech Specs", "技术规格")}</h2>
+              <div className="w-12 h-1 bg-primary mb-8" />
+            </motion.div>
+            <motion.div initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} className="overflow-x-auto rounded-xl border border-white/10">
+              <table className="w-full text-left border-collapse">
+                <tbody>
+                  {specs.map((s, i) => (
+                    <tr key={i} className="border-b border-white/5 hover:bg-white/3 transition-colors">
+                      <td className="py-4 px-8 text-muted-foreground text-sm font-mono">{t(s.labelEn, s.labelZh)}</td>
+                      <td className="py-4 px-8 text-white text-sm font-medium">{t(s.valueEn, s.valueZh)}</td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </motion.div>
+          </div>
+        </div>
+      </section>
+
+      {/* ── CTA ────────────────────────────────────────────────────────────── */}
+      <section className="py-24 relative border-t border-white/5">
+        <div className="absolute inset-0 pointer-events-none">
+          <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[300px] bg-primary/8 rounded-full blur-[100px]" />
+        </div>
+        <div className="container mx-auto px-6 relative z-10">
+          <motion.div initial={{ opacity: 0, scale: 0.97 }} whileInView={{ opacity: 1, scale: 1 }} viewport={{ once: true }} className="max-w-3xl mx-auto text-center">
+            <div className="font-mono text-sm text-primary tracking-widest uppercase mb-6">Speaker Designer</div>
+            <h2 className="text-4xl md:text-6xl font-heading font-bold text-white mb-6 leading-tight">
+              {t("Design with Certainty.", "确定无疑地设计。")}
+            </h2>
+            <p className="text-xl text-muted-foreground mb-12 leading-relaxed">
+              {t(
+                "From a single driver to a full line array — every simulation, every export, running locally on your machine.",
+                "从一个驱动单元到完整线阵——每一次仿真，每一份导出，全部在本地运行。"
+              )}
+            </p>
+            <div className="flex flex-col sm:flex-row gap-4 justify-center">
+              <a href="/contact" className="px-8 py-4 bg-primary text-primary-foreground font-bold rounded-md hover:bg-primary/90 transition-colors text-base">
+                {t("Request Access", "联系获取")}
+              </a>
+              <a href="/products" className="px-8 py-4 border border-white/20 text-foreground font-medium rounded-md hover:border-white/40 hover:bg-white/5 transition-colors text-base">
+                {t("All Products", "查看全部产品")}
+              </a>
+            </div>
+          </motion.div>
+        </div>
+      </section>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/Strategy.tsx b/src/pages/Strategy.tsx
new file mode 100644
index 0000000..c13f6cf
--- /dev/null
+++ b/src/pages/Strategy.tsx
@@ -0,0 +1,431 @@
+import { motion } from "framer-motion";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+import { Link } from "wouter";
+import { ArrowRight } from "lucide-react";
+
+export default function Strategy() {
+  const { t, language } = useLanguage();
+
+  const isZh = language === "zh";
+
+  return (
+    <div className="bg-[#0A0A0A] min-h-screen text-foreground overflow-x-hidden selection:bg-primary/30 pt-20">
+      <Navbar />
+
+      {/* Hero Section */}
+      <section className="relative min-h-[calc(100vh-5rem)] flex items-center justify-center bg-gradient-to-b from-[#0A0A0A] to-[#0F0F0F] overflow-hidden pt-12 pb-24">
+        <div className="absolute inset-0 z-0">
+          <div className="absolute top-0 left-0 w-96 h-96 bg-primary/20 rounded-full blur-[180px]"></div>
+        </div>
+        
+        <div className="container mx-auto px-6 relative z-10 text-center">
+          <motion.div 
+            initial={{ opacity: 0, y: 30 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.8 }}
+            className="max-w-5xl mx-auto"
+          >
+            <div className="inline-block mb-8">
+              <span className="font-mono text-primary uppercase tracking-widest text-sm font-bold">
+                {t("NGA · NEXT GENERATION AUDIO", "NGA · 下一代音频")}
+              </span>
+            </div>
+            
+            <h1 className="text-7xl md:text-8xl font-heading font-bold mb-10 leading-tight">
+              <span className="text-white block mb-2">{t("Liberating Sound", "将声音从")}</span>
+              <span className="text-primary block mb-2">{t("from the Channel Cage", "通道的囚笼")}</span>
+              {isZh && <span className="text-white block">中解放</span>}
+            </h1>
+            
+            <p className="text-xl md:text-2xl text-muted-foreground font-light mb-16 max-w-3xl mx-auto leading-relaxed">
+              {t(
+                "Sound described as independent spatial objects — completely decoupled from speaker layout. Create once, play everywhere.",
+                "声音不再绑定在固定扬声器通道上。以空间中独立自由的对象描述声音，与扬声器布局彻底解耦。一次创作，处处运行。"
+              )}
+            </p>
+            
+            <div className="flex flex-wrap justify-center gap-4 max-w-4xl mx-auto">
+              {[
+                { zh: "对象化", en: "Object-based" },
+                { zh: "自主化", en: "Sovereign" },
+                { zh: "全息化", en: "Holographic" },
+                { zh: "智能化", en: "Intelligent" },
+                { zh: "民主化", en: "Democratic" }
+              ].map((pill, idx) => (
+                <div key={idx} className="border border-primary/30 rounded-full px-5 py-2 font-mono text-sm text-primary">
+                  {t(pill.en, pill.zh)}
+                </div>
+              ))}
+            </div>
+          </motion.div>
+        </div>
+
+        <div className="absolute bottom-10 left-1/2 -translate-x-1/2 animate-bounce">
+          <div className="w-1 h-12 rounded-full bg-gradient-to-b from-primary/50 to-transparent"></div>
+        </div>
+      </section>
+
+      {/* Section: Three Cages */}
+      <section id="cages" className="py-12 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16 text-center"
+          >
+            <h2 className="text-4xl md:text-5xl font-heading font-bold mb-6 text-white">{t("Three Cages of the Old World", "旧世界的三大牢笼")}</h2>
+            <p className="text-xl text-muted-foreground max-w-2xl mx-auto">
+              {t("For the past hundred years, the audio industry has been built on a triple binding of sound.", "过去一百年，音频行业建立在对声音的三重绑定之上")}
+            </p>
+            <div className="w-12 h-1 bg-primary mx-auto mt-8"></div>
+          </motion.div>
+
+          <div className="max-w-4xl mx-auto space-y-8">
+            {[
+              {
+                titleEn: "Cage 1: The Channel Prison",
+                titleZh: "第一重：通道的牢笼",
+                contentEn: "Traditional surround sound locks audio to fixed speaker channels. 5.1, 7.1.4 — these numbers mean sound is pre-assigned to fixed lanes. Change the playback environment, and the soundfield collapses.",
+                contentZh: "传统三维声将声音绑定在固定的扬声器通道上。5.1、7.1.4——这些数字意味着声音被预设为只能在几条固定车道行驶。一旦播放环境变了，声场就变了，必须重新混音。"
+              },
+              {
+                titleEn: "Cage 2: The Chip Prison",
+                titleZh: "第二重：芯片的牢笼",
+                contentEn: "Audio processing chips have depended on foreign IP cores — CEVA, Tensilica. Chinese companies could license but never modify. Performance ceilings were locked at the moment the contract was signed. A soul tax.",
+                contentZh: "音频处理芯片长期依赖国外IP核——CEVA、Tensilica。中国企业购买授权，却无法修改核心设计。产品的性能上限，在签署授权协议那一刻就被锁定了。这是\"灵魂税\"。"
+              },
+              {
+                titleEn: "Cage 3: The Format Prison",
+                titleZh: "第三重：格式的牢笼",
+                contentEn: "MP3 and streaming transmit only the sound signal, discarding 99% of the creation — score, session files, automation, visual intent. A masterwork compressed into a greyscale photograph.",
+                contentZh: "MP3和流媒体只传输声音信号，扔掉了创作过程中99%的信息——乐谱、工程文件、自动化参数、视觉意图。创作者的精雕细琢，在传输中被压缩成一张黑白照片。"
+              }
+            ].map((card, idx) => (
+              <motion.div
+                key={idx}
+                initial={{ opacity: 0, x: -20 }}
+                whileInView={{ opacity: 1, x: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: idx * 0.1 }}
+                className="bg-card/20 p-8 md:p-10 rounded-xl border-l-4 border-primary/40 hover:border-primary transition-colors duration-300"
+              >
+                <h3 className="text-2xl font-bold text-white mb-4">{t(card.titleEn, card.titleZh)}</h3>
+                <p className="text-lg text-muted-foreground leading-relaxed">{t(card.contentEn, card.contentZh)}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Section: Three Breakthroughs */}
+      <section id="breakthrough" className="py-12 relative bg-[#080808]">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16 text-center"
+          >
+            <h2 className="text-4xl md:text-5xl font-heading font-bold mb-8 text-white">{t("SineMedia's Three Breakthroughs", "赛因的三重破壁")}</h2>
+            <div className="w-12 h-1 bg-primary mx-auto"></div>
+          </motion.div>
+
+          <div className="grid md:grid-cols-3 gap-6 max-w-6xl mx-auto">
+            {[
+              {
+                num: "01",
+                titleEn: "NGA Object Encoding",
+                titleZh: "NGA对象编码",
+                subEn: "Breaking the Channel Cage",
+                subZh: "打破通道牢笼",
+                contentEn: "Sound as independent spatial objects, fully decoupled from speaker layout. In blind tests, NGA outperformed leading foreign brands.",
+                contentZh: "将声音描述为空间中的独立对象，与扬声器布局彻底解耦。在NGA盲听测试中，NGA方案胜出国外顶尖品牌。"
+              },
+              {
+                num: "02",
+                titleEn: "SAP7000X Sovereign Chip",
+                titleZh: "SAP7000X自研芯片",
+                subEn: "Breaking the Chip Cage",
+                subZh: "打破芯片牢笼",
+                contentEn: "128-channel full-parallel processing, 1024-order FIR per channel, no external DDR. Zero foreign IP. Algorithm cast directly into silicon.",
+                contentZh: "128通道全并行处理，每通道1024阶FIR滤波器，无需外部DDR内存。不包含任何国外IP核。算法直接烧铸为电路。"
+              },
+              {
+                num: "03",
+                titleEn: "Metadata Multimedia Format",
+                titleZh: "元数据多媒体格式",
+                subEn: "Breaking the Format Cage",
+                subZh: "打破格式牢笼",
+                contentEn: "Sound, stems, score, visuals, and automation encoded as a single holographic archive. Listeners step into the moment of creation.",
+                contentZh: "将声音、分轨、乐谱、视觉素材、自动化参数封装为一个\"全息档案\"。听众可以穿越到创作那一刻。"
+              }
+            ].map((card, idx) => (
+              <motion.div
+                key={idx}
+                initial={{ opacity: 0, y: 20 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: idx * 0.1 }}
+                className="group relative bg-card/40 border border-border/50 p-10 rounded-xl overflow-hidden pt-12"
+              >
+                <div className="absolute top-0 left-0 w-full h-[3px] bg-primary/50 group-hover:bg-primary transition-colors"></div>
+                <div className="font-mono text-primary/30 text-6xl absolute top-4 right-6 pointer-events-none select-none">
+                  {card.num}
+                </div>
+                <h3 className="text-2xl font-bold text-white mb-2 relative z-10">{t(card.titleEn, card.titleZh)}</h3>
+                <div className="text-primary font-medium mb-6 relative z-10">{t(card.subEn, card.subZh)}</div>
+                <p className="text-muted-foreground leading-relaxed relative z-10">{t(card.contentEn, card.contentZh)}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Section: Features Table */}
+      <section id="features" className="py-12 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16 text-center"
+          >
+            <h2 className="text-4xl md:text-5xl font-heading font-bold mb-8 text-white">{t("Five Defining Characteristics", "下一代音频的五大特征")}</h2>
+            <div className="w-12 h-1 bg-primary mx-auto"></div>
+          </motion.div>
+
+          <div className="max-w-5xl mx-auto overflow-x-auto pb-4">
+            <table className="w-full min-w-[800px] border-collapse">
+              <thead>
+                <tr className="border-b border-border/50">
+                  <th className="py-6 px-6 text-left text-sm font-medium text-muted-foreground bg-card/60 w-1/4">
+                    {t("Feature", "特征")}
+                  </th>
+                  <th className="py-6 px-6 text-left text-sm font-medium text-muted-foreground bg-card/60 w-1/3 border-l border-border/20">
+                    {t("Old World", "旧世界")}
+                  </th>
+                  <th className="py-6 px-6 text-left text-sm font-bold text-primary bg-primary/5 w-[41%] border-l border-primary/20">
+                    {t("Next-Gen Audio", "下一代音频")}
+                  </th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-border/20">
+                {[
+                  {
+                    feature: { zh: "对象化", en: "Object-based" },
+                    old: { zh: "声音绑定固定通道", en: "Sound locked to fixed channels" },
+                    new: { zh: "声音是空间中的独立对象，与扬声器解耦", en: "Sound as independent spatial objects, speaker-agnostic" }
+                  },
+                  {
+                    feature: { zh: "自主化", en: "Sovereign" },
+                    old: { zh: "核心芯片依赖国外IP核", en: "Core chips rely on foreign IP" },
+                    new: { zh: "全自研芯片，算法即电路", en: "Fully sovereign chip, algorithm cast as circuit" }
+                  },
+                  {
+                    feature: { zh: "全息化", en: "Holographic" },
+                    old: { zh: "只传输声音信号", en: "Only audio signal transmitted" },
+                    new: { zh: "封装声音、乐谱、画面、创作过程", en: "Score, stems, visuals, automation — fully enclosed" }
+                  },
+                  {
+                    feature: { zh: "智能化", en: "Intelligent" },
+                    old: { zh: "人工调试，出厂固化", en: "Manual tuning, fixed at factory" },
+                    new: { zh: "AI实时建模，可OTA持续迭代", en: "AI real-time modeling, OTA-updatable forever" }
+                  },
+                  {
+                    feature: { zh: "民主化", en: "Democratic" },
+                    old: { zh: "好声音是奢侈品", en: "Great sound is a luxury" },
+                    new: { zh: "任何设备、任何环境，都能还原真实的声场", en: "Any device, any space — the soundfield is always there" }
+                  }
+                ].map((row, idx) => (
+                  <tr key={idx} className="hover:bg-white/[0.02] transition-colors">
+                    <td className="py-6 px-6 font-mono text-primary text-sm align-top">
+                      {t(row.feature.en, row.feature.zh)}
+                    </td>
+                    <td className="py-6 px-6 text-muted-foreground align-top border-l border-border/20">
+                      {t(row.old.en, row.old.zh)}
+                    </td>
+                    <td className="py-6 px-6 text-foreground font-medium bg-primary/5 align-top border-l border-primary/20">
+                      {t(row.new.en, row.new.zh)}
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </section>
+
+      {/* Section: Democracy */}
+      <section id="democracy" className="py-16 relative bg-[#050505]">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="text-center mb-24"
+          >
+            <h2 className="text-3xl md:text-5xl font-heading font-bold leading-relaxed max-w-4xl mx-auto">
+              <span className="text-white">{t("Not better sound. ", "不是更好的声音，")}</span>
+              <br className="hidden md:block" />
+              <span className="text-primary">{t("The democratization of sound.", "是声音的民主化。")}</span>
+            </h2>
+          </motion.div>
+
+          <div className="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
+            {[
+              {
+                titleEn: "¥100K Car",
+                titleZh: "十万元汽车",
+                descEn: "AI auto-calibration and OTA upgrades deliver a flagship audio experience in a mass-market vehicle",
+                descZh: "通过AI自动声场校准和OTA持续升级，拥有与百万豪车媲美的音频体验"
+              },
+              {
+                titleEn: "Standard LED Screen",
+                titleZh: "普通LED屏",
+                descEn: "Spatial sync between sound and image at meter-millisecond precision — no acoustic engineer required",
+                descZh: "接入赛因引擎后，声音与画面米级、毫秒级空间同步——不需要声学工程师"
+              },
+              {
+                titleEn: "Any Playback Device",
+                titleZh: "任意播放设备",
+                descEn: "Headphone, car, living room, cinema — creator's spatial intent, always restored",
+                descZh: "耳机、汽车、客厅、影院——自动还原创作者设计的空间感"
+              }
+            ].map((card, idx) => (
+              <motion.div
+                key={idx}
+                initial={{ opacity: 0, y: 20 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: idx * 0.1 }}
+                className="bg-card/20 border border-white/10 p-8 rounded-xl"
+              >
+                <h3 className="text-2xl font-bold text-white mb-4">{t(card.titleEn, card.titleZh)}</h3>
+                <p className="text-muted-foreground leading-relaxed">{t(card.descEn, card.descZh)}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Section: Content Channels */}
+      <section id="channels" className="py-12 relative">
+        <div className="container mx-auto px-6">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="mb-16 text-center"
+          >
+            <h2 className="text-4xl md:text-5xl font-heading font-bold mb-6 text-white">{t("Content Channels", "内容频道")}</h2>
+            <p className="text-muted-foreground max-w-2xl mx-auto">
+              {t(
+                "Powered by the SineFlow content engine — every article reviewed for technical depth and readability",
+                "由 SineFlow 内容引擎驱动，每一篇文章都经过技术深度、阅读体验的双重审核"
+              )}
+            </p>
+            <div className="w-12 h-1 bg-primary mx-auto mt-8"></div>
+          </motion.div>
+
+          <div className="grid grid-cols-1 md:grid-cols-4 gap-4 max-w-6xl mx-auto">
+            {[
+              {
+                titleZh: "声音新知",
+                titleEn: "Sound Insight",
+                descZh: "技术科普",
+                descEn: "Audio technology made accessible"
+              },
+              {
+                titleZh: "技术对谈",
+                titleEn: "Tech Dialogue",
+                descZh: "产品对比",
+                descEn: "In-depth product comparisons"
+              },
+              {
+                titleZh: "术语故事",
+                titleEn: "Term Stories",
+                descZh: "概念溯源",
+                descEn: "The origin of audio concepts"
+              },
+              {
+                titleZh: "脉络纵横",
+                titleEn: "Tech Lineage",
+                descZh: "技术演进",
+                descEn: "How audio technology evolved"
+              }
+            ].map((channel, idx) => (
+              <div key={idx} className="group bg-card/40 border border-border/30 p-6 rounded-lg hover:border-primary/50 transition-colors cursor-pointer relative">
+                <h3 className="text-xl font-bold text-white mb-2">{t(channel.titleEn, channel.titleZh)}</h3>
+                <p className="text-sm text-muted-foreground">{t(channel.descEn, channel.descZh)}</p>
+                <ArrowRight className="absolute bottom-6 right-6 w-5 h-5 text-primary opacity-0 group-hover:opacity-100 transition-opacity" />
+              </div>
+            ))}
+          </div>
+          
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-4 max-w-4xl mx-auto mt-4">
+            {[
+              {
+                titleZh: "硬件实验室",
+                titleEn: "Hardware Lab",
+                descZh: "实战教程",
+                descEn: "Hands-on hardware tutorials"
+              },
+              {
+                titleZh: "论文速览",
+                titleEn: "Paper Digest",
+                descZh: "学术解读",
+                descEn: "Academic papers, decoded"
+              },
+              {
+                titleZh: "声场体验",
+                titleEn: "Spatial Demo",
+                descZh: "在线对比试听",
+                descEn: "Live spatial audio comparison"
+              }
+            ].map((channel, idx) => (
+              <div key={idx} className="group bg-card/40 border border-border/30 p-6 rounded-lg hover:border-primary/50 transition-colors cursor-pointer relative">
+                <h3 className="text-xl font-bold text-white mb-2">{t(channel.titleEn, channel.titleZh)}</h3>
+                <p className="text-sm text-muted-foreground">{t(channel.descEn, channel.descZh)}</p>
+                <ArrowRight className="absolute bottom-6 right-6 w-5 h-5 text-primary opacity-0 group-hover:opacity-100 transition-opacity" />
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Section: Callout */}
+      <section className="py-16 relative bg-[#050505]">
+        <div className="container mx-auto px-6 text-center">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="max-w-4xl mx-auto"
+          >
+            <div className="border-l-4 border-primary pl-8 text-left mb-12">
+              <p className="text-2xl md:text-3xl font-light text-white leading-relaxed">
+                {t(
+                  "\"Old-world audio tells you which channel. Next-gen audio tells you where in space — and no matter what device you use, it's always there.\"",
+                  "\"旧世界的音频告诉你声音在哪个通道。下一代音频告诉你声音在空间中的哪个位置——而且无论你用什么设备听，它都在那里。\""
+                )}
+              </p>
+            </div>
+            
+            <Link 
+              href="/products"
+              className="inline-flex items-center justify-center bg-primary text-primary-foreground px-8 py-4 rounded-full font-bold hover:bg-primary/90 transition-colors"
+            >
+              {t("Explore Products", "探索产品矩阵")}
+            </Link>
+          </motion.div>
+        </div>
+      </section>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/Technology.tsx b/src/pages/Technology.tsx
new file mode 100644
index 0000000..3b60e4d
--- /dev/null
+++ b/src/pages/Technology.tsx
@@ -0,0 +1,189 @@
+import { motion } from "framer-motion";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+export default function Technology() {
+  const { t } = useLanguage();
+
+  const techCards = [
+    {
+      titleEn: "SAP7000X AI Sound-Field Processor",
+      titleZh: "SAP7000X AI声场处理器",
+      descEn: "128-channel full-parallel, 1024-tap FIR per channel, no external DDR. 100% proprietary IP — zero foreign licenses. Volume production at SMIC July 2026.",
+      descZh: "128通道全并行，每通道1024阶FIR，无需外部DDR。100%自研IP核，不含任何国外授权。2026年7月中芯国际量产。"
+    },
+    {
+      titleEn: "NGA Next-Generation Audio Standard",
+      titleZh: "NGA下一代音频标准",
+      descEn: "Object-based sound-field synthesis fully decoupled from speaker layout. Adopted by AVS; outperformed leading foreign brands in comparative tests.",
+      descZh: "基于对象的声场合成，与扬声器布局完全解耦。入选AVS标准体系，与国外顶尖品牌对比测试中胜出。"
+    },
+    {
+      titleEn: "Metadata Multimedia Interchange Format",
+      titleZh: "元数据多媒体交互格式",
+      descEn: "A holographic archive encapsulating audio, score, video, and creative intent — replacing legacy formats like MP3/FLAC.",
+      descZh: "封装声音、乐谱、画面和创作意图的「全息档案」，替代MP3/FLAC等传统纯音频格式。"
+    },
+    {
+      titleEn: "Four Hardware Platforms",
+      titleZh: "四大硬件平台",
+      descEn: "A1 (STM32H7) · M2 (AM6234) · X3 (Zynq 7020) · G4 (MPSoC)",
+      descZh: "A1（STM32H7）· M2（AM6234）· X3（Zynq 7020）· G4（MPSoC）"
+    }
+  ];
+
+  const layers = [
+    {
+      level: 4,
+      en: "Ecosystem Layer",
+      zh: "生态层",
+      descEn: "NGA content platform, metadata format, SineKniter dev environment",
+      descZh: "NGA内容平台、元数据格式、SineKniter开发环境"
+    },
+    {
+      level: 3,
+      en: "Algorithm Layer",
+      zh: "算法层",
+      descEn: "Sound-field synthesis licensing, automated acoustic tuning, production-line automation",
+      descZh: "声场合成算法授权、自动声场调试工具、产线自动化方案"
+    },
+    {
+      level: 2,
+      en: "Chip Layer",
+      zh: "芯片层",
+      descEn: "AI sound-field chip — no more soul tax on the BOM",
+      descZh: "AI声场芯片，BOM表上不再有「灵魂税」"
+    },
+    {
+      level: 1,
+      en: "Standards Layer",
+      zh: "标准层",
+      descEn: "NGA proprietary standard specs, rewriting value-chain profit distribution",
+      descZh: "提供NGA自主标准技术规范，改写产业链利润分配规则"
+    }
+  ];
+
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden selection:bg-primary/30 pt-20">
+      <Navbar />
+      <main>
+        <section className="py-12 relative overflow-hidden">
+          <div className="container mx-auto px-6 relative z-10">
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              className="mb-20 max-w-4xl mx-auto text-center"
+            >
+              <h1 className="text-4xl md:text-6xl font-heading font-bold mb-4">
+                {t("Core Technology", "核心技术")}
+              </h1>
+              <div className="w-12 h-1 bg-primary mx-auto mb-8"></div>
+              <p className="text-xl text-muted-foreground font-light">
+                {t("Building the complete technological sovereignty for China's audio industry.", "为中国音频产业构建完整的技术主权。")}
+              </p>
+            </motion.div>
+
+            <div className="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
+              {techCards.map((card, i) => (
+                <motion.div
+                  key={i}
+                  initial={{ opacity: 0, y: 20 }}
+                  whileInView={{ opacity: 1, y: 0 }}
+                  viewport={{ once: true }}
+                  transition={{ duration: 0.6, delay: i * 0.1 }}
+                  className="group p-8 md:p-12 border border-border/50 bg-card/60 backdrop-blur-md hover:border-primary/50 transition-all duration-500 relative overflow-hidden rounded-xl"
+                >
+                  <div className="absolute top-0 right-0 w-32 h-32 bg-primary/5 rounded-full blur-3xl group-hover:bg-primary/20 transition-colors duration-700"></div>
+                  
+                  <div className="text-primary font-mono text-sm tracking-widest mb-4 opacity-70">
+                    0{i + 1} //
+                  </div>
+                  <h3 className="text-xl md:text-2xl font-bold mb-4 group-hover:text-primary transition-colors">
+                    {t(card.titleEn, card.titleZh)}
+                  </h3>
+                  <p className="text-muted-foreground leading-relaxed text-lg font-light">
+                    {t(card.descEn, card.descZh)}
+                  </p>
+                </motion.div>
+              ))}
+            </div>
+          </div>
+        </section>
+
+        <section className="py-16 relative bg-[#080808] border-t border-border/50 overflow-hidden">
+          <div className="container mx-auto px-6 relative z-10 max-w-6xl">
+            <div className="grid lg:grid-cols-2 gap-16 items-center">
+              <motion.div
+                initial={{ opacity: 0, x: -30 }}
+                whileInView={{ opacity: 1, x: 0 }}
+                viewport={{ once: true }}
+                transition={{ duration: 0.8 }}
+              >
+                <h2 className="text-3xl md:text-5xl font-heading font-bold mb-8">
+                  {t("4-Layer Business Model", "四层商业模式")}
+                </h2>
+                <p className="text-xl text-muted-foreground font-light leading-relaxed border-l-2 border-primary/50 pl-6">
+                  {t(
+                    "Opening algorithms, chips, standards, and tools to partners so they can create products SineMedia alone cannot. We don't build consumer brands or compete with partners in the end market.",
+                    "将算法、芯片、标准、工具开放给合作伙伴，让他们创造赛因自己无法创造的产品。我们不做消费品牌，不生产耳机音响，不与合作伙伴争夺终端市场。"
+                  )}
+                </p>
+              </motion.div>
+
+              <div className="relative">
+                <div className="flex flex-col gap-4">
+                  {layers.map((layer, i) => (
+                    <motion.div
+                      key={i}
+                      initial={{ opacity: 0, y: 50 }}
+                      whileInView={{ opacity: 1, y: 0 }}
+                      viewport={{ once: true, margin: "-100px" }}
+                      transition={{ duration: 0.6, delay: (layers.length - i) * 0.15 }}
+                      className="bg-card/40 border border-border/30 p-6 rounded-lg backdrop-blur-sm relative overflow-hidden group hover:bg-card/60 transition-colors"
+                    >
+                      <div className={`absolute left-0 top-0 bottom-0 w-1 ${i === layers.length - 1 ? 'bg-primary' : 'bg-primary/40'} group-hover:bg-primary transition-colors`}></div>
+                      <div className="pl-4">
+                        <div className="flex justify-between items-center mb-2">
+                          <h3 className="text-xl font-bold">{t(layer.en, layer.zh)}</h3>
+                          <span className="text-xs font-mono text-primary/70 border border-primary/20 px-2 py-1 rounded">L{layer.level}</span>
+                        </div>
+                        <p className="text-muted-foreground">{t(layer.descEn, layer.descZh)}</p>
+                      </div>
+                    </motion.div>
+                  ))}
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section className="py-12 relative border-t border-border/50 bg-[#050505] text-center">
+          <div className="container mx-auto px-6">
+             <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+            >
+              <h2 className="text-3xl md:text-5xl font-heading font-bold mb-12">
+                {t("Knowledge Assets", "知识资产")}
+              </h2>
+              <div className="grid grid-cols-2 gap-8 max-w-3xl mx-auto">
+                <div>
+                  <div className="text-5xl md:text-7xl font-bold text-primary mb-4 drop-shadow-[0_0_15px_rgba(201,162,39,0.3)]">17,000+</div>
+                  <div className="text-sm font-mono tracking-widest text-muted-foreground uppercase">{t("Research Papers", "篇论文积累")}</div>
+                </div>
+                <div>
+                  <div className="text-5xl md:text-7xl font-bold text-primary mb-4 drop-shadow-[0_0_15px_rgba(201,162,39,0.3)]">84</div>
+                  <div className="text-sm font-mono tracking-widest text-muted-foreground uppercase">{t("Core Patents", "项核心专利")}</div>
+                </div>
+              </div>
+            </motion.div>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/admin/AdminLayout.tsx b/src/pages/admin/AdminLayout.tsx
new file mode 100644
index 0000000..5965174
--- /dev/null
+++ b/src/pages/admin/AdminLayout.tsx
@@ -0,0 +1,86 @@
+import { Link, useLocation } from "wouter";
+import { LayoutDashboard, Package, FileText, ArrowLeft, ChevronRight, Settings, LogOut } from "lucide-react";
+import { useAuth } from "@/contexts/AuthContext";
+
+const NAV = [
+  { href: "/admin", label: "仪表盘", icon: LayoutDashboard, exact: true },
+  { href: "/admin/products", label: "产品管理", icon: Package },
+  { href: "/admin/articles", label: "文章管理", icon: FileText },
+  { href: "/admin/settings", label: "账号管理", icon: Settings },
+];
+
+export default function AdminLayout({ children }: { children: React.ReactNode }) {
+  const [location] = useLocation();
+  const { currentUser, logout } = useAuth();
+
+  return (
+    <div className="min-h-screen bg-[#080808] flex font-['Space_Grotesk',sans-serif]">
+      {/* ── Sidebar ──────────────────────────────────────────────── */}
+      <aside className="w-56 shrink-0 bg-[#0c0c0c] border-r border-white/5 flex flex-col">
+        {/* Logo */}
+        <div className="px-5 py-6 border-b border-white/5">
+          <Link href="/">
+            <img
+              src={`${import.meta.env.BASE_URL}sinemedia-logo.png`}
+              alt="SineMedia"
+              className="h-5 object-contain opacity-70 grayscale hover:opacity-100 hover:grayscale-0 transition-all"
+            />
+          </Link>
+          <div className="mt-2 flex items-center gap-1.5">
+            <span className="w-1.5 h-1.5 rounded-full bg-primary animate-pulse" />
+            <span className="text-[10px] text-muted-foreground tracking-widest uppercase font-semibold">
+              网站后台
+            </span>
+          </div>
+        </div>
+
+        {/* Nav */}
+        <nav className="flex-1 px-3 py-4 space-y-0.5">
+          {NAV.map(({ href, label, icon: Icon, exact }) => {
+            const active = exact ? location === href : location.startsWith(href);
+            return (
+              <Link key={href} href={href}>
+                <span
+                  className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm transition-all cursor-pointer ${
+                    active
+                      ? "bg-primary/10 text-primary font-medium"
+                      : "text-muted-foreground hover:text-foreground hover:bg-white/4"
+                  }`}
+                >
+                  <Icon size={15} className="shrink-0" />
+                  {label}
+                  {active && <ChevronRight size={12} className="ml-auto opacity-60" />}
+                </span>
+              </Link>
+            );
+          })}
+        </nav>
+
+        {/* Footer: user info + actions */}
+        <div className="px-3 py-4 border-t border-white/5 space-y-0.5">
+          {currentUser && (
+            <div className="px-3 py-2 mb-1">
+              <p className="text-[10px] text-muted-foreground/50 truncate">{currentUser}</p>
+            </div>
+          )}
+          <Link href="/">
+            <span className="flex items-center gap-2.5 px-3 py-2 text-sm text-muted-foreground hover:text-foreground hover:bg-white/4 rounded-lg transition-all cursor-pointer">
+              <ArrowLeft size={14} />
+              返回前台
+            </span>
+          </Link>
+          <button
+            onClick={logout}
+            className="w-full flex items-center gap-2.5 px-3 py-2 text-sm text-muted-foreground hover:text-red-400 hover:bg-red-500/5 rounded-lg transition-all"
+          >
+            <LogOut size={14} />
+            退出登录
+          </button>
+        </div>
+      </aside>
+
+      {/* ── Main ─────────────────────────────────────────────────── */}
+      <main className="flex-1 min-w-0 overflow-auto">{children}</main>
+    </div>
+  );
+}
diff --git a/src/pages/admin/AdminLogin.tsx b/src/pages/admin/AdminLogin.tsx
new file mode 100644
index 0000000..4055842
--- /dev/null
+++ b/src/pages/admin/AdminLogin.tsx
@@ -0,0 +1,115 @@
+import { useState, FormEvent } from "react";
+import { useLocation } from "wouter";
+import { useAuth } from "@/contexts/AuthContext";
+import { Eye, EyeOff, LogIn } from "lucide-react";
+
+export default function AdminLogin() {
+  const { login } = useAuth();
+  const [, navigate] = useLocation();
+
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [showPw, setShowPw] = useState(false);
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const handleSubmit = async (e: FormEvent) => {
+    e.preventDefault();
+    if (!email || !password) { setError("请填写邮箱和密码"); return; }
+    setError("");
+    setLoading(true);
+    const result = await login(email.trim(), password);
+    setLoading(false);
+    if (result === "ok") {
+      navigate("/admin");
+    } else {
+      setError("邮箱或密码不正确");
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-[#080808] flex flex-col items-center justify-center px-4 font-['Space_Grotesk',sans-serif]">
+      {/* Background grid */}
+      <div className="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.015)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.015)_1px,transparent_1px)] bg-[size:60px_60px] pointer-events-none" />
+
+      {/* Card */}
+      <div className="relative w-full max-w-sm">
+        {/* Logo */}
+        <div className="text-center mb-10">
+          <img
+            src={`${import.meta.env.BASE_URL}sinemedia-logo.png`}
+            alt="SineMedia"
+            className="h-7 object-contain mx-auto mb-4 opacity-80"
+          />
+          <h1 className="font-['Syne',sans-serif] text-xl font-bold text-foreground tracking-tight">
+            网站后台
+          </h1>
+          <p className="text-muted-foreground text-sm mt-1">请使用管理员账号登录</p>
+        </div>
+
+        <form onSubmit={handleSubmit} className="space-y-4">
+          {/* Email */}
+          <div>
+            <label className="block text-xs text-muted-foreground mb-2">管理员邮箱</label>
+            <input
+              type="email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              placeholder="admin@sinemedia.com"
+              autoComplete="email"
+              className="w-full bg-white/3 border border-white/10 rounded-xl px-4 py-3 text-sm text-foreground placeholder:text-muted-foreground/40 focus:outline-none focus:border-primary/60 focus:bg-primary/5 transition-all"
+            />
+          </div>
+
+          {/* Password */}
+          <div>
+            <label className="block text-xs text-muted-foreground mb-2">密码</label>
+            <div className="relative">
+              <input
+                type={showPw ? "text" : "password"}
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                placeholder="••••••••"
+                autoComplete="current-password"
+                className="w-full bg-white/3 border border-white/10 rounded-xl px-4 py-3 pr-11 text-sm text-foreground placeholder:text-muted-foreground/40 focus:outline-none focus:border-primary/60 focus:bg-primary/5 transition-all"
+              />
+              <button
+                type="button"
+                onClick={() => setShowPw(!showPw)}
+                className="absolute right-3.5 top-1/2 -translate-y-1/2 text-muted-foreground/50 hover:text-muted-foreground transition-colors"
+              >
+                {showPw ? <EyeOff size={15} /> : <Eye size={15} />}
+              </button>
+            </div>
+          </div>
+
+          {/* Error */}
+          {error && (
+            <div className="flex items-center gap-2 text-sm text-red-400 bg-red-500/8 border border-red-500/20 px-4 py-2.5 rounded-lg">
+              <span className="w-1.5 h-1.5 rounded-full bg-red-400 shrink-0" />
+              {error}
+            </div>
+          )}
+
+          {/* Submit */}
+          <button
+            type="submit"
+            disabled={loading}
+            className="w-full flex items-center justify-center gap-2 bg-primary text-black font-semibold text-sm py-3 rounded-xl hover:bg-primary/90 transition-all disabled:opacity-60 disabled:cursor-not-allowed mt-2"
+          >
+            {loading ? (
+              <span className="w-4 h-4 border-2 border-black/30 border-t-black rounded-full animate-spin" />
+            ) : (
+              <LogIn size={15} />
+            )}
+            {loading ? "验证中..." : "登录"}
+          </button>
+        </form>
+
+        <p className="text-center text-xs text-muted-foreground/40 mt-8">
+          SineMedia 内容管理系统 · 仅限授权人员访问
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/src/pages/admin/AdminSettings.tsx b/src/pages/admin/AdminSettings.tsx
new file mode 100644
index 0000000..57b5477
--- /dev/null
+++ b/src/pages/admin/AdminSettings.tsx
@@ -0,0 +1,230 @@
+import { useState, FormEvent } from "react";
+import { UserPlus, Trash2, KeyRound, ShieldCheck, X, Eye, EyeOff } from "lucide-react";
+import AdminLayout from "./AdminLayout";
+import { useAuth } from "@/contexts/AuthContext";
+
+export default function AdminSettings() {
+  const { accounts, currentUser, addAccount, deleteAccount, resetPassword } = useAuth();
+
+  const [newEmail, setNewEmail] = useState("");
+  const [newPw, setNewPw] = useState("");
+  const [showNewPw, setShowNewPw] = useState(false);
+  const [addError, setAddError] = useState("");
+  const [addSuccess, setAddSuccess] = useState("");
+  const [addLoading, setAddLoading] = useState(false);
+
+  const [resetTarget, setResetTarget] = useState<string | null>(null);
+  const [resetPw, setResetPw] = useState("");
+  const [showResetPw, setShowResetPw] = useState(false);
+  const [resetLoading, setResetLoading] = useState(false);
+  const [resetSuccess, setResetSuccess] = useState("");
+
+  const handleAdd = async (e: FormEvent) => {
+    e.preventDefault();
+    setAddError(""); setAddSuccess("");
+    if (!newEmail || !newPw) { setAddError("请填写邮箱和密码"); return; }
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(newEmail)) { setAddError("请输入有效邮箱地址"); return; }
+    if (newPw.length < 8) { setAddError("密码至少 8 位"); return; }
+    setAddLoading(true);
+    const result = await addAccount(newEmail.trim(), newPw);
+    setAddLoading(false);
+    if (result === "already_exists") { setAddError("该邮箱已存在"); return; }
+    setAddSuccess(`已添加管理员：${newEmail.trim()}`);
+    setNewEmail(""); setNewPw("");
+    setTimeout(() => setAddSuccess(""), 4000);
+  };
+
+  const handleDelete = (email: string) => {
+    if (!confirm(`确认删除管理员「${email}」？`)) return;
+    deleteAccount(email);
+  };
+
+  const handleReset = async (e: FormEvent) => {
+    e.preventDefault();
+    if (!resetTarget || !resetPw) return;
+    if (resetPw.length < 8) { return; }
+    setResetLoading(true);
+    await resetPassword(resetTarget, resetPw);
+    setResetLoading(false);
+    setResetSuccess(`已更新「${resetTarget}」的密码`);
+    setResetTarget(null); setResetPw("");
+    setTimeout(() => setResetSuccess(""), 4000);
+  };
+
+  return (
+    <AdminLayout>
+      <div className="px-8 py-10 max-w-3xl">
+        <div className="mb-10">
+          <h1 className="font-['Syne',sans-serif] text-2xl font-bold text-foreground tracking-tight">
+            账号管理
+          </h1>
+          <p className="mt-1 text-sm text-muted-foreground">管理后台登录账号及权限</p>
+        </div>
+
+        {/* Current accounts */}
+        <section className="mb-10">
+          <h2 className="text-[10px] font-semibold tracking-widest uppercase text-muted-foreground mb-4">
+            管理员列表 · {accounts.length} 个账号
+          </h2>
+          <div className="rounded-xl border border-white/6 overflow-hidden">
+            {accounts.map((acc, i) => {
+              const isSelf = acc.email.toLowerCase() === currentUser?.toLowerCase();
+              const isLast = i === accounts.length - 1;
+              return (
+                <div
+                  key={acc.email}
+                  className={`group flex items-center justify-between px-5 py-4 hover:bg-white/[0.02] transition-colors ${
+                    isLast ? "" : "border-b border-white/5"
+                  }`}
+                >
+                  <div className="flex items-center gap-3 min-w-0">
+                    <div className="w-8 h-8 rounded-full bg-primary/10 border border-primary/20 flex items-center justify-center shrink-0">
+                      <ShieldCheck size={14} className="text-primary" />
+                    </div>
+                    <div className="min-w-0">
+                      <div className="text-sm font-medium text-foreground flex items-center gap-2">
+                        {acc.email}
+                        {isSelf && (
+                          <span className="text-[9px] font-bold tracking-widest uppercase px-1.5 py-0.5 rounded bg-primary/10 border border-primary/20 text-primary">
+                            当前登录
+                          </span>
+                        )}
+                      </div>
+                      <div className="text-xs text-muted-foreground mt-0.5">
+                        创建于 {new Date(acc.createdAt).toLocaleDateString("zh-CN")}
+                      </div>
+                    </div>
+                  </div>
+                  <div className="flex items-center gap-2 opacity-0 group-hover:opacity-100 transition-opacity">
+                    <button
+                      onClick={() => { setResetTarget(acc.email); setResetPw(""); setShowResetPw(false); }}
+                      className="flex items-center gap-1.5 px-3 py-1.5 text-xs border border-white/10 text-muted-foreground rounded-lg hover:border-primary/30 hover:text-primary hover:bg-primary/5 transition-all"
+                    >
+                      <KeyRound size={11} /> 修改密码
+                    </button>
+                    {!isSelf && (
+                      <button
+                        onClick={() => handleDelete(acc.email)}
+                        className="flex items-center gap-1.5 px-3 py-1.5 text-xs border border-red-500/20 text-red-400 rounded-lg hover:bg-red-500/10 transition-all"
+                      >
+                        <Trash2 size={11} /> 删除
+                      </button>
+                    )}
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        </section>
+
+        {/* Success toasts */}
+        {(addSuccess || resetSuccess) && (
+          <div className="mb-6 flex items-center gap-2 text-sm text-green-400 bg-green-500/8 border border-green-500/20 px-4 py-3 rounded-lg">
+            <span className="w-1.5 h-1.5 rounded-full bg-green-400 shrink-0" />
+            {addSuccess || resetSuccess}
+          </div>
+        )}
+
+        {/* Add admin */}
+        <section>
+          <h2 className="text-[10px] font-semibold tracking-widest uppercase text-muted-foreground mb-4">
+            添加管理员
+          </h2>
+          <div className="p-6 rounded-xl border border-white/6 bg-white/[0.015]">
+            <form onSubmit={handleAdd} className="space-y-4">
+              <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                <div>
+                  <label className="block text-xs text-muted-foreground mb-1.5">邮箱地址</label>
+                  <input
+                    type="email"
+                    value={newEmail}
+                    onChange={(e) => setNewEmail(e.target.value)}
+                    placeholder="new@sinemedia.com"
+                    className="w-full bg-white/3 border border-white/8 rounded-lg px-3.5 py-2.5 text-sm text-foreground placeholder:text-muted-foreground/40 focus:outline-none focus:border-primary/50 focus:bg-primary/5 transition-all"
+                  />
+                </div>
+                <div>
+                  <label className="block text-xs text-muted-foreground mb-1.5">初始密码</label>
+                  <div className="relative">
+                    <input
+                      type={showNewPw ? "text" : "password"}
+                      value={newPw}
+                      onChange={(e) => setNewPw(e.target.value)}
+                      placeholder="至少 8 位"
+                      className="w-full bg-white/3 border border-white/8 rounded-lg px-3.5 py-2.5 pr-10 text-sm text-foreground placeholder:text-muted-foreground/40 focus:outline-none focus:border-primary/50 focus:bg-primary/5 transition-all"
+                    />
+                    <button type="button" onClick={() => setShowNewPw(!showNewPw)} className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground/40 hover:text-muted-foreground transition-colors">
+                      {showNewPw ? <EyeOff size={14} /> : <Eye size={14} />}
+                    </button>
+                  </div>
+                </div>
+              </div>
+              {addError && (
+                <p className="text-xs text-red-400 bg-red-500/8 border border-red-500/20 px-3 py-2 rounded-lg">{addError}</p>
+              )}
+              <button
+                type="submit"
+                disabled={addLoading}
+                className="flex items-center gap-2 px-5 py-2.5 bg-primary text-black text-sm font-semibold rounded-lg hover:bg-primary/90 transition-all disabled:opacity-60"
+              >
+                {addLoading ? <span className="w-3.5 h-3.5 border-2 border-black/30 border-t-black rounded-full animate-spin" /> : <UserPlus size={14} />}
+                添加管理员
+              </button>
+            </form>
+          </div>
+        </section>
+      </div>
+
+      {/* Reset password modal */}
+      {resetTarget && (
+        <div className="fixed inset-0 bg-black/70 backdrop-blur-sm flex items-center justify-center z-50 p-4">
+          <div className="bg-[#111] border border-white/10 rounded-2xl p-6 w-full max-w-sm shadow-2xl">
+            <div className="flex items-start justify-between mb-5">
+              <div>
+                <h3 className="font-['Syne',sans-serif] font-bold text-foreground">修改密码</h3>
+                <p className="text-xs text-muted-foreground mt-1 break-all">{resetTarget}</p>
+              </div>
+              <button onClick={() => setResetTarget(null)} className="text-muted-foreground hover:text-foreground transition-colors">
+                <X size={18} />
+              </button>
+            </div>
+            <form onSubmit={handleReset} className="space-y-4">
+              <div>
+                <label className="block text-xs text-muted-foreground mb-1.5">新密码（至少 8 位）</label>
+                <div className="relative">
+                  <input
+                    type={showResetPw ? "text" : "password"}
+                    value={resetPw}
+                    onChange={(e) => setResetPw(e.target.value)}
+                    placeholder="输入新密码"
+                    autoFocus
+                    className="w-full bg-white/3 border border-white/8 rounded-lg px-3.5 py-2.5 pr-10 text-sm text-foreground placeholder:text-muted-foreground/40 focus:outline-none focus:border-primary/50 transition-all"
+                  />
+                  <button type="button" onClick={() => setShowResetPw(!showResetPw)} className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground/40 hover:text-muted-foreground transition-colors">
+                    {showResetPw ? <EyeOff size={14} /> : <Eye size={14} />}
+                  </button>
+                </div>
+              </div>
+              {resetPw.length > 0 && resetPw.length < 8 && (
+                <p className="text-xs text-amber-400">密码至少 8 位</p>
+              )}
+              <div className="flex gap-3">
+                <button
+                  type="submit"
+                  disabled={resetLoading || resetPw.length < 8}
+                  className="flex-1 flex items-center justify-center gap-2 py-2.5 bg-primary text-black text-sm font-semibold rounded-lg hover:bg-primary/90 transition-all disabled:opacity-50"
+                >
+                  {resetLoading ? <span className="w-3.5 h-3.5 border-2 border-black/30 border-t-black rounded-full animate-spin" /> : <KeyRound size={14} />}
+                  确认修改
+                </button>
+                <button type="button" onClick={() => setResetTarget(null)} className="px-4 py-2.5 text-sm border border-white/10 text-muted-foreground rounded-lg hover:border-white/20 hover:text-foreground transition-all">
+                  取消
+                </button>
+              </div>
+            </form>
+          </div>
+        </div>
+      )}
+    </AdminLayout>
+  );
+}
diff --git a/src/pages/admin/ArticleEdit.tsx b/src/pages/admin/ArticleEdit.tsx
new file mode 100644
index 0000000..b9550f3
--- /dev/null
+++ b/src/pages/admin/ArticleEdit.tsx
@@ -0,0 +1,309 @@
+import { useState, useEffect } from "react";
+import { useRoute, useLocation } from "wouter";
+import { Save, ArrowLeft, Plus, Trash2, GripVertical, ExternalLink } from "lucide-react";
+import AdminLayout from "./AdminLayout";
+import { useData, ArticleFull, Block } from "@/contexts/DataContext";
+
+const BLOCK_TYPES = [
+  { t: "h2", label: "H2 标题" },
+  { t: "h3", label: "H3 小标题" },
+  { t: "p", label: "段落" },
+  { t: "blockquote", label: "引用" },
+  { t: "ul", label: "列表" },
+] as const;
+
+function newBlock(t: Block["t"]): Block {
+  if (t === "ul") return { t, en: [], zh: [] };
+  return { t, en: "", zh: "" } as Block;
+}
+
+function slugify(s: string) {
+  return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
+}
+
+export default function ArticleEdit() {
+  const [, params] = useRoute("/admin/articles/:slug");
+  const [, navigate] = useLocation();
+  const { articles, getArticle, saveArticle } = useData();
+
+  const isNew = params?.slug === "new";
+  const existing = isNew ? undefined : getArticle(params?.slug ?? "");
+
+  const [slug, setSlug] = useState("");
+  const [catEn, setCatEn] = useState("Technical Insight");
+  const [catZh, setCatZh] = useState("技术洞察");
+  const [catKey, setCatKey] = useState("tech");
+  const [titleEn, setTitleEn] = useState("");
+  const [titleZh, setTitleZh] = useState("");
+  const [excerptEn, setExcerptEn] = useState("");
+  const [excerptZh, setExcerptZh] = useState("");
+  const [date, setDate] = useState(() => {
+    const d = new Date();
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}`;
+  });
+  const [readMin, setReadMin] = useState(5);
+  const [blocks, setBlocks] = useState<Block[]>([]);
+  const [saved, setSaved] = useState(false);
+  const [error, setError] = useState("");
+
+  useEffect(() => {
+    if (existing) {
+      setSlug(existing.slug);
+      setCatEn(existing.category[0]);
+      setCatZh(existing.category[1]);
+      setCatKey(existing.categoryKey);
+      setTitleEn(existing.title[0]);
+      setTitleZh(existing.title[1]);
+      setExcerptEn(existing.excerpt[0]);
+      setExcerptZh(existing.excerpt[1]);
+      setDate(existing.date);
+      setReadMin(existing.readMin);
+      setBlocks(JSON.parse(JSON.stringify(existing.blocks)));
+    }
+  }, [existing?.slug]);
+
+  const handleSave = () => {
+    setError("");
+    const finalSlug = isNew ? slugify(titleEn || titleZh) : slug;
+    if (!finalSlug) { setError("请填写标题以自动生成 slug"); return; }
+    if (!titleEn && !titleZh) { setError("标题不能为空"); return; }
+
+    const article: ArticleFull = {
+      slug: finalSlug,
+      categoryKey: catKey,
+      category: [catEn, catZh],
+      title: [titleEn, titleZh],
+      excerpt: [excerptEn, excerptZh],
+      date,
+      readMin,
+      img: existing?.img ?? "",
+      blocks,
+    };
+    saveArticle(article);
+    setSaved(true);
+    setTimeout(() => setSaved(false), 2000);
+    if (isNew) navigate(`/admin/articles/${finalSlug}`);
+  };
+
+  /* ── Block operations ── */
+  const addBlock = (t: Block["t"]) => setBlocks((b) => [...b, newBlock(t)]);
+  const removeBlock = (i: number) => setBlocks((b) => b.filter((_, idx) => idx !== i));
+  const moveBlock = (i: number, dir: -1 | 1) => {
+    setBlocks((b) => {
+      const next = [...b];
+      const j = i + dir;
+      if (j < 0 || j >= next.length) return b;
+      [next[i], next[j]] = [next[j], next[i]];
+      return next;
+    });
+  };
+  const updateBlock = (i: number, updates: Partial<Block>) => {
+    setBlocks((b) => { const n = [...b]; n[i] = { ...n[i], ...updates } as Block; return n; });
+  };
+
+  return (
+    <AdminLayout>
+      <div className="px-8 py-10 max-w-3xl">
+        <button onClick={() => navigate("/admin/articles")} className="flex items-center gap-2 text-xs text-muted-foreground hover:text-foreground transition-colors mb-6">
+          <ArrowLeft size={13} /> 文章列表
+        </button>
+
+        <div className="flex items-start justify-between mb-8">
+          <div>
+            <h1 className="font-['Syne',sans-serif] text-2xl font-bold text-foreground">
+              {isNew ? "新建文章" : "编辑文章"}
+            </h1>
+            {!isNew && <p className="mt-1 text-xs text-muted-foreground"><code className="bg-white/5 px-1.5 py-0.5 rounded">/articles/{slug}</code></p>}
+          </div>
+          {!isNew && (
+            <a href={`/articles/${slug}`} target="_blank" rel="noopener noreferrer" className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors">
+              查看前台 <ExternalLink size={11} />
+            </a>
+          )}
+        </div>
+
+        <div className="space-y-7">
+          {/* Category */}
+          <Section label="文章类别">
+            <div className="grid grid-cols-3 gap-3">
+              <InputField label="Category Key" value={catKey} onChange={setCatKey} placeholder="tech" />
+              <InputField label="English" value={catEn} onChange={setCatEn} placeholder="Technical Insight" />
+              <InputField label="中文" value={catZh} onChange={setCatZh} placeholder="技术洞察" />
+            </div>
+          </Section>
+
+          {/* Title */}
+          <Section label="标题">
+            <InputField label="English" value={titleEn} onChange={setTitleEn} placeholder="Article title in English" />
+            <div className="mt-3">
+              <InputField label="中文" value={titleZh} onChange={setTitleZh} placeholder="中文标题" />
+            </div>
+            {isNew && titleEn && (
+              <p className="mt-2 text-xs text-muted-foreground">Slug 预览：<code className="bg-white/5 px-1 rounded">{slugify(titleEn)}</code></p>
+            )}
+          </Section>
+
+          {/* Excerpt */}
+          <Section label="摘要">
+            <TextareaField label="English" value={excerptEn} onChange={setExcerptEn} rows={2} placeholder="Brief excerpt in English" />
+            <div className="mt-3">
+              <TextareaField label="中文" value={excerptZh} onChange={setExcerptZh} rows={2} placeholder="中文摘要" />
+            </div>
+          </Section>
+
+          {/* Meta */}
+          <Section label="元信息">
+            <div className="grid grid-cols-2 gap-3">
+              <InputField label="日期 (YYYY-MM)" value={date} onChange={setDate} placeholder="2025-06" />
+              <div>
+                <div className="text-xs text-muted-foreground mb-1.5">阅读时长（分钟）</div>
+                <input type="number" min={1} max={60} value={readMin} onChange={(e) => setReadMin(Number(e.target.value))}
+                  className="w-full bg-white/3 border border-white/8 rounded-lg px-3.5 py-2.5 text-sm text-foreground focus:outline-none focus:border-primary/50 focus:bg-primary/5 transition-all" />
+              </div>
+            </div>
+          </Section>
+
+          {/* Content blocks */}
+          <Section label={`正文内容 · ${blocks.length} 个块`}>
+            <div className="space-y-3 mb-4">
+              {blocks.length === 0 && (
+                <div className="py-10 text-center border border-dashed border-white/10 rounded-xl text-muted-foreground text-sm">
+                  暂无内容块，点击下方按钮添加
+                </div>
+              )}
+              {blocks.map((block, i) => (
+                <BlockEditor
+                  key={i}
+                  block={block}
+                  index={i}
+                  total={blocks.length}
+                  onChange={(updates) => updateBlock(i, updates)}
+                  onRemove={() => removeBlock(i)}
+                  onMove={(dir) => moveBlock(i, dir)}
+                />
+              ))}
+            </div>
+            <div className="flex flex-wrap gap-2">
+              {BLOCK_TYPES.map(({ t, label }) => (
+                <button key={t} onClick={() => addBlock(t)}
+                  className="flex items-center gap-1.5 px-3 py-1.5 text-xs border border-white/10 text-muted-foreground rounded-lg hover:border-primary/30 hover:text-primary hover:bg-primary/5 transition-all">
+                  <Plus size={11} /> {label}
+                </button>
+              ))}
+            </div>
+          </Section>
+
+          {error && <p className="text-sm text-red-400 bg-red-500/10 border border-red-500/20 px-4 py-3 rounded-lg">{error}</p>}
+
+          <div className="flex items-center gap-3 pt-2">
+            <button onClick={handleSave}
+              className={`flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all ${
+                saved ? "bg-green-600/20 border border-green-600/30 text-green-400" : "bg-primary text-black hover:bg-primary/90"
+              }`}>
+              <Save size={14} />
+              {saved ? "已保存 ✓" : isNew ? "创建文章" : "保存修改"}
+            </button>
+          </div>
+        </div>
+      </div>
+    </AdminLayout>
+  );
+}
+
+function BlockEditor({ block, index, total, onChange, onRemove, onMove }: {
+  block: Block; index: number; total: number;
+  onChange: (u: Partial<Block>) => void;
+  onRemove: () => void;
+  onMove: (dir: -1 | 1) => void;
+}) {
+  const typeLabel = BLOCK_TYPES.find((x) => x.t === block.t)?.label ?? block.t;
+
+  return (
+    <div className="border border-white/8 rounded-xl overflow-hidden bg-white/[0.01]">
+      {/* Block header */}
+      <div className="flex items-center gap-2 px-4 py-2.5 bg-white/[0.02] border-b border-white/6">
+        <GripVertical size={13} className="text-muted-foreground/50 shrink-0" />
+        <span className="text-[10px] font-semibold tracking-widest uppercase text-muted-foreground flex-1">{typeLabel}</span>
+        <div className="flex items-center gap-1">
+          <button onClick={() => onMove(-1)} disabled={index === 0} className="p-1 text-muted-foreground hover:text-foreground disabled:opacity-25 transition-colors text-xs">↑</button>
+          <button onClick={() => onMove(1)} disabled={index === total - 1} className="p-1 text-muted-foreground hover:text-foreground disabled:opacity-25 transition-colors text-xs">↓</button>
+          <button onClick={onRemove} className="p-1 text-red-400/60 hover:text-red-400 transition-colors ml-1">
+            <Trash2 size={12} />
+          </button>
+        </div>
+      </div>
+      {/* Block body */}
+      <div className="p-4 space-y-3">
+        {block.t === "ul" ? (
+          <UlEditor block={block} onChange={onChange} />
+        ) : (
+          <>
+            <TextareaField label="English" value={block.en as string} onChange={(v) => onChange({ en: v } as Partial<Block>)}
+              rows={block.t === "p" || block.t === "blockquote" ? 3 : 1} />
+            <TextareaField label="中文" value={block.zh as string} onChange={(v) => onChange({ zh: v } as Partial<Block>)}
+              rows={block.t === "p" || block.t === "blockquote" ? 3 : 1} />
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function UlEditor({ block, onChange }: { block: Extract<Block, { t: "ul" }>; onChange: (u: Partial<Block>) => void }) {
+  const maxLen = Math.max(block.en.length, block.zh.length, 1);
+  const addItem = () => onChange({ en: [...block.en, ""], zh: [...block.zh, ""] } as Partial<Block>);
+  const removeItem = (i: number) => onChange({ en: block.en.filter((_, j) => j !== i), zh: block.zh.filter((_, j) => j !== i) } as Partial<Block>);
+  const setEn = (i: number, v: string) => { const a = [...block.en]; a[i] = v; onChange({ en: a } as Partial<Block>); };
+  const setZh = (i: number, v: string) => { const a = [...block.zh]; a[i] = v; onChange({ zh: a } as Partial<Block>); };
+
+  return (
+    <div className="space-y-2">
+      {Array.from({ length: maxLen }).map((_, i) => (
+        <div key={i} className="flex gap-2 items-start">
+          <span className="text-xs text-muted-foreground/50 mt-2.5 shrink-0 w-4 text-right">{i + 1}.</span>
+          <input value={block.en[i] ?? ""} onChange={(e) => setEn(i, e.target.value)} placeholder="English item"
+            className="flex-1 bg-white/3 border border-white/8 rounded-lg px-3 py-2 text-xs text-foreground focus:outline-none focus:border-primary/50 transition-all" />
+          <input value={block.zh[i] ?? ""} onChange={(e) => setZh(i, e.target.value)} placeholder="中文条目"
+            className="flex-1 bg-white/3 border border-white/8 rounded-lg px-3 py-2 text-xs text-foreground focus:outline-none focus:border-primary/50 transition-all" />
+          <button onClick={() => removeItem(i)} className="mt-1.5 p-1.5 text-red-400/50 hover:text-red-400 transition-colors shrink-0">
+            <Trash2 size={11} />
+          </button>
+        </div>
+      ))}
+      <button onClick={addItem} className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors mt-1">
+        <Plus size={11} /> 添加条目
+      </button>
+    </div>
+  );
+}
+
+function Section({ label, children }: { label: string; children: React.ReactNode }) {
+  return (
+    <div>
+      <label className="block text-[10px] font-semibold tracking-widest uppercase text-muted-foreground mb-3">{label}</label>
+      {children}
+    </div>
+  );
+}
+
+function InputField({ label, value, onChange, placeholder }: { label: string; value: string; onChange: (v: string) => void; placeholder?: string }) {
+  return (
+    <div>
+      <div className="text-xs text-muted-foreground mb-1.5">{label}</div>
+      <input type="text" value={value} onChange={(e) => onChange(e.target.value)} placeholder={placeholder}
+        className="w-full bg-white/3 border border-white/8 rounded-lg px-3.5 py-2.5 text-sm text-foreground placeholder:text-muted-foreground/40 focus:outline-none focus:border-primary/50 focus:bg-primary/5 transition-all" />
+    </div>
+  );
+}
+
+function TextareaField({ label, value, onChange, rows = 3, placeholder }: {
+  label: string; value: string; onChange: (v: string) => void; rows?: number; placeholder?: string;
+}) {
+  return (
+    <div>
+      <div className="text-xs text-muted-foreground mb-1.5">{label}</div>
+      <textarea value={value} onChange={(e) => onChange(e.target.value)} rows={rows} placeholder={placeholder}
+        className="w-full bg-white/3 border border-white/8 rounded-lg px-3.5 py-2.5 text-sm text-foreground placeholder:text-muted-foreground/40 focus:outline-none focus:border-primary/50 focus:bg-primary/5 transition-all resize-none leading-relaxed" />
+    </div>
+  );
+}
diff --git a/src/pages/admin/ArticlesList.tsx b/src/pages/admin/ArticlesList.tsx
new file mode 100644
index 0000000..01ace92
--- /dev/null
+++ b/src/pages/admin/ArticlesList.tsx
@@ -0,0 +1,111 @@
+import { Link, useLocation } from "wouter";
+import { Plus, Pencil, Trash2, FileText } from "lucide-react";
+import AdminLayout from "./AdminLayout";
+import { useData } from "@/contexts/DataContext";
+
+export default function ArticlesList() {
+  const { articles, deleteArticle } = useData();
+  const [, navigate] = useLocation();
+
+  const handleDelete = (slug: string, titleZh: string) => {
+    if (!confirm(`确认删除文章「${titleZh}」？此操作无法撤销。`)) return;
+    deleteArticle(slug);
+  };
+
+  const sorted = [...articles].sort((a, b) => b.date.localeCompare(a.date));
+
+  return (
+    <AdminLayout>
+      <div className="px-8 py-10 max-w-5xl">
+        <div className="flex items-start justify-between mb-8">
+          <div>
+            <h1 className="font-['Syne',sans-serif] text-2xl font-bold text-foreground tracking-tight">
+              文章管理
+            </h1>
+            <p className="mt-1 text-sm text-muted-foreground">共 {articles.length} 篇文章 · 支持增删改</p>
+          </div>
+          <Link href="/admin/articles/new">
+            <button className="flex items-center gap-2 px-4 py-2.5 bg-primary text-black text-sm font-medium rounded-lg hover:bg-primary/90 transition-all">
+              <Plus size={14} />
+              新建文章
+            </button>
+          </Link>
+        </div>
+
+        <div className="rounded-xl border border-white/6 overflow-hidden">
+          <table className="w-full text-sm">
+            <thead>
+              <tr className="border-b border-white/6 bg-white/[0.02]">
+                <Th>标题</Th>
+                <Th>类别</Th>
+                <Th>日期</Th>
+                <Th>阅读时长</Th>
+                <Th align="right">操作</Th>
+              </tr>
+            </thead>
+            <tbody>
+              {sorted.length === 0 && (
+                <tr>
+                  <td colSpan={5} className="py-16 text-center">
+                    <FileText size={32} className="mx-auto mb-3 text-muted-foreground/30" />
+                    <p className="text-muted-foreground text-sm">暂无文章</p>
+                    <Link href="/admin/articles/new">
+                      <button className="mt-4 text-xs text-primary hover:text-primary/80 transition-colors">
+                        新建第一篇文章 →
+                      </button>
+                    </Link>
+                  </td>
+                </tr>
+              )}
+              {sorted.map((a, i) => (
+                <tr
+                  key={a.slug}
+                  className={`group hover:bg-white/[0.02] transition-colors ${
+                    i < sorted.length - 1 ? "border-b border-white/5" : ""
+                  }`}
+                >
+                  <td className="px-5 py-3.5">
+                    <div className="font-medium text-foreground truncate max-w-[260px]">{a.title[1]}</div>
+                    <div className="text-xs text-muted-foreground mt-0.5 truncate max-w-[260px]">{a.title[0]}</div>
+                  </td>
+                  <td className="px-5 py-3.5">
+                    <span className="px-2 py-0.5 rounded-full bg-primary/10 border border-primary/20 text-primary text-[10px] font-semibold tracking-wider whitespace-nowrap">
+                      {a.category[1]}
+                    </span>
+                  </td>
+                  <td className="px-5 py-3.5 text-muted-foreground text-xs whitespace-nowrap">{a.date}</td>
+                  <td className="px-5 py-3.5 text-muted-foreground text-xs whitespace-nowrap">{a.readMin} 分钟</td>
+                  <td className="px-5 py-3.5 text-right">
+                    <div className="flex items-center justify-end gap-2 opacity-0 group-hover:opacity-100 transition-opacity">
+                      <Link href={`/admin/articles/${a.slug}`}>
+                        <button className="flex items-center gap-1.5 px-3 py-1.5 text-xs border border-primary/30 text-primary rounded-lg hover:bg-primary/10 transition-all">
+                          <Pencil size={11} />
+                          编辑
+                        </button>
+                      </Link>
+                      <button
+                        onClick={() => handleDelete(a.slug, a.title[1])}
+                        className="flex items-center gap-1.5 px-3 py-1.5 text-xs border border-red-500/20 text-red-400 rounded-lg hover:bg-red-500/10 transition-all"
+                      >
+                        <Trash2 size={11} />
+                        删除
+                      </button>
+                    </div>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </AdminLayout>
+  );
+}
+
+function Th({ children, align = "left" }: { children: React.ReactNode; align?: "left" | "right" }) {
+  return (
+    <th className={`px-5 py-3 text-[10px] font-semibold tracking-widest uppercase text-muted-foreground text-${align}`}>
+      {children}
+    </th>
+  );
+}
diff --git a/src/pages/admin/Dashboard.tsx b/src/pages/admin/Dashboard.tsx
new file mode 100644
index 0000000..280f933
--- /dev/null
+++ b/src/pages/admin/Dashboard.tsx
@@ -0,0 +1,155 @@
+import { Link } from "wouter";
+import { Package, FileText, ArrowRight, TrendingUp } from "lucide-react";
+import AdminLayout from "./AdminLayout";
+import { useData } from "@/contexts/DataContext";
+import { ADMIN_PRODUCTS, CATEGORY_LABELS } from "@/data/adminProductsList";
+
+export default function Dashboard() {
+  const { articles } = useData();
+
+  const categoryCounts = ADMIN_PRODUCTS.reduce<Record<string, number>>((acc, p) => {
+    acc[p.category] = (acc[p.category] ?? 0) + 1;
+    return acc;
+  }, {});
+
+  const recentArticles = [...articles].sort((a, b) => b.date.localeCompare(a.date)).slice(0, 5);
+
+  return (
+    <AdminLayout>
+      <div className="px-8 py-10 max-w-5xl">
+        {/* Header */}
+        <div className="mb-10">
+          <h1 className="font-['Syne',sans-serif] text-2xl font-bold text-foreground tracking-tight">
+            仪表盘
+          </h1>
+          <p className="mt-1 text-sm text-muted-foreground">SineMedia 网站内容管理</p>
+        </div>
+
+        {/* Stat cards */}
+        <div className="grid grid-cols-3 gap-4 mb-10">
+          <StatCard
+            icon={Package}
+            label="产品总数"
+            value={ADMIN_PRODUCTS.length}
+            sub="跨 4 个产品类别"
+            href="/admin/products"
+          />
+          <StatCard
+            icon={FileText}
+            label="文章总数"
+            value={articles.length}
+            sub="中英双语"
+            href="/admin/articles"
+          />
+          <StatCard
+            icon={TrendingUp}
+            label="文章类别"
+            value={new Set(articles.map((a) => a.categoryKey)).size}
+            sub="内容分类"
+            href="/admin/articles"
+          />
+        </div>
+
+        {/* Products by category */}
+        <div className="mb-10">
+          <SectionTitle>产品分布</SectionTitle>
+          <div className="grid grid-cols-2 gap-3 mt-4">
+            {Object.entries(categoryCounts).map(([cat, count]) => (
+              <Link key={cat} href={`/admin/products?cat=${cat}`}>
+                <div className="group flex items-center justify-between px-5 py-4 rounded-xl border border-white/6 bg-white/[0.02] hover:border-primary/30 hover:bg-primary/5 transition-all cursor-pointer">
+                  <div>
+                    <div className="text-sm font-medium text-foreground">
+                      {CATEGORY_LABELS[cat]?.[1] ?? cat}
+                    </div>
+                    <div className="text-xs text-muted-foreground mt-0.5">
+                      {CATEGORY_LABELS[cat]?.[0] ?? cat}
+                    </div>
+                  </div>
+                  <div className="flex items-center gap-3">
+                    <span className="text-xl font-['Syne',sans-serif] font-bold text-primary">
+                      {count}
+                    </span>
+                    <ArrowRight size={14} className="text-muted-foreground group-hover:text-primary transition-colors" />
+                  </div>
+                </div>
+              </Link>
+            ))}
+          </div>
+        </div>
+
+        {/* Recent articles */}
+        <div>
+          <div className="flex items-center justify-between mb-4">
+            <SectionTitle>最新文章</SectionTitle>
+            <Link href="/admin/articles">
+              <span className="text-xs text-primary hover:text-primary/80 transition-colors cursor-pointer flex items-center gap-1">
+                查看全部 <ArrowRight size={11} />
+              </span>
+            </Link>
+          </div>
+          <div className="rounded-xl border border-white/6 overflow-hidden">
+            {recentArticles.length === 0 && (
+              <div className="py-10 text-center text-muted-foreground text-sm">暂无文章</div>
+            )}
+            {recentArticles.map((a, i) => (
+              <Link key={a.slug} href={`/admin/articles/${a.slug}`}>
+                <div
+                  className={`flex items-center justify-between px-5 py-3.5 hover:bg-white/3 transition-colors cursor-pointer ${
+                    i < recentArticles.length - 1 ? "border-b border-white/5" : ""
+                  }`}
+                >
+                  <div className="min-w-0">
+                    <div className="text-sm font-medium text-foreground truncate">{a.title[1]}</div>
+                    <div className="text-xs text-muted-foreground mt-0.5 truncate">{a.title[0]}</div>
+                  </div>
+                  <div className="flex items-center gap-4 shrink-0 ml-4">
+                    <span className="text-xs text-muted-foreground">{a.date}</span>
+                    <span className="px-2 py-0.5 rounded-full bg-primary/10 border border-primary/20 text-primary text-[10px] font-semibold tracking-wider">
+                      {a.category[1]}
+                    </span>
+                  </div>
+                </div>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </div>
+    </AdminLayout>
+  );
+}
+
+function StatCard({
+  icon: Icon,
+  label,
+  value,
+  sub,
+  href,
+}: {
+  icon: React.ElementType;
+  label: string;
+  value: number;
+  sub: string;
+  href: string;
+}) {
+  return (
+    <Link href={href}>
+      <div className="group p-5 rounded-xl border border-white/6 bg-white/[0.02] hover:border-primary/30 hover:bg-primary/5 transition-all cursor-pointer">
+        <div className="flex items-start justify-between mb-4">
+          <div className="p-2 rounded-lg bg-primary/10 border border-primary/20">
+            <Icon size={16} className="text-primary" />
+          </div>
+          <ArrowRight size={13} className="text-muted-foreground group-hover:text-primary transition-colors mt-1" />
+        </div>
+        <div className="text-3xl font-['Syne',sans-serif] font-bold text-foreground">{value}</div>
+        <div className="mt-1 text-sm font-medium text-foreground">{label}</div>
+        <div className="text-xs text-muted-foreground mt-0.5">{sub}</div>
+      </div>
+    </Link>
+  );
+}
+
+function SectionTitle({ children }: { children: React.ReactNode }) {
+  return (
+    <h2 className="text-xs font-semibold tracking-widest uppercase text-muted-foreground">{children}</h2>
+  );
+}
diff --git a/src/pages/admin/ProductEdit.tsx b/src/pages/admin/ProductEdit.tsx
new file mode 100644
index 0000000..daf71f2
--- /dev/null
+++ b/src/pages/admin/ProductEdit.tsx
@@ -0,0 +1,210 @@
+import { useState, useEffect } from "react";
+import { useRoute, useLocation } from "wouter";
+import { Save, RotateCcw, ArrowLeft, ExternalLink } from "lucide-react";
+import AdminLayout from "./AdminLayout";
+import { useData } from "@/contexts/DataContext";
+import { ADMIN_PRODUCTS } from "@/data/adminProductsList";
+
+export default function ProductEdit() {
+  const [, params] = useRoute("/admin/products/:id");
+  const [, navigate] = useLocation();
+  const id = params?.id ?? "";
+
+  const { products, saveProductPatch, resetProduct } = useData();
+  const product = products.find((p) => p.id === id);
+  const staticProduct = ADMIN_PRODUCTS.find((p) => p.id === id);
+
+  const [tagEn, setTagEn] = useState("");
+  const [tagZh, setTagZh] = useState("");
+  const [title, setTitle] = useState("");
+  const [subEn, setSubEn] = useState("");
+  const [subZh, setSubZh] = useState("");
+  const [descEn, setDescEn] = useState("");
+  const [descZh, setDescZh] = useState("");
+  const [saved, setSaved] = useState(false);
+
+  useEffect(() => {
+    if (!product) return;
+    setTagEn(product.tag[0]);
+    setTagZh(product.tag[1]);
+    setTitle(product.title);
+    setSubEn(product.subtitle[0]);
+    setSubZh(product.subtitle[1]);
+    setDescEn(product.desc[0]);
+    setDescZh(product.desc[1]);
+  }, [id, product?.id]);
+
+  if (!product || !staticProduct) {
+    return (
+      <AdminLayout>
+        <div className="px-8 py-20 text-center text-muted-foreground">产品不存在</div>
+      </AdminLayout>
+    );
+  }
+
+  const handleSave = () => {
+    saveProductPatch(id, {
+      tag: [tagEn, tagZh],
+      title,
+      subtitle: [subEn, subZh],
+      desc: [descEn, descZh],
+    });
+    setSaved(true);
+    setTimeout(() => setSaved(false), 2000);
+  };
+
+  const handleReset = () => {
+    if (!confirm("重置为默认内容？")) return;
+    resetProduct(id);
+    setTagEn(staticProduct.tag[0]);
+    setTagZh(staticProduct.tag[1]);
+    setTitle(staticProduct.title);
+    setSubEn(staticProduct.subtitle[0]);
+    setSubZh(staticProduct.subtitle[1]);
+    setDescEn(staticProduct.desc[0]);
+    setDescZh(staticProduct.desc[1]);
+  };
+
+  return (
+    <AdminLayout>
+      <div className="px-8 py-10 max-w-3xl">
+        {/* Header */}
+        <button
+          onClick={() => navigate("/admin/products")}
+          className="flex items-center gap-2 text-xs text-muted-foreground hover:text-foreground transition-colors mb-6"
+        >
+          <ArrowLeft size={13} />
+          产品列表
+        </button>
+
+        <div className="flex items-start justify-between mb-8">
+          <div>
+            <h1 className="font-['Syne',sans-serif] text-2xl font-bold text-foreground">
+              编辑产品
+            </h1>
+            <p className="mt-1 text-sm text-muted-foreground">
+              {product.categoryLabel[1]} · <code className="text-xs bg-white/5 px-1.5 py-0.5 rounded">{id}</code>
+            </p>
+          </div>
+          {product.href && (
+            <a
+              href={product.href}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors"
+            >
+              查看前台 <ExternalLink size={11} />
+            </a>
+          )}
+        </div>
+
+        <div className="space-y-6">
+          {/* Tag */}
+          <FieldGroup label="类别标签 Tag">
+            <div className="grid grid-cols-2 gap-3">
+              <Field label="English" value={tagEn} onChange={setTagEn} />
+              <Field label="中文" value={tagZh} onChange={setTagZh} />
+            </div>
+          </FieldGroup>
+
+          {/* Title */}
+          <FieldGroup label="产品名称 Title">
+            <Field label="名称（通用）" value={title} onChange={setTitle} />
+          </FieldGroup>
+
+          {/* Subtitle */}
+          <FieldGroup label="副标题 Subtitle">
+            <div className="grid grid-cols-1 gap-3">
+              <Field label="English" value={subEn} onChange={setSubEn} />
+              <Field label="中文" value={subZh} onChange={setSubZh} />
+            </div>
+          </FieldGroup>
+
+          {/* Description */}
+          <FieldGroup label="产品描述 Description">
+            <div className="grid grid-cols-1 gap-3">
+              <TextareaField label="English" value={descEn} onChange={setDescEn} rows={4} />
+              <TextareaField label="中文" value={descZh} onChange={setDescZh} rows={4} />
+            </div>
+          </FieldGroup>
+
+          {/* Note about image */}
+          <div className="px-4 py-3 rounded-lg border border-white/6 bg-white/[0.015] text-xs text-muted-foreground">
+            ※ 产品图片为系统固定导入资源，不支持在后台更换。如需更新图片，请联系技术团队替换静态资源文件。
+          </div>
+
+          {/* Actions */}
+          <div className="flex items-center gap-3 pt-2">
+            <button
+              onClick={handleSave}
+              className={`flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all ${
+                saved
+                  ? "bg-green-600/20 border border-green-600/30 text-green-400"
+                  : "bg-primary text-black hover:bg-primary/90"
+              }`}
+            >
+              <Save size={14} />
+              {saved ? "已保存 ✓" : "保存修改"}
+            </button>
+            <button
+              onClick={handleReset}
+              className="flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm border border-white/10 text-muted-foreground hover:border-white/20 hover:text-foreground transition-all"
+            >
+              <RotateCcw size={14} />
+              重置默认
+            </button>
+          </div>
+        </div>
+      </div>
+    </AdminLayout>
+  );
+}
+
+function FieldGroup({ label, children }: { label: string; children: React.ReactNode }) {
+  return (
+    <div>
+      <label className="block text-[10px] font-semibold tracking-widest uppercase text-muted-foreground mb-3">
+        {label}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+function Field({ label, value, onChange }: { label: string; value: string; onChange: (v: string) => void }) {
+  return (
+    <div>
+      <div className="text-xs text-muted-foreground mb-1.5">{label}</div>
+      <input
+        type="text"
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        className="w-full bg-white/3 border border-white/8 rounded-lg px-3.5 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:border-primary/50 focus:bg-primary/5 transition-all"
+      />
+    </div>
+  );
+}
+
+function TextareaField({
+  label,
+  value,
+  onChange,
+  rows = 3,
+}: {
+  label: string;
+  value: string;
+  onChange: (v: string) => void;
+  rows?: number;
+}) {
+  return (
+    <div>
+      <div className="text-xs text-muted-foreground mb-1.5">{label}</div>
+      <textarea
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        rows={rows}
+        className="w-full bg-white/3 border border-white/8 rounded-lg px-3.5 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:border-primary/50 focus:bg-primary/5 transition-all resize-none leading-relaxed"
+      />
+    </div>
+  );
+}
diff --git a/src/pages/admin/ProductsList.tsx b/src/pages/admin/ProductsList.tsx
new file mode 100644
index 0000000..93e4589
--- /dev/null
+++ b/src/pages/admin/ProductsList.tsx
@@ -0,0 +1,166 @@
+import { useState } from "react";
+import { Link, useSearch } from "wouter";
+import { Pencil, RotateCcw, Package } from "lucide-react";
+import AdminLayout from "./AdminLayout";
+import { useData } from "@/contexts/DataContext";
+import { CATEGORY_LABELS } from "@/data/adminProductsList";
+
+const CATS = ["all", "pro-audio", "commercial", "automotive", "dev-tools"] as const;
+const CAT_ZH: Record<string, string> = {
+  all: "全部",
+  "pro-audio": "专业音频",
+  commercial: "商业音响",
+  automotive: "汽车声学",
+  "dev-tools": "开发工具",
+};
+
+export default function ProductsList() {
+  const { products, resetProduct, resetAllProducts } = useData();
+  const search = useSearch();
+  const params = new URLSearchParams(search);
+  const initCat = params.get("cat") ?? "all";
+  const [cat, setCat] = useState(initCat);
+
+  const filtered = cat === "all" ? products : products.filter((p) => p.category === cat);
+
+  return (
+    <AdminLayout>
+      <div className="px-8 py-10 max-w-5xl">
+        <div className="flex items-start justify-between mb-8">
+          <div>
+            <h1 className="font-['Syne',sans-serif] text-2xl font-bold text-foreground tracking-tight">
+              产品管理
+            </h1>
+            <p className="mt-1 text-sm text-muted-foreground">
+              共 {products.length} 个产品 · 点击编辑可修改文字内容
+            </p>
+          </div>
+          <button
+            onClick={() => { if (confirm("重置所有产品文字为默认内容？")) resetAllProducts(); }}
+            className="flex items-center gap-2 px-4 py-2 text-xs text-muted-foreground border border-white/10 rounded-lg hover:border-white/20 hover:text-foreground transition-all"
+          >
+            <RotateCcw size={12} />
+            重置全部
+          </button>
+        </div>
+
+        {/* Category filter tabs */}
+        <div className="flex gap-1 mb-6 p-1 rounded-lg bg-white/3 border border-white/6 w-fit">
+          {CATS.map((c) => (
+            <button
+              key={c}
+              onClick={() => setCat(c)}
+              className={`px-4 py-1.5 rounded-md text-xs font-medium transition-all ${
+                cat === c
+                  ? "bg-primary text-black"
+                  : "text-muted-foreground hover:text-foreground"
+              }`}
+            >
+              {CAT_ZH[c]}
+            </button>
+          ))}
+        </div>
+
+        {/* Table */}
+        <div className="rounded-xl border border-white/6 overflow-hidden">
+          <table className="w-full text-sm">
+            <thead>
+              <tr className="border-b border-white/6 bg-white/[0.02]">
+                <Th>产品名称</Th>
+                <Th>类别标签</Th>
+                <Th>所属类目</Th>
+                <Th>状态</Th>
+                <Th align="right">操作</Th>
+              </tr>
+            </thead>
+            <tbody>
+              {filtered.map((p, i) => {
+                const isLast = i === filtered.length - 1;
+                return (
+                  <tr
+                    key={p.id}
+                    className={`group hover:bg-white/[0.02] transition-colors ${isLast ? "" : "border-b border-white/5"}`}
+                  >
+                    <td className="px-5 py-3.5">
+                      <div className="font-medium text-foreground">{p.title}</div>
+                      <div className="text-xs text-muted-foreground mt-0.5 truncate max-w-[200px]">
+                        {p.subtitle[1]}
+                      </div>
+                    </td>
+                    <td className="px-5 py-3.5">
+                      <span className="px-2 py-0.5 rounded-full bg-primary/10 border border-primary/20 text-primary text-[10px] font-semibold tracking-wider">
+                        {p.tag[1]}
+                      </span>
+                    </td>
+                    <td className="px-5 py-3.5 text-muted-foreground text-xs">
+                      {CATEGORY_LABELS[p.category]?.[1]}
+                    </td>
+                    <td className="px-5 py-3.5">
+                      <PatchIndicator id={p.id} />
+                    </td>
+                    <td className="px-5 py-3.5 text-right">
+                      <div className="flex items-center justify-end gap-2 opacity-0 group-hover:opacity-100 transition-opacity">
+                        <Link href={`/admin/products/${p.id}`}>
+                          <button className="flex items-center gap-1.5 px-3 py-1.5 text-xs border border-primary/30 text-primary rounded-lg hover:bg-primary/10 transition-all">
+                            <Pencil size={11} />
+                            编辑
+                          </button>
+                        </Link>
+                        <button
+                          onClick={() => resetProduct(p.id)}
+                          className="flex items-center gap-1.5 px-3 py-1.5 text-xs border border-white/10 text-muted-foreground rounded-lg hover:border-white/20 hover:text-foreground transition-all"
+                        >
+                          <RotateCcw size={11} />
+                          重置
+                        </button>
+                      </div>
+                    </td>
+                  </tr>
+                );
+              })}
+              {filtered.length === 0 && (
+                <tr>
+                  <td colSpan={5} className="py-16 text-center">
+                    <Package size={32} className="mx-auto mb-3 text-muted-foreground/30" />
+                    <p className="text-muted-foreground text-sm">该类别暂无产品</p>
+                  </td>
+                </tr>
+              )}
+            </tbody>
+          </table>
+        </div>
+
+        <p className="mt-4 text-xs text-muted-foreground">
+          ※ 产品图片为系统固定资源，如需更换请联系技术团队。文字修改即时保存于本地缓存，刷新页面后生效。
+        </p>
+      </div>
+    </AdminLayout>
+  );
+}
+
+function PatchIndicator({ id }: { id: string }) {
+  const { getProductPatch } = useData();
+  const patch = getProductPatch(id);
+  const hasChanges = Object.keys(patch).length > 0;
+  return hasChanges ? (
+    <span className="inline-flex items-center gap-1 text-[10px] text-amber-400">
+      <span className="w-1.5 h-1.5 rounded-full bg-amber-400" />
+      已修改
+    </span>
+  ) : (
+    <span className="inline-flex items-center gap-1 text-[10px] text-muted-foreground">
+      <span className="w-1.5 h-1.5 rounded-full bg-white/20" />
+      默认
+    </span>
+  );
+}
+
+function Th({ children, align = "left" }: { children: React.ReactNode; align?: "left" | "right" }) {
+  return (
+    <th
+      className={`px-5 py-3 text-[10px] font-semibold tracking-widest uppercase text-muted-foreground text-${align}`}
+    >
+      {children}
+    </th>
+  );
+}
diff --git a/src/pages/not-found.tsx b/src/pages/not-found.tsx
new file mode 100644
index 0000000..dba9f83
--- /dev/null
+++ b/src/pages/not-found.tsx
@@ -0,0 +1,21 @@
+import { Card, CardContent } from "@/components/ui/card";
+import { AlertCircle } from "lucide-react";
+
+export default function NotFound() {
+  return (
+    <div className="min-h-screen w-full flex items-center justify-center bg-gray-50">
+      <Card className="w-full max-w-md mx-4">
+        <CardContent className="pt-6">
+          <div className="flex mb-4 gap-2">
+            <AlertCircle className="h-8 w-8 text-red-500" />
+            <h1 className="text-2xl font-bold text-gray-900">404 Page Not Found</h1>
+          </div>
+
+          <p className="mt-4 text-sm text-gray-600">
+            Did you forget to add the page to the router?
+          </p>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/src/pages/products/Automotive.tsx b/src/pages/products/Automotive.tsx
new file mode 100644
index 0000000..d037462
--- /dev/null
+++ b/src/pages/products/Automotive.tsx
@@ -0,0 +1,252 @@
+import { motion } from "framer-motion";
+import { ArrowRight } from "lucide-react";
+import { Link } from "wouter";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+import imgImmersive  from "@/assets/automotive/immersive-audio.png";
+import imgAnc        from "@/assets/automotive/anc.png";
+import imgAiAudio    from "@/assets/automotive/ai-audio.png";
+import imgAmplifier  from "@/assets/automotive/amplifier.png";
+
+const fadeUp = {
+  hidden: { opacity: 0, y: 24 },
+  show:   { opacity: 1, y: 0, transition: { duration: 0.55, ease: "easeOut" as const } },
+};
+const stagger = { hidden: {}, show: { transition: { staggerChildren: 0.1 } } };
+
+interface Module {
+  tag: [string, string];
+  title: [string, string];
+  subtitle: [string, string];
+  desc: [string, string];
+  bullets: [string[], string[]];
+  img: string;
+}
+
+const MODULES: Module[] = [
+  {
+    tag: ["Full-Chain Audio", "全链路音频"],
+    title: ["Immersive Audio Pipeline", "沉浸式音频全链路"],
+    subtitle: ["ah8-studio · ah8-capture · ah8-cloud · ah8-player · ah8-amp", "制作 → 采集 → 云端 → 播放 → 功放"],
+    desc: [
+      "End-to-end NGA immersive audio pipeline from content creation to in-cabin playback. Covers ADM/BW64 studio production, AOIP/AES67 transmission, cloud streaming, and in-vehicle rendering — all governed by a unified metadata standard.",
+      "覆盖内容制作到车内播放的端到端 NGA 沉浸式音频链路。支持 ADM/BW64 制作工具、AOIP/AES67 传输、云端流媒体，以及车内渲染，全链路由统一元数据标准管控。",
+    ],
+    bullets: [
+      ["ADM / BW64 studio toolchain (ah8-studio)", "AOIP · AES67 · PTP clock sync (ah8-capture)", "Cloud streaming & codec service (ah8-cloud)", "Qt / Android in-vehicle player (ah8-player)"],
+      ["ADM/BW64 制作工具链（ah8-studio）", "AOIP · AES67 · PTP 时钟同步（ah8-capture）", "云端流媒体与编解码服务（ah8-cloud）", "Qt / Android 车载播放器（ah8-player）"],
+    ],
+    img: imgImmersive,
+  },
+  {
+    tag: ["ANC System", "主动降噪"],
+    title: ["Intelligent ANC", "智能主动降噪"],
+    subtitle: ["Traditional ANC · Soundfield ANC — dual-track parallel", "传统 ANC · 声场 ANC 双路并行"],
+    desc: [
+      "Dual-track active noise cancellation architecture: a mature RMK FPGA/HLS-based road noise suppression path, alongside an advanced soundfield ANC system using MDANC FPGA and sensor arrays for spatially differentiated in-cabin noise control.",
+      "双路主动降噪架构：成熟的基于 RMK FPGA/HLS 路噪抑制路径，以及采用 MDANC FPGA 与传感器阵列实现空间差异化降噪的声场 ANC 系统。",
+    ],
+    bullets: [
+      ["MCFxLMS algorithm on RMK FPGA/HLS (traditional ANC)", "MDANC FPGA + sensor arrays (soundfield ANC)", "A2B master station + coefficient loading", "Dual-track supports different vehicle configurations"],
+      ["MCFxLMS 算法，基于 RMK FPGA/HLS（传统 ANC）", "MDANC FPGA + 传感器阵列（声场 ANC）", "A2B 主站 + 系数装载", "双路并行，支持不同车型按需选配"],
+    ],
+    img: imgAnc,
+  },
+  {
+    tag: ["AI Processing", "AI 处理"],
+    title: ["AI Audio Intelligence", "AI 音频处理"],
+    subtitle: ["Demucs · LibTorch · Deep learning source separation", "深度学习音源分离推理引擎"],
+    desc: [
+      "Integrated Demucs + LibTorch deep learning inference engine for AI-powered audio source separation. Enables intelligent cockpit features such as voice isolation, content re-creation, and adaptive spatial rendering directly on the vehicle SoC.",
+      "集成 Demucs + LibTorch 深度学习推理引擎，支持 AI 音频源分离。可在车辆 SoC 上直接实现语音隔离、内容再创作与自适应空间渲染等智能座舱功能。",
+    ],
+    bullets: [
+      ["Demucs source separation with LibTorch runtime", "On-SoC inference — no cloud dependency", "Adaptive spatial re-rendering", "Flexible content re-creation for cockpit scenarios"],
+      ["Demucs 音源分离，LibTorch 运行时", "片上推理，无需云端依赖", "自适应空间重渲染", "灵活的内容再创作，服务智能座舱场景"],
+    ],
+    img: imgAiAudio,
+  },
+  {
+    tag: ["Amplifier DSP", "功放系统"],
+    title: ["Professional Amplifier System", "专业功放系统"],
+    subtitle: ["ah8-amp · FPGA · SPI/CAN board communication", "ah8-amp · FPGA · 板级 SPI/CAN 通信"],
+    desc: [
+      "Proprietary amplifier core system with GUI-based tuning tools, realtime audio processing service (EQ/Reverb algorithm library), and FPGA parameter configuration with SPI/CAN board-level communication. Industrial-grade stability for automotive production environments.",
+      "自研功放端核心系统，包含 GUI 调音工具、实时音频处理服务（EQ/Reverb 算法库）以及 FPGA 参数配置与板级 SPI/CAN 通信。面向汽车量产环境的工业级稳定性。",
+    ],
+    bullets: [
+      ["GUI tuning tool with realtime EQ/Reverb preview", "FPGA parameter config via SPI/CAN", "OTA tuning update support", "Zynq UltraScale+ & aDSP Hexagon platform"],
+      ["GUI 调音工具，实时 EQ/Reverb 预览", "通过 SPI/CAN 配置 FPGA 参数", "支持 OTA 调音升级", "Zynq UltraScale+ 与 aDSP Hexagon 平台"],
+    ],
+    img: imgAmplifier,
+  },
+];
+
+const SCENARIOS = [
+  { en: "In-cabin immersive audio playback", zh: "车内沉浸式音频播放", sub: ["制作 → 传输 → 渲染 → 功放 → 扬声器", "Production → Transmission → Rendering → Amp → Speaker"] },
+  { en: "Road & wind noise cancellation", zh: "路噪/风噪主动消除", sub: ["传感器采集 → ANC 算法 → FPGA 实时处理", "Sensor capture → ANC algorithm → FPGA realtime processing"] },
+  { en: "Cockpit voice interaction", zh: "智能座舱语音交互", sub: ["麦克风阵列 → 降噪 → 云端处理 → 功放", "Mic array → Denoising → Cloud → Amplifier"] },
+  { en: "OTA tuning upgrade", zh: "OTA 调音升级", sub: ["云端下发参数 → GUI 工具调校 → 实时生效", "Cloud push → GUI tuning → Instant apply"] },
+  { en: "Multi-vehicle platform adaptation", zh: "多车型平台化适配", sub: ["模块化架构，支持不同车型硬件组合", "Modular architecture for mixed hardware configurations"] },
+];
+
+function ModuleCard({ mod, reverse }: { mod: Module; reverse?: boolean }) {
+  const { t, language } = useLanguage();
+  return (
+    <motion.div
+      variants={fadeUp}
+      className={`group flex flex-col ${reverse ? "md:flex-row-reverse" : "md:flex-row"} rounded-2xl overflow-hidden border border-white/8 bg-zinc-900/40 hover:border-primary/30 transition-colors duration-300`}
+    >
+      {/* Image */}
+      <div className="relative md:w-5/12 h-56 md:h-auto overflow-hidden shrink-0">
+        <img
+          src={mod.img}
+          alt={t(mod.title[0], mod.title[1])}
+          className="w-full h-full object-cover opacity-80 group-hover:opacity-95 group-hover:scale-105 transition-all duration-500"
+        />
+        <div className={`absolute inset-0 hidden md:block bg-gradient-to-${reverse ? "l" : "r"} from-transparent to-zinc-900/70`} />
+        <div className="absolute inset-0 bg-gradient-to-t from-zinc-900/80 to-transparent md:hidden" />
+        <span className="absolute top-4 left-4 px-2.5 py-1 rounded-full bg-primary/20 border border-primary/30 text-primary text-[10px] font-bold tracking-widest uppercase">
+          {t(mod.tag[0], mod.tag[1])}
+        </span>
+      </div>
+
+      {/* Body */}
+      <div className="flex flex-col justify-center p-8 gap-3 flex-1">
+        <div>
+          <h3 className="font-syne text-2xl font-bold text-foreground">
+            {t(mod.title[0], mod.title[1])}
+          </h3>
+          <p className="text-primary/70 text-xs font-mono mt-1 tracking-wide">
+            {mod.subtitle[0]}
+          </p>
+        </div>
+        <p className="text-muted-foreground text-sm leading-relaxed max-w-lg">
+          {t(mod.desc[0], mod.desc[1])}
+        </p>
+        <ul className="space-y-1.5 mt-1">
+          {(language === "zh" ? mod.bullets[1] : mod.bullets[0]).map((b) => (
+            <li key={b} className="flex items-start gap-2 text-sm text-muted-foreground">
+              <span className="mt-1 w-1.5 h-1.5 rounded-full bg-primary/70 shrink-0" />
+              {b}
+            </li>
+          ))}
+        </ul>
+      </div>
+    </motion.div>
+  );
+}
+
+export default function Automotive() {
+  const { t } = useLanguage();
+
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden">
+      <Navbar />
+
+      {/* ── Hero ─────────────────────────────────────────────────── */}
+      <section className="relative pt-32 pb-20 overflow-hidden bg-[#0A0A0A]">
+        <div className="absolute inset-0">
+          <img
+            src={`${import.meta.env.BASE_URL}bg-automotive.jpg`}
+            alt=""
+            className="w-full h-full object-cover opacity-20 mix-blend-screen"
+          />
+          <div className="absolute inset-0 bg-gradient-to-b from-[#0A0A0A]/50 via-[#0A0A0A]/65 to-[#0A0A0A]" />
+        </div>
+        <div className="container relative z-10 px-6 max-w-5xl">
+          <motion.div initial="hidden" animate="show" variants={stagger}>
+            <motion.p variants={fadeUp} className="text-primary text-xs font-bold tracking-[0.2em] uppercase mb-4">
+              {t("Products / Automotive Acoustics", "产品 / 汽车声学")}
+            </motion.p>
+            <motion.h1 variants={fadeUp} className="font-syne text-5xl md:text-6xl font-bold text-foreground mb-4 leading-tight">
+              {t("Automotive Acoustics", "汽车声学")}
+            </motion.h1>
+            <motion.p variants={fadeUp} className="text-primary/80 text-sm font-mono tracking-widest mb-6">
+              NGA 车载智能音频系统
+            </motion.p>
+            <motion.p variants={fadeUp} className="text-muted-foreground text-lg md:text-xl max-w-2xl leading-relaxed">
+              {t(
+                "A full-stack in-vehicle audio system for next-generation intelligent connected vehicles — covering the complete loop from content production, cloud distribution, in-cabin playback, amplifier output, to active noise cancellation.",
+                "面向下一代智能网联汽车的全链路车载音频系统，覆盖内容制作、云端分发、终端播放、功放输出到主动降噪（ANC）的完整闭环。"
+              )}
+            </motion.p>
+          </motion.div>
+        </div>
+      </section>
+
+      {/* ── System overview strip ────────────────────────────────── */}
+      <div className="border-y border-white/6 bg-zinc-900/30">
+        <div className="container px-6 max-w-7xl mx-auto py-5">
+          <div className="flex flex-wrap gap-x-8 gap-y-2 justify-center">
+            {["ah8-studio", "ah8-capture", "ah8-cloud", "ah8-player", "ah8-amp", "ah8-anc", "ah8-Authentication"].map((m) => (
+              <span key={m} className="text-xs font-mono text-muted-foreground/60 hover:text-primary transition-colors">
+                {m}
+              </span>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      {/* ── Module section label ─────────────────────────────────── */}
+      <div className="container px-6 max-w-7xl mx-auto">
+        <div className="flex items-center gap-4 py-10">
+          <span className="h-px flex-1 bg-white/8" />
+          <span className="text-xs font-bold tracking-[0.2em] uppercase text-muted-foreground/60">
+            {t("Core Capabilities", "核心技术模块")} · {MODULES.length}
+          </span>
+          <span className="h-px flex-1 bg-white/8" />
+        </div>
+      </div>
+
+      {/* ── Module cards ─────────────────────────────────────────── */}
+      <section className="container px-6 max-w-5xl mx-auto pb-16">
+        <motion.div
+          className="flex flex-col gap-6"
+          initial="hidden"
+          whileInView="show"
+          viewport={{ once: true, amount: 0.05 }}
+          variants={stagger}
+        >
+          {MODULES.map((mod, i) => (
+            <ModuleCard key={mod.title[0]} mod={mod} reverse={i % 2 === 1} />
+          ))}
+        </motion.div>
+      </section>
+
+      {/* ── Application scenarios ────────────────────────────────── */}
+      <section className="container px-6 max-w-5xl mx-auto pb-28">
+        <div className="flex items-center gap-4 mb-10">
+          <span className="w-1 h-6 rounded-full bg-primary" />
+          <h2 className="font-syne text-xl font-bold text-foreground">
+            {t("Application Scenarios", "应用场景")}
+          </h2>
+        </div>
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+          {SCENARIOS.map((s) => (
+            <div key={s.en} className="rounded-xl border border-white/8 bg-zinc-900/30 p-5 hover:border-primary/25 transition-colors">
+              <p className="text-sm font-semibold text-foreground mb-1">{t(s.en, s.zh)}</p>
+              <p className="text-xs text-muted-foreground/60 font-mono leading-relaxed">
+                {t(s.sub[1], s.sub[0])}
+              </p>
+            </div>
+          ))}
+        </div>
+
+        <div className="mt-12 flex justify-center">
+          <Link
+            href="/nga"
+            className="inline-flex items-center gap-2.5 px-8 py-3.5 rounded-full bg-primary text-black font-bold text-sm tracking-wide hover:bg-primary/90 transition-colors"
+          >
+            {t("Explore NGA Platform", "探索 NGA 平台")}
+            <ArrowRight className="w-4 h-4" />
+          </Link>
+        </div>
+      </section>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/products/Commercial.tsx b/src/pages/products/Commercial.tsx
new file mode 100644
index 0000000..a8602a3
--- /dev/null
+++ b/src/pages/products/Commercial.tsx
@@ -0,0 +1,207 @@
+import { motion } from "framer-motion";
+import { ArrowRight } from "lucide-react";
+import { Link } from "wouter";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+import imgSoundbar  from "@/assets/commercial/soundbar.png";
+import imgTvNga     from "@/assets/commercial/tv-nga.png";
+import imgNgaPlayer from "@/assets/commercial/nga-player.png";
+
+const fadeUp = {
+  hidden: { opacity: 0, y: 24 },
+  show:   { opacity: 1, y: 0, transition: { duration: 0.55, ease: "easeOut" as const } },
+};
+const stagger = {
+  hidden: {},
+  show: { transition: { staggerChildren: 0.1 } },
+};
+
+interface Product {
+  tag: [string, string];
+  title: [string, string];
+  subtitle: [string, string];
+  desc: [string, string];
+  features: [string[], string[]];
+  img: string;
+  href: string;
+  cta: [string, string];
+}
+
+const PRODUCTS: Product[] = [
+  {
+    tag: ["Spatial Audio", "空间音频"],
+    title: ["NGA Sound Bar", "NGA Sound Bar"],
+    subtitle: ["Immersive Audio for the Living Room", "客厅沉浸式音频解决方案"],
+    desc: [
+      "A soundbar built natively for the NGA spatial audio format — delivering object-based 3D audio without a traditional surround speaker array. Calibrated with SineMedia DSP algorithms for consistent performance across room acoustics.",
+      "原生支持 NGA 空间音频格式的 Sound Bar，无需传统环绕音箱阵列即可实现基于对象的三维音频。内置赛因芯微 DSP 算法，跨房间声学场景保持一致性能。",
+    ],
+    features: [
+      ["NGA object-based audio playback", "Onboard DSP with SineMedia algorithms", "Seamless TV ARC / eARC integration", "OTA tuning update support"],
+      ["NGA 对象音频原生播放", "内置赛因芯微 DSP 算法", "TV ARC/eARC 无缝接入", "支持 OTA 调音升级"],
+    ],
+    img: imgSoundbar,
+    href: "/nga",
+    cta: ["NGA Platform", "NGA 平台"],
+  },
+  {
+    tag: ["TV Solution", "电视解决方案"],
+    title: ["NGA TV Solution", "电视机 NGA 解决方案"],
+    subtitle: ["Next-Gen Audio Built Into the Display", "内置下一代音频的显示终端"],
+    desc: [
+      "An end-to-end NGA integration solution for television OEMs — covering decoder SDK, renderer, amplifier DSP, and metadata passthrough. Enables true spatial audio from streaming content without external hardware.",
+      "面向电视 OEM 的端到端 NGA 集成方案，涵盖解码 SDK、渲染器、功放 DSP 与元数据直通，无需外部硬件即可从流媒体内容中获得真正的空间音频体验。",
+    ],
+    features: [
+      ["NGA decoder + renderer SDK", "Built-in amplifier DSP integration", "Metadata-aware adaptive EQ", "Android TV & embedded Linux support"],
+      ["NGA 解码器 + 渲染 SDK", "内置功放 DSP 集成", "元数据感知自适应 EQ", "Android TV 与嵌入式 Linux 支持"],
+    ],
+    img: imgTvNga,
+    href: "/nga",
+    cta: ["NGA Platform", "NGA 平台"],
+  },
+  {
+    tag: ["Player App", "播放器应用"],
+    title: ["NGA Video Player", "NGA 视频播放器"],
+    subtitle: ["Desktop & Mobile Spatial Audio Playback", "桌面与移动端空间音频播放"],
+    desc: [
+      "A cross-platform NGA-native video player supporting Windows, macOS, Linux, and Android. Plays NGA-encoded content with full spatial audio rendering, waveform visualization, and metadata inspection tools.",
+      "跨平台 NGA 原生视频播放器，支持 Windows、macOS、Linux 与 Android。完整渲染 NGA 编码内容的空间音频，内置波形可视化与元数据检视工具。",
+    ],
+    features: [
+      ["NGA spatial audio rendering", "Windows / macOS / Linux / Android", "Waveform + metadata visualization", "ADM & BW64 format support"],
+      ["NGA 空间音频渲染", "Windows / macOS / Linux / Android", "波形 + 元数据可视化", "ADM & BW64 格式支持"],
+    ],
+    img: imgNgaPlayer,
+    href: "/nga",
+    cta: ["NGA Platform", "NGA 平台"],
+  },
+];
+
+function FeatureList({ items }: { items: string[] }) {
+  return (
+    <ul className="space-y-1.5 mt-3">
+      {items.map((item) => (
+        <li key={item} className="flex items-start gap-2 text-sm text-muted-foreground">
+          <span className="mt-1 w-1.5 h-1.5 rounded-full bg-primary/70 shrink-0" />
+          {item}
+        </li>
+      ))}
+    </ul>
+  );
+}
+
+function ProductCard({ product }: { product: Product }) {
+  const { t, language } = useLanguage();
+  return (
+    <motion.article
+      variants={fadeUp}
+      className="group flex flex-col md:flex-row rounded-2xl overflow-hidden border border-white/8 bg-zinc-900/40 hover:border-primary/30 transition-colors duration-300"
+    >
+      {/* Image */}
+      <div className="relative md:w-2/5 h-56 md:h-auto overflow-hidden shrink-0">
+        <img
+          src={product.img}
+          alt={t(product.title[0], product.title[1])}
+          className="w-full h-full object-cover opacity-75 group-hover:opacity-90 group-hover:scale-105 transition-all duration-500"
+        />
+        <div className="absolute inset-0 bg-gradient-to-r from-transparent to-zinc-900/60 hidden md:block" />
+        <div className="absolute inset-0 bg-gradient-to-t from-zinc-900/80 to-transparent md:hidden" />
+        <span className="absolute top-4 left-4 px-2.5 py-1 rounded-full bg-primary/20 border border-primary/30 text-primary text-[10px] font-bold tracking-widest uppercase">
+          {t(product.tag[0], product.tag[1])}
+        </span>
+      </div>
+
+      {/* Body */}
+      <div className="flex flex-col justify-center p-8 gap-3 flex-1">
+        <div>
+          <h3 className="font-syne text-2xl font-bold text-foreground">
+            {t(product.title[0], product.title[1])}
+          </h3>
+          <p className="text-primary/80 text-sm font-medium mt-1">
+            {t(product.subtitle[0], product.subtitle[1])}
+          </p>
+        </div>
+        <p className="text-muted-foreground text-sm leading-relaxed max-w-lg">
+          {t(product.desc[0], product.desc[1])}
+        </p>
+        <FeatureList items={language === "zh" ? product.features[1] : product.features[0]} />
+        <Link
+          href={product.href}
+          className="inline-flex items-center gap-2 text-sm font-semibold text-primary hover:text-primary/80 transition-colors mt-2 group/link w-fit"
+        >
+          {t(product.cta[0], product.cta[1])}
+          <ArrowRight className="w-3.5 h-3.5 group-hover/link:translate-x-0.5 transition-transform" />
+        </Link>
+      </div>
+    </motion.article>
+  );
+}
+
+export default function Commercial() {
+  const { t } = useLanguage();
+
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden">
+      <Navbar />
+
+      {/* ── Hero ─────────────────────────────────────────────────── */}
+      <section className="relative pt-32 pb-20 overflow-hidden bg-[#0A0A0A]">
+        <div className="absolute inset-0">
+          <img
+            src={`${import.meta.env.BASE_URL}bg-commercial.png`}
+            alt=""
+            className="w-full h-full object-cover opacity-30"
+          />
+          <div className="absolute inset-0 bg-gradient-to-b from-[#0A0A0A]/60 via-[#0A0A0A]/70 to-[#0A0A0A]" />
+        </div>
+        <div className="container relative z-10 px-6 max-w-5xl">
+          <motion.div initial="hidden" animate="show" variants={stagger}>
+            <motion.p variants={fadeUp} className="text-primary text-xs font-bold tracking-[0.2em] uppercase mb-4">
+              {t("Products / Commercial AV", "产品 / 商业音响")}
+            </motion.p>
+            <motion.h1 variants={fadeUp} className="font-syne text-5xl md:text-6xl font-bold text-foreground mb-6 leading-tight">
+              {t("Commercial AV", "商业音响")}
+            </motion.h1>
+            <motion.p variants={fadeUp} className="text-muted-foreground text-lg md:text-xl max-w-2xl leading-relaxed">
+              {t(
+                "NGA-native consumer and commercial audio products — from living-room soundbars to TV OEM integration and cross-platform media players.",
+                "原生 NGA 音频消费与商业产品线，从客厅 Sound Bar 到电视 OEM 集成方案与跨平台媒体播放器，一体覆盖。"
+              )}
+            </motion.p>
+          </motion.div>
+        </div>
+      </section>
+
+      {/* ── Divider ──────────────────────────────────────────────── */}
+      <div className="container px-6 max-w-7xl mx-auto">
+        <div className="flex items-center gap-4 py-10">
+          <span className="h-px flex-1 bg-white/8" />
+          <span className="text-xs font-bold tracking-[0.2em] uppercase text-muted-foreground/60">
+            {t("All Products", "全部产品")} · {PRODUCTS.length}
+          </span>
+          <span className="h-px flex-1 bg-white/8" />
+        </div>
+      </div>
+
+      {/* ── Product list ─────────────────────────────────────────── */}
+      <section className="container px-6 max-w-5xl mx-auto pb-28">
+        <motion.div
+          className="flex flex-col gap-6"
+          initial="hidden"
+          whileInView="show"
+          viewport={{ once: true, amount: 0.05 }}
+          variants={stagger}
+        >
+          {PRODUCTS.map((p) => (
+            <ProductCard key={p.title[0]} product={p} />
+          ))}
+        </motion.div>
+      </section>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/products/DevTools.tsx b/src/pages/products/DevTools.tsx
new file mode 100644
index 0000000..34c7a7b
--- /dev/null
+++ b/src/pages/products/DevTools.tsx
@@ -0,0 +1,207 @@
+import { motion } from "framer-motion";
+import { ArrowRight, ExternalLink } from "lucide-react";
+import { Link } from "wouter";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+import imgSineKniter  from "@/assets/screenshots/06-crossover.jpg";
+import imgSineFlow    from "@/assets/screenshots/re-07-step4.jpg";
+import imgSpeakerDes  from "@/assets/screenshots/01-box-designer.jpg";
+
+const fadeUp = {
+  hidden: { opacity: 0, y: 24 },
+  show:   { opacity: 1, y: 0, transition: { duration: 0.55, ease: "easeOut" as const } },
+};
+const stagger = { hidden: {}, show: { transition: { staggerChildren: 0.12 } } };
+
+interface Tool {
+  tag: [string, string];
+  title: string;
+  subtitle: [string, string];
+  desc: [string, string];
+  bullets: [string[], string[]];
+  img: string;
+  href: string;
+  cta: [string, string];
+  external?: boolean;
+}
+
+const TOOLS: Tool[] = [
+  {
+    tag: ["Audio IDE", "音频集成开发环境"],
+    title: "SineKniter",
+    subtitle: ["Intelligent Audio Programming Environment", "智能音频编程环境"],
+    desc: [
+      "A professional-grade audio IDE engineered for four major DSP hardware platforms. Combines AI-assisted coding, realtime on-device debugging, and native SineFlow integration — reducing DSP algorithm development cycles from weeks to days.",
+      "专为四大 DSP 硬件平台打造的专业音频集成开发环境，融合 AI 辅助编码、实时片上调试与原生 SineFlow 集成，将 DSP 算法开发周期从数周压缩至数天。",
+    ],
+    bullets: [
+      ["AI coding assistant with audio domain knowledge", "Realtime on-device debugging & profiling", "Native SineFlow workflow integration", "Support for 4 major DSP hardware platforms"],
+      ["具备音频领域知识的 AI 编码助手", "实时片上调试与性能分析", "原生 SineFlow 工作流集成", "支持四大主流 DSP 硬件平台"],
+    ],
+    img: imgSineKniter,
+    href: "/sinekniter",
+    cta: ["Explore SineKniter", "探索 SineKniter"],
+  },
+  {
+    tag: ["AI Workflow", "AI 工作流引擎"],
+    title: "SineFlow",
+    subtitle: ["Intelligent DSP Tuning Engine", "智能 DSP 调音引擎"],
+    desc: [
+      "From acoustic measurement to production-ready filter deployment in 1–2 minutes. SineFlow automates the full DSP tuning workflow using embedded AI models trained on acoustic physics — eliminating manual iteration and reducing engineering cost.",
+      "从声学测量到产线级滤波器部署仅需 1–2 分钟。SineFlow 以内嵌声学物理 AI 模型驱动完整的 DSP 调音工作流，消除手工迭代，大幅降低工程成本。",
+    ],
+    bullets: [
+      ["End-to-end automated DSP tuning pipeline", "Physics-trained AI models for acoustic optimization", "5-step guided workflow with live SPL preview", "Production-export compatible with SINE DSP targets"],
+      ["端到端自动化 DSP 调音流水线", "声学物理训练的 AI 优化模型", "5 步引导工作流，实时 SPL 预览", "生产导出兼容 SINE DSP 目标平台"],
+    ],
+    img: imgSineFlow,
+    href: "/sineflow",
+    cta: ["Explore SineFlow", "探索 SineFlow"],
+  },
+  {
+    tag: ["Design Tool", "扬声器设计工具"],
+    title: "Speaker Designer",
+    subtitle: ["Physics-Based Loudspeaker Simulation", "基于物理的扬声器仿真"],
+    desc: [
+      "A browser-based loudspeaker system design platform covering enclosure modeling, crossover synthesis, and resonance optimization. Built on Thiele/Small and Beranek acoustics, delivering verified FIR exports ready for direct SINE DSP deployment.",
+      "基于浏览器的扬声器系统设计平台，涵盖箱体建模、分频合成与谐振优化。建立于 Thiele/Small 与 Beranek 声学理论之上，输出经验证的 FIR 文件，可直接部署至 SINE DSP。",
+    ],
+    bullets: [
+      ["T/S parameter-based enclosure & porting design", "Multi-way crossover synthesis with phase correction", "Resonance optimization via FIR filters", "WAV / coefficient export for SINE DSP targets"],
+      ["基于 T/S 参数的箱体与导相孔设计", "含相位校正的多路分频合成", "通过 FIR 滤波器进行谐振优化", "WAV / 系数导出，兼容 SINE DSP 目标"],
+    ],
+    img: imgSpeakerDes,
+    href: "/speaker-designer",
+    cta: ["Open tool", "打开工具"],
+  },
+];
+
+function ToolCard({ tool }: { tool: Tool }) {
+  const { t, language } = useLanguage();
+  return (
+    <motion.article
+      variants={fadeUp}
+      className="group relative flex flex-col rounded-2xl overflow-hidden border border-white/8 bg-zinc-900/40 hover:border-primary/30 transition-colors duration-300"
+    >
+      {/* Image */}
+      <div className="relative h-52 overflow-hidden">
+        <img
+          src={tool.img}
+          alt={tool.title}
+          className="w-full h-full object-cover opacity-65 group-hover:opacity-85 group-hover:scale-105 transition-all duration-500"
+        />
+        <div className="absolute inset-0 bg-gradient-to-t from-zinc-900 via-zinc-900/20 to-transparent" />
+        <span className="absolute top-4 left-4 px-2.5 py-1 rounded-full bg-primary/20 border border-primary/30 text-primary text-[10px] font-bold tracking-widest uppercase">
+          {t(tool.tag[0], tool.tag[1])}
+        </span>
+      </div>
+
+      {/* Body */}
+      <div className="flex flex-col flex-1 p-6 gap-3">
+        <div>
+          <h3 className="font-syne text-xl font-bold text-foreground">{tool.title}</h3>
+          <p className="text-primary/80 text-sm font-medium mt-0.5">
+            {t(tool.subtitle[0], tool.subtitle[1])}
+          </p>
+        </div>
+        <p className="text-muted-foreground text-sm leading-relaxed">
+          {t(tool.desc[0], tool.desc[1])}
+        </p>
+        <ul className="space-y-1.5 mt-1 flex-1">
+          {(language === "zh" ? tool.bullets[1] : tool.bullets[0]).map((b) => (
+            <li key={b} className="flex items-start gap-2 text-xs text-muted-foreground/80">
+              <span className="mt-1 w-1 h-1 rounded-full bg-primary/60 shrink-0" />
+              {b}
+            </li>
+          ))}
+        </ul>
+
+        {tool.external ? (
+          <a
+            href={tool.href}
+            className="inline-flex items-center gap-2 text-sm font-semibold text-primary hover:text-primary/80 transition-colors mt-3 group/link"
+          >
+            {t(tool.cta[0], tool.cta[1])}
+            <ExternalLink className="w-3.5 h-3.5" />
+          </a>
+        ) : (
+          <Link
+            href={tool.href}
+            className="inline-flex items-center gap-2 text-sm font-semibold text-primary hover:text-primary/80 transition-colors mt-3 group/link"
+          >
+            {t(tool.cta[0], tool.cta[1])}
+            <ArrowRight className="w-3.5 h-3.5 group-hover/link:translate-x-0.5 transition-transform" />
+          </Link>
+        )}
+      </div>
+    </motion.article>
+  );
+}
+
+export default function DevTools() {
+  const { t } = useLanguage();
+
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden">
+      <Navbar />
+
+      {/* ── Hero ─────────────────────────────────────────────────── */}
+      <section className="relative pt-32 pb-20 overflow-hidden bg-[#0A0A0A]">
+        <div className="absolute inset-0">
+          <img
+            src={`${import.meta.env.BASE_URL}bg-dev-tools.png`}
+            alt=""
+            className="w-full h-full object-cover opacity-30"
+          />
+          <div className="absolute inset-0 bg-gradient-to-b from-[#0A0A0A]/60 via-[#0A0A0A]/70 to-[#0A0A0A]" />
+        </div>
+        <div className="container relative z-10 px-6 max-w-5xl">
+          <motion.div initial="hidden" animate="show" variants={stagger}>
+            <motion.p variants={fadeUp} className="text-primary text-xs font-bold tracking-[0.2em] uppercase mb-4">
+              {t("Products / Developer Tools", "产品 / 开发工具")}
+            </motion.p>
+            <motion.h1 variants={fadeUp} className="font-syne text-5xl md:text-6xl font-bold text-foreground mb-6 leading-tight">
+              {t("Developer Tools", "开发工具")}
+            </motion.h1>
+            <motion.p variants={fadeUp} className="text-muted-foreground text-lg md:text-xl max-w-2xl leading-relaxed">
+              {t(
+                "The full SineMedia development toolkit — an IDE, an AI tuning engine, and a physics-based speaker design platform — built to accelerate the entire audio engineering workflow.",
+                "完整的赛因芯微开发工具集——集成开发环境、AI 调音引擎与基于物理的扬声器设计平台，共同加速完整的音频工程工作流。"
+              )}
+            </motion.p>
+          </motion.div>
+        </div>
+      </section>
+
+      {/* ── Divider ──────────────────────────────────────────────── */}
+      <div className="container px-6 max-w-7xl mx-auto">
+        <div className="flex items-center gap-4 py-10">
+          <span className="h-px flex-1 bg-white/8" />
+          <span className="text-xs font-bold tracking-[0.2em] uppercase text-muted-foreground/60">
+            {t("All Tools", "全部工具")} · {TOOLS.length}
+          </span>
+          <span className="h-px flex-1 bg-white/8" />
+        </div>
+      </div>
+
+      {/* ── Tool grid ────────────────────────────────────────────── */}
+      <section className="container px-6 max-w-6xl mx-auto pb-28">
+        <motion.div
+          className="grid grid-cols-1 md:grid-cols-3 gap-6"
+          initial="hidden"
+          whileInView="show"
+          viewport={{ once: true, amount: 0.1 }}
+          variants={stagger}
+        >
+          {TOOLS.map((tool) => (
+            <ToolCard key={tool.title} tool={tool} />
+          ))}
+        </motion.div>
+      </section>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/pages/products/ProAudio.tsx b/src/pages/products/ProAudio.tsx
new file mode 100644
index 0000000..4e41791
--- /dev/null
+++ b/src/pages/products/ProAudio.tsx
@@ -0,0 +1,220 @@
+import { motion } from "framer-motion";
+import { ArrowRight, ExternalLink } from "lucide-react";
+import { Link } from "wouter";
+import { useLanguage } from "@/contexts/LanguageContext";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+
+import imgArray      from "@/assets/screenshots/02-array.jpg";
+import imgCrossover  from "@/assets/screenshots/06-crossover.jpg";
+import imgBoxDesign  from "@/assets/screenshots/01-box-designer.jpg";
+import imgReStep4    from "@/assets/screenshots/re-07-step4.jpg";
+
+const fadeUp = {
+  hidden: { opacity: 0, y: 24 },
+  show:   { opacity: 1, y: 0, transition: { duration: 0.55, ease: "easeOut" as const } },
+};
+
+const stagger = {
+  hidden: {},
+  show: { transition: { staggerChildren: 0.1 } },
+};
+
+interface Product {
+  tag: [string, string];
+  title: string;
+  subtitle: [string, string];
+  desc: [string, string];
+  img: string;
+  href: string;
+  cta: [string, string];
+  external?: boolean;
+}
+
+const PRODUCTS: Product[] = [
+  {
+    tag: ["Flagship SoC", "旗舰芯片"],
+    title: "SAP 7100X",
+    subtitle: ["AI Audio Processor", "AI 音频处理器"],
+    desc: [
+      "128-channel fully parallel audio processing engine built on SINE DSP architecture. Handles beamforming, spatial rendering, and realtime AI inference within a single-chip solution.",
+      "基于 SINE DSP 架构的 128 通道全并行音频处理引擎，集成波束成形、空间渲染与实时 AI 推理，单芯片覆盖完整专业音频信号链。",
+    ],
+    img: imgArray,
+    href: "/audio-landing/",
+    cta: ["Technical specs", "技术规格"],
+    external: true,
+  },
+  {
+    tag: ["AI Workflow", "AI 工作流"],
+    title: "SineFlow",
+    subtitle: ["Intelligent Tuning Engine", "智能调音引擎"],
+    desc: [
+      "From acoustic measurement to production-ready filter deployment in 1–2 minutes. SineFlow automates the end-to-end DSP tuning workflow using embedded AI models trained on acoustic physics.",
+      "从声学测量到产线级滤波器部署仅需 1–2 分钟。SineFlow 以内嵌声学物理 AI 模型驱动端到端调音工作流，消除手工迭代。",
+    ],
+    img: imgReStep4,
+    href: "/sineflow",
+    cta: ["Explore SineFlow", "探索 SineFlow"],
+  },
+  {
+    tag: ["Audio IDE", "音频 IDE"],
+    title: "SineKniter",
+    subtitle: ["Intelligent Audio Programming", "智能音频编程环境"],
+    desc: [
+      "A professional audio IDE built for four major DSP hardware platforms. Combines AI-assisted coding, realtime on-device debugging, and native SineFlow integration for rapid algorithm development.",
+      "专为四大 DSP 硬件平台打造的专业音频集成开发环境，融合 AI 辅助编码、实时片上调试与原生 SineFlow 集成，大幅加速算法开发周期。",
+    ],
+    img: imgCrossover,
+    href: "/sinekniter",
+    cta: ["Explore SineKniter", "探索 SineKniter"],
+  },
+  {
+    tag: ["Design Tool", "设计工具"],
+    title: "Speaker Designer",
+    subtitle: ["Loudspeaker System Design", "扬声器系统设计工具"],
+    desc: [
+      "Physics-grounded loudspeaker simulation covering enclosure design, crossover synthesis, and resonance optimization. Delivers verified FIR exports ready for SINE DSP deployment.",
+      "基于声学物理的扬声器仿真平台，涵盖箱体设计、分频合成与谐振优化，输出经验证的 FIR 滤波器文件，可直接部署至 SINE DSP。",
+    ],
+    img: imgBoxDesign,
+    href: "/speaker-designer",
+    cta: ["Open tool", "打开工具"],
+  },
+];
+
+function ProductCard({ product }: { product: Product }) {
+  const { t } = useLanguage();
+  const isExternal = product.external;
+
+  return (
+    <motion.article
+      variants={fadeUp}
+      className="group relative flex flex-col rounded-2xl overflow-hidden border border-white/8 bg-zinc-900/50 hover:border-primary/30 transition-colors duration-300"
+    >
+      {/* Image */}
+      <div className="relative h-52 overflow-hidden">
+        <img
+          src={product.img}
+          alt={product.title}
+          className="w-full h-full object-cover opacity-70 group-hover:opacity-90 group-hover:scale-105 transition-all duration-500"
+        />
+        <div className="absolute inset-0 bg-gradient-to-t from-zinc-900 via-zinc-900/20 to-transparent" />
+        <span className="absolute top-4 left-4 px-2.5 py-1 rounded-full bg-primary/20 border border-primary/30 text-primary text-[11px] font-semibold tracking-widest uppercase">
+          {t(product.tag[0], product.tag[1])}
+        </span>
+      </div>
+
+      {/* Body */}
+      <div className="flex flex-col flex-1 p-6 gap-3">
+        <div>
+          <h3 className="font-syne text-xl font-bold text-foreground">{product.title}</h3>
+          <p className="text-primary/80 text-sm font-medium mt-0.5">
+            {t(product.subtitle[0], product.subtitle[1])}
+          </p>
+        </div>
+        <p className="text-muted-foreground text-sm leading-relaxed flex-1">
+          {t(product.desc[0], product.desc[1])}
+        </p>
+
+        {isExternal ? (
+          <a
+            href={product.href}
+            className="inline-flex items-center gap-2 text-sm font-semibold text-primary hover:text-primary/80 transition-colors mt-2 group/link"
+          >
+            {t(product.cta[0], product.cta[1])}
+            <ExternalLink className="w-3.5 h-3.5 group-hover/link:translate-x-0.5 transition-transform" />
+          </a>
+        ) : (
+          <Link
+            href={product.href}
+            className="inline-flex items-center gap-2 text-sm font-semibold text-primary hover:text-primary/80 transition-colors mt-2 group/link"
+          >
+            {t(product.cta[0], product.cta[1])}
+            <ArrowRight className="w-3.5 h-3.5 group-hover/link:translate-x-0.5 transition-transform" />
+          </Link>
+        )}
+      </div>
+    </motion.article>
+  );
+}
+
+export default function ProAudio() {
+  const { t } = useLanguage();
+
+  return (
+    <div className="bg-background min-h-screen text-foreground overflow-x-hidden">
+      <Navbar />
+
+      {/* ── Hero ─────────────────────────────────────────────────── */}
+      <section className="relative pt-32 pb-20 overflow-hidden bg-[#0A0A0A]">
+        <div className="absolute inset-0">
+          <img
+            src={`${import.meta.env.BASE_URL}bg-pro-audio.png`}
+            alt=""
+            className="w-full h-full object-cover opacity-30"
+          />
+          <div className="absolute inset-0 bg-gradient-to-b from-[#0A0A0A]/60 via-[#0A0A0A]/70 to-[#0A0A0A]" />
+        </div>
+
+        <div className="container relative z-10 px-6 max-w-5xl">
+          <motion.div
+            initial="hidden"
+            animate="show"
+            variants={stagger}
+          >
+            <motion.p
+              variants={fadeUp}
+              className="text-primary text-xs font-bold tracking-[0.2em] uppercase mb-4"
+            >
+              {t("Products / Professional Audio", "产品 / 专业音频")}
+            </motion.p>
+            <motion.h1
+              variants={fadeUp}
+              className="font-syne text-5xl md:text-6xl font-bold text-foreground mb-6 leading-tight"
+            >
+              {t("Professional Audio", "专业音频")}
+            </motion.h1>
+            <motion.p
+              variants={fadeUp}
+              className="text-muted-foreground text-lg md:text-xl max-w-2xl leading-relaxed"
+            >
+              {t(
+                "A full-stack professional audio product line — from silicon to software — engineered for studios, concert systems, and broadcast production.",
+                "从芯片到软件的完整专业音频产品线，面向录音室、演出系统与广播制作场景精心打造。"
+              )}
+            </motion.p>
+          </motion.div>
+        </div>
+      </section>
+
+      {/* ── Divider label ────────────────────────────────────────── */}
+      <div className="container px-6 max-w-7xl mx-auto">
+        <div className="flex items-center gap-4 py-10">
+          <span className="h-px flex-1 bg-white/8" />
+          <span className="text-xs font-bold tracking-[0.2em] uppercase text-muted-foreground/60">
+            {t("All Products", "全部产品")} · {PRODUCTS.length}
+          </span>
+          <span className="h-px flex-1 bg-white/8" />
+        </div>
+      </div>
+
+      {/* ── Product grid ─────────────────────────────────────────── */}
+      <section className="container px-6 max-w-7xl mx-auto pb-28">
+        <motion.div
+          className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-4 gap-6"
+          initial="hidden"
+          whileInView="show"
+          viewport={{ once: true, amount: 0.1 }}
+          variants={stagger}
+        >
+          {PRODUCTS.map((p) => (
+            <ProductCard key={p.title} product={p} />
+          ))}
+        </motion.div>
+      </section>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..eadf17c
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "build", "dist", "**/*.test.ts"],
+  "compilerOptions": {
+    "incremental": true,
+    "tsBuildInfoFile": ".tsbuildinfo",
+    "noEmit": true,
+    "jsx": "preserve",
+    "lib": ["esnext", "dom", "dom.iterable"],
+    "resolveJsonModule": true,
+    "allowImportingTsExtensions": true,
+    "moduleResolution": "bundler",
+    "types": ["node", "vite/client"],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "references": []
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..858592d
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,59 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import path from "path";
+
+const port = Number(process.env.PORT || 5173);
+
+if (Number.isNaN(port) || port <= 0) {
+  throw new Error(`Invalid PORT value: "${process.env.PORT}"`);
+}
+
+const basePath = process.env.BASE_PATH || "/";
+
+export default defineConfig({
+  base: basePath,
+  plugins: [
+    react(),
+    tailwindcss(),
+    ...(process.env.NODE_ENV !== "production" &&
+    process.env.REPL_ID !== undefined
+      ? [
+          await import("@replit/vite-plugin-cartographer").then((m) =>
+            m.cartographer({
+              root: path.resolve(import.meta.dirname, ".."),
+            }),
+          ),
+          await import("@replit/vite-plugin-dev-banner").then((m) =>
+            m.devBanner(),
+          ),
+        ]
+      : []),
+  ],
+  resolve: {
+    alias: {
+      "@": path.resolve(import.meta.dirname, "src"),
+      "@assets": path.resolve(import.meta.dirname, "..", "..", "attached_assets"),
+    },
+    dedupe: ["react", "react-dom"],
+  },
+  root: path.resolve(import.meta.dirname),
+  build: {
+    outDir: path.resolve(import.meta.dirname, "dist/public"),
+    emptyOutDir: true,
+  },
+  server: {
+    port,
+    strictPort: true,
+    host: "0.0.0.0",
+    allowedHosts: true,
+    fs: {
+      strict: true,
+    },
+  },
+  preview: {
+    port,
+    host: "0.0.0.0",
+    allowedHosts: true,
+  },
+});