feat: in with the new

Author: adithyaakrishna

Diff for: .gitignore

@@ -0,0 +1,28 @@
+# deps
+/node_modules
+
+# generated content
+.contentlayer
+.content-collections
+.source
+
+# test & build
+/coverage
+/.next/
+/out/
+/build
+*.tsbuildinfo
+
+# misc
+.DS_Store
+*.pem
+/.pnp
+.pnp.js
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# others
+.env*.local
+.vercel
+next-env.d.ts

Diff for: README.md

@@ -0,0 +1,26 @@
+# reclaim-fumadocs
+
+This is a Next.js application generated with
+[Create Fumadocs](https://github.com/fuma-nama/fumadocs).
+
+Run development server:
+
+```bash
+npm run dev
+# or
+pnpm dev
+# or
+yarn dev
+```
+
+Open http://localhost:3000 with your browser to see the result.
+
+## Learn More
+
+To learn more about Next.js and Fumadocs, take a look at the following
+resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
+  features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+- [Fumadocs](https://fumadocs.vercel.app) - learn about Fumadocs

Diff for: app/(home)/[[...slug]]/page.tsx

@@ -0,0 +1,46 @@
+import { source } from '@/lib/source';
+import {
+  DocsPage,
+  DocsBody,
+  DocsDescription,
+  DocsTitle,
+} from 'fumadocs-ui/page';
+import { notFound } from 'next/navigation';
+import defaultMdxComponents from 'fumadocs-ui/mdx';
+
+export default async function Page(props: {
+  params: Promise<{ slug?: string[] }>;
+}) {
+  const params = await props.params;
+  const page = source.getPage(params.slug);
+  if (!page) notFound();
+
+  const MDX = page.data.body;
+
+  return (
+    <DocsPage toc={page.data.toc} full={page.data.full}>
+      <DocsTitle>{page.data.title}</DocsTitle>
+      <DocsDescription>{page.data.description}</DocsDescription>
+      <DocsBody>
+        <MDX components={{ ...defaultMdxComponents }} />
+      </DocsBody>
+    </DocsPage>
+  );
+}
+
+export async function generateStaticParams() {
+  return source.generateParams();
+}
+
+export async function generateMetadata(props: {
+  params: Promise<{ slug?: string[] }>;
+}) {
+  const params = await props.params;
+  const page = source.getPage(params.slug);
+  if (!page) notFound();
+
+  return {
+    title: page.data.title,
+    description: page.data.description,
+  };
+}

Diff for: app/(home)/layout.tsx

@@ -0,0 +1,12 @@
+import { DocsLayout } from 'fumadocs-ui/layouts/docs';
+import type { ReactNode } from 'react';
+import { baseOptions } from '@/app/layout.config';
+import { source } from '@/lib/source';
+
+export default function Layout({ children }: { children: ReactNode }) {
+  return (
+    <DocsLayout tree={source.pageTree} {...baseOptions}>
+      {children}
+    </DocsLayout>
+  );
+}

Diff for: app/api/search/route.ts

@@ -0,0 +1,4 @@
+import { source } from '@/lib/source';
+import { createFromSource } from 'fumadocs-core/search/server';
+
+export const { GET } = createFromSource(source);

Diff for: app/components/integration-card.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import { Zap, ArrowRight, Check } from 'lucide-react';
+
+export function IntegrationCard() {
+  return (
+    <div className="relative group">
+       <div className="absolute -inset-0.5 bg-gradient-to-r from-pink-600 to-[#3385FF] rounded-xl blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-200 animate-pulse"></div>
+      <div className="relative px-7 py-6 bg-white dark:bg-gray-900 rounded-lg leading-none flex items-center">
+        <div className="flex flex-col w-full">
+          <div className="flex items-center space-x-3">
+            <span className="flex h-10 w-10 items-center justify-center rounded-full bg-[#3385FF]/10 dark:bg-[#3385FF]/20">
+              <Zap className="h-6 w-6 text-[#3385FF] dark:text-[#3385FF]" />
+            </span>
+            <span className="text-slate-800 dark:text-white text-lg font-medium">Integration Ready</span>
+          </div>
+          
+          <div>
+            <h3 className="text-xl font-bold text-slate-800 dark:text-white mt-4">
+                Quick Integration
+            </h3>
+            <p className="text-slate-600 dark:text-slate-300">
+                Get up and running in minutes with simple, intuitive implementation.
+            </p>
+            </div>
+
+          <div className="flex items-center justify-between">
+            <div className="flex items-center space-x-2">
+              <Check className="h-5 w-5 text-green-500" />
+              <span className="text-sm text-slate-600 dark:text-slate-300">Production Ready</span>
+            </div>
+            <a 
+              href="https://dev.reclaimprotocol.org"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="group flex items-center space-x-2 px-4 py-2 bg-[#3385FF] text-white rounded-lg hover:bg-[#3385FF]/80 transition-colors no-underline"
+            >
+              <span>Integrate Now</span>
+              <ArrowRight className="h-4 w-4 group-hover:translate-x-1 transition-transform" />
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

Diff for: app/global.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

Diff for: app/layout.config.tsx

@@ -0,0 +1,14 @@
+import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+
+/**
+ * Shared layout configurations
+ *
+ * you can configure layouts individually from:
+ * Home Layout: app/(home)/layout.tsx
+ * Docs Layout: app/docs/layout.tsx
+ */
+export const baseOptions: BaseLayoutProps = {
+  nav: {
+    title: <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}><img src="/assets/logo.png" alt="logo" width={25} height={25} />Reclaim Protocol Docs</div>,
+  },
+};

Diff for: app/layout.tsx

@@ -0,0 +1,22 @@
+import { Banner } from 'fumadocs-ui/components/banner';
+import './global.css';
+import { RootProvider } from 'fumadocs-ui/provider';
+import { Inter } from 'next/font/google';
+import type { ReactNode } from 'react';
+
+const inter = Inter({
+  subsets: ['latin'],
+});
+
+export default function Layout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en" className={inter.className} suppressHydrationWarning>
+      <body className="flex flex-col min-h-screen">
+        <Banner variant="rainbow">
+          ✨Works out of the box guarantee. If you face any issue at all, hit us up&nbsp;<a href="https://t.me/protocolreclaim" target='_blank' className="underline ">on Telegram</a>&nbsp;and we will write the integration for you.
+        </Banner>
+        <RootProvider>{children}</RootProvider>
+      </body>
+    </html>
+  );
+}