add free tools (#723)

* Enhance sitemap generation to include new tool pages and improve structure

- Added new tool pages to the sitemap, including UTM Builder, SEO Title Generator, and Privacy Policy Builder, enhancing SEO and discoverability.
- Updated the sitemap function to return a comprehensive list of tool pages alongside existing static and dynamic pages.
- Refactored the layout of the sitemap for better organization and maintainability.

* Refactor tool pages to replace TrackedButton with ToolCTA component

- Updated multiple tool pages to utilize the new ToolCTA component for call-to-action sections, enhancing consistency across the application.
- Changed URLs in metadata from the documentation domain to the main site for improved SEO and user navigation.
- Adjusted Breadcrumbs for better readability and structure in the UI.

* Remove AI Privacy Policy Generator tool and related components

- Deleted the AI Privacy Policy Generator tool page and its associated components, including the PrivacyPolicyForm and related metadata.
- Updated the tools list to reflect the removal of the AI Privacy Policy Generator, enhancing clarity and focus on remaining tools.
- Adjusted educational content across various tools for improved readability and consistency.

* Refactor sitemap generation to dynamically include tool slugs from the tools directory

- Updated the sitemap function to read tool slugs dynamically from the tools directory, enhancing maintainability and scalability.
- Removed the hardcoded list of tool slugs, streamlining the code and reducing the need for manual updates when adding or removing tools.

* Update .gitignore to remove CLAUDE.md and streamline ignored files

* Refactor tool pages to utilize ToolPageLayout component

- Updated multiple tool pages, including Analytics Detector, Bounce Rate Calculator, CTR Calculator, Funnel Visualizer, Marketing ROI Calculator, and UTM Builder, to use the new ToolPageLayout component for improved consistency and maintainability.
- Enhanced educational content and FAQs across these tools for better user engagement and clarity.
- Removed redundant imports and streamlined component structures to optimize performance and readability.

* Refactor tool pages to implement ToolPageLayout and enhance educational content

- Updated multiple tool pages, including Bounce Rate Calculator, Marketing ROI Calculator, and others, to utilize the ToolPageLayout component for improved consistency and maintainability.
- Enhanced educational content and FAQs across these tools for better user engagement and clarity.
- Removed redundant imports and streamlined component structures to optimize performance and readability.

* Update tool pages to change URLs from rybbit.io to rybbit.com

- Modified multiple tool pages, including Bounce Rate Calculator, CTR Calculator, Funnel Visualizer, Marketing ROI Calculator, Page Speed Calculator, Traffic Value Calculator, and UTM Builder, to update URLs in metadata and structured data for consistency with the new domain.
- Enhanced educational content for clarity and improved readability across these tools.
- Ensured all references to the old domain are replaced to maintain functionality and SEO integrity.

* Remove keywords from multiple tool pages to streamline metadata and improve SEO practices

- Updated the metadata for various tools, including CLAUDE, Analytics Detector, Bounce Rate Calculator, CTR Calculator, Funnel Visualizer, Marketing ROI Calculator, Meta Description Generator, Open Graph Tag Generator, Page Speed Calculator, Privacy Policy Builder, Sample Size Calculator, SEO Title Generator, and Traffic Value Calculator, by removing the keywords array.
- Enhanced educational content for clarity and improved readability across these tools.
- Ensured consistency in metadata structure to align with best SEO practices.

Author: goldflag

.gitignore

@@ -45,5 +45,4 @@ coverage/
 
 .cursor/
 
-.claude/
-CLAUDE.md
+.claude/

CLAUDE.md

@@ -0,0 +1,24 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Commands
+
+- Client: `cd client && npm run dev` (NextJS with Turbopack on port 3002)
+- Server: `cd server && npm run dev` (TypeScript backend)
+- Lint: `cd client && npm run lint` or `cd server && npm run build`
+- TypeCheck: `cd client && tsc --noEmit` or `cd server && tsc`
+- Database: `cd server && npm run db:push` (update DB schema)
+
+## Code Conventions
+
+- TypeScript with strict typing throughout both client and server
+- Client: React functional components with minimal useEffect and inline functions
+- Frontend: Next.js, Tailwind CSS, Shadcn UI, Tanstack Query, Zustand, Luxon, Nivo, react-hook-form
+- Backend: Fastify, Drizzle ORM (Postgres), ClickHouse, Zod
+- Error handling: Use try/catch blocks with specific error types
+- Naming: camelCase for variables/functions, PascalCase for components/types
+- Imports: Group by external, then internal (alphabetical within groups)
+- File organization: Related functionality in same directory
+- Dark mode is default theme
+- Never run any database migration scripts

docs/CLAUDE.md

@@ -0,0 +1,81 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Commands
+
+- Dev: `npm run dev` (Next.js with Turbopack on port 3003)
+- Build: `npm run build`
+- Production: `npm start`
+- Type Check: `tsc --noEmit`
+- Content Processing: `fumadocs-mdx` (runs automatically on postinstall)
+
+## Project Overview
+
+This is the documentation and marketing website for Rybbit, built with Next.js 16 and Fumadocs. The site includes:
+
+- Documentation pages (using Fumadocs MDX)
+- Blog (separate content collection)
+- Marketing pages (home, pricing, features, comparison pages)
+- Analytics tools (SEO, ROI calculators, privacy policy builder, etc.)
+- LLM-friendly documentation endpoints
+- The domain is rybbit.com
+
+## Code Architecture
+
+### Content Management
+
+- **Fumadocs MDX**: Documentation system using `fumadocs-mdx` for MDX processing
+- **Source Configuration**: `source.config.ts` defines two content collections:
+  - `docs`: Documentation pages in `content/docs/`
+  - `blog`: Blog posts in `content/blog/` with extended frontmatter (date, author, image, tags)
+- **Source Adapters**:
+  - `src/lib/source.ts`: Docs source loader (base URL: `/docs`)
+  - `src/lib/blog-source.ts`: Blog source loader (base URL: `/blog`)
+- **Auto-generated**: `.source/` directory contains generated TypeScript from MDX files
+
+### Route Structure
+
+- `app/(home)/*`: Marketing pages (landing, pricing, features, comparison pages, tools)
+- `app/docs/[[...slug]]/`: Documentation pages using catch-all routing
+- `app/blog/`: Blog listing and individual posts
+- `app/api/search/`: Documentation search powered by Orama
+- `app/api/tools/`: API endpoints for tool functionality (SEO generators, analytics detector, etc.)
+- `app/llms.mdx/` and `app/llms-full.txt/`: LLM-optimized documentation endpoints
+
+### Key Components
+
+- **Layout**: `app/layout.config.tsx` defines shared navigation and links for Fumadocs
+- **Tools**: Various analytics and SEO tools in `app/(home)/tools/` with form components and API routes
+- **Cards**: Feature demonstration components in `src/components/Cards/`
+- **UI Components**: Radix UI-based components in `src/components/ui/`
+
+### External Integrations
+
+- **OpenRouter**: LLM API integration via `src/lib/openrouter.ts` for tool functionality
+  - Uses `OPENROUTER_API_KEY` and `OPENROUTER_MODEL` environment variables
+  - Model: `z-ai/glm-4.6` (configurable)
+- **Search**: Fumadocs search with Orama, English language support
+- **Analytics**: Event tracking via `src/lib/trackAdEvent.ts`
+
+### Path Aliases
+
+- `@/*`: Maps to `src/*`
+- `@/.source`: Maps to `.source/index.ts` (generated MDX content)
+
+## Code Conventions
+
+- TypeScript with strict mode enabled
+- React 19 functional components
+- Next.js App Router with route groups
+- Fumadocs for documentation infrastructure
+- Tailwind CSS v4 with dark mode support
+- Path-based imports using `@/` alias
+- MDX components defined in `src/mdx-components.tsx`
+
+## Important Notes
+
+- Content files in `content/docs/` and `content/blog/` are processed by Fumadocs MDX
+- The `.source/` directory is auto-generated and should not be edited manually
+- Next.js rewrites map `/docs/:path*.mdx` to `/llms.mdx/:path*` for LLM consumption
+- Remote images allowed from: pbs.twimg.com, abs.twimg.com, ui-avatars.com, cdn.outrank.so, www.google.com

docs/src/app/(home)/oss-friends/page.tsx

@@ -39,7 +39,7 @@ export default async function OSSFriendsPage() {
   const friends = await getOSSFriends();
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-neutral-50 to-neutral-100 dark:from-neutral-950 dark:to-neutral-900">
+    <div className="min-h-screen">
       <div className="max-w-[1300px] mx-auto px-6 py-20">
         {/* Header */}
         <div className="text-center mb-16">