diff --git a/ocp-docs/next-env.d.ts b/ocp-docs/next-env.d.ts
new file mode 100644
index 0000000..4f11a03
--- /dev/null
+++ b/ocp-docs/next-env.d.ts
@@ -0,0 +1,5 @@
+///
+///
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/ocp-docs/next.config.mjs b/ocp-docs/next.config.mjs
new file mode 100644
index 0000000..ccb9cd7
--- /dev/null
+++ b/ocp-docs/next.config.mjs
@@ -0,0 +1,12 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+ output: 'export',
+ images: {
+ unoptimized: true,
+ },
+ compiler: {
+ styledComponents: true,
+ },
+};
+
+export default nextConfig;
\ No newline at end of file
diff --git a/ocp-docs/package.json b/ocp-docs/package.json
new file mode 100644
index 0000000..a5435fa
--- /dev/null
+++ b/ocp-docs/package.json
@@ -0,0 +1,34 @@
+{
+ "name": "ocp-docs",
+ "version": "1.0.0",
+ "private": true,
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "start": "next start",
+ "lint": "next lint"
+ },
+ "dependencies": {
+ "clsx": "^2.1.1",
+ "framer-motion": "^11.2.10",
+ "lucide-react": "^0.395.0",
+ "next": "14.2.3",
+ "next-mdx-remote": "^4.4.1",
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1",
+ "styled-components": "^6.1.11",
+ "tailwind-merge": "^2.3.0"
+ },
+ "devDependencies": {
+ "@tailwindcss/typography": "^0.5.19",
+ "@types/node": "^20.14.2",
+ "@types/react": "^18.3.3",
+ "@types/react-dom": "^18.3.0",
+ "autoprefixer": "^10.4.19",
+ "eslint": "^8.57.0",
+ "eslint-config-next": "14.2.3",
+ "postcss": "^8.4.38",
+ "tailwindcss": "^3.4.4",
+ "typescript": "^5.4.5"
+ }
+}
diff --git a/ocp-docs/src/app/docs/[slug]/page.tsx b/ocp-docs/src/app/docs/[slug]/page.tsx
new file mode 100644
index 0000000..332d7c9
--- /dev/null
+++ b/ocp-docs/src/app/docs/[slug]/page.tsx
@@ -0,0 +1,43 @@
+import { getAllDocSlugs, getDocBySlug } from "@/lib/docs";
+import { MDXRemote } from "next-mdx-remote/rsc";
+import { notFound } from "next/navigation";
+import GlassPanel from "@/components/GlassPanel";
+
+export async function generateStaticParams() {
+ const slugs = await getAllDocSlugs();
+ return slugs.map((slug) => ({
+ slug: slug,
+ }));
+}
+
+export default async function DocPage({ params }: { params: { slug: string } }) {
+ const source = await getDocBySlug(params.slug);
+
+ if (!source) {
+ notFound();
+ }
+
+ return (
+
+ );
+}
diff --git a/ocp-docs/src/app/layout.tsx b/ocp-docs/src/app/layout.tsx
new file mode 100644
index 0000000..3ad864b
--- /dev/null
+++ b/ocp-docs/src/app/layout.tsx
@@ -0,0 +1,34 @@
+import type { Metadata } from "next";
+import { Inter, Montserrat } from "next/font/google";
+import "../styles/globals.css";
+import ThemeRegistry from "@/components/ThemeRegistry";
+import GridBackground from "@/components/GridBackground";
+import Header from "@/components/Header";
+
+const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
+const montserrat = Montserrat({ subsets: ["latin"], variable: "--font-montserrat" });
+
+export const metadata: Metadata = {
+ title: "Open Commerce Protocol | Documentation",
+ description: "The open source standard for agentic commerce and universal commerce protocol transactions.",
+};
+
+export default function RootLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+
+
+
+
+
+
+ {children}
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/ocp-docs/src/app/page.tsx b/ocp-docs/src/app/page.tsx
new file mode 100644
index 0000000..5ab9b3c
--- /dev/null
+++ b/ocp-docs/src/app/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export default function Home() {
+ redirect("/docs/home");
+}
\ No newline at end of file
diff --git a/ocp-docs/src/components/GlassPanel.tsx b/ocp-docs/src/components/GlassPanel.tsx
new file mode 100644
index 0000000..8de1b7d
--- /dev/null
+++ b/ocp-docs/src/components/GlassPanel.tsx
@@ -0,0 +1,20 @@
+'use client';
+
+import React from 'react';
+import { motion } from 'framer-motion';
+
+export default function GlassPanel({ children, className = '' }: { children: React.ReactNode, className?: string }) {
+ return (
+
+
+
+ {children}
+
+
+ );
+}
\ No newline at end of file
diff --git a/ocp-docs/src/components/GridBackground.tsx b/ocp-docs/src/components/GridBackground.tsx
new file mode 100644
index 0000000..f8cf086
--- /dev/null
+++ b/ocp-docs/src/components/GridBackground.tsx
@@ -0,0 +1,43 @@
+'use client';
+
+import React, { useEffect } from 'react';
+import { motion, useMotionValue, useSpring } from 'framer-motion';
+
+export default function GridBackground() {
+ const mouseX = useMotionValue(0);
+ const mouseY = useMotionValue(0);
+
+ const springX = useSpring(mouseX, { stiffness: 50, damping: 20 });
+ const springY = useSpring(mouseY, { stiffness: 50, damping: 20 });
+
+ useEffect(() => {
+ const handleMouseMove = (e: MouseEvent) => {
+ mouseX.set(e.clientX);
+ mouseY.set(e.clientY);
+ };
+
+ window.addEventListener('mousemove', handleMouseMove);
+ return () => window.removeEventListener('mousemove', handleMouseMove);
+ }, [mouseX, mouseY]);
+
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/ocp-docs/src/components/Header.tsx b/ocp-docs/src/components/Header.tsx
new file mode 100644
index 0000000..0ce712b
--- /dev/null
+++ b/ocp-docs/src/components/Header.tsx
@@ -0,0 +1,99 @@
+'use client';
+
+import React, { useState, useEffect } from 'react';
+import Link from 'next/link';
+import { motion, useScroll, useTransform } from 'framer-motion';
+import { Search, Github, Menu, ChevronDown } from 'lucide-react';
+
+export default function Header() {
+ const [isScrolled, setIsScrolled] = useState(false);
+ const { scrollY } = useScroll();
+
+ const headerBg = useTransform(
+ scrollY,
+ [0, 50],
+ ['rgba(4, 7, 17, 0)', 'rgba(4, 7, 17, 0.8)']
+ );
+
+ const headerBlur = useTransform(
+ scrollY,
+ [0, 50],
+ ['blur(0px)', 'blur(12px)']
+ );
+
+ useEffect(() => {
+ const updateScroll = () => {
+ setIsScrolled(window.scrollY > 20);
+ };
+ window.addEventListener('scroll', updateScroll);
+ return () => window.removeEventListener('scroll', updateScroll);
+ }, []);
+
+ return (
+
+
+
+
+ O
+
+
+ OCP Docs
+
+
+
+
+
+
+