claudmax 2.0.0 → 2.0.1

package/src/app/sitemap.ts

@@ -1,50 +0,0 @@
-import { MetadataRoute } from 'next';
-
-export default function sitemap(): MetadataRoute.Sitemap {
-  const baseUrl = 'https://claudmax.pro';
-
-  return [
-    {
-      url: baseUrl,
-      lastModified: new Date(),
-      changeFrequency: 'weekly',
-      priority: 1.0,
-    },
-    {
-      url: `${baseUrl}/docs`,
-      lastModified: new Date(),
-      changeFrequency: 'weekly',
-      priority: 0.9,
-    },
-    {
-      url: `${baseUrl}/status`,
-      lastModified: new Date(),
-      changeFrequency: 'daily',
-      priority: 0.7,
-    },
-    {
-      url: `${baseUrl}/check-usage`,
-      lastModified: new Date(),
-      changeFrequency: 'weekly',
-      priority: 0.6,
-    },
-    {
-      url: `${baseUrl}/support`,
-      lastModified: new Date(),
-      changeFrequency: 'monthly',
-      priority: 0.5,
-    },
-    {
-      url: `${baseUrl}/faq`,
-      lastModified: new Date(),
-      changeFrequency: 'monthly',
-      priority: 0.5,
-    },
-    {
-      url: `${baseUrl}/blog`,
-      lastModified: new Date(),
-      changeFrequency: 'weekly',
-      priority: 0.8,
-    },
-  ];
-}

package/src/app/status/StatusClient.tsx

@@ -1,103 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import Header from '@/components/Header';
-import Footer from '@/components/Footer';
-
-const ENDPOINTS = [
-  { name: 'Chat Completions', path: '/api/v1/chat/completions', desc: 'Core chat API' },
-  { name: 'Messages', path: '/api/v1/messages', desc: 'Claude messages API' },
-  { name: 'Key Status', path: '/api/v1/key-status', desc: 'Usage tracking' },
-  { name: 'Models', path: '/api/v1/models', desc: 'Model list' },
-  { name: 'Image Generation', path: '/api/v1/images/generations', desc: 'Text-to-image API' },
-  { name: 'Audio TTS', path: '/api/v1/audio/speech', desc: 'Text-to-speech API' },
-];
-
-function StatusBadge({ up }: { up: boolean }) {
-  return (
-    <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${
-      up ? 'bg-green-50 text-green-700' : 'bg-red-50 text-red-700'
-    }`}>
-      <span className={`w-2 h-2 rounded-full ${up ? 'bg-green-500' : 'bg-red-500'}`} />
-      {up ? 'Operational' : 'Down'}
-    </span>
-  );
-}
-
-export default function StatusClient() {
-  const [statuses, setStatuses] = useState<Record<string, boolean>>({});
-  const [loading, setLoading] = useState(true);
-  const [checkedAt, setCheckedAt] = useState<string>('');
-
-  useEffect(() => {
-    async function check() {
-      setLoading(true);
-      const results: Record<string, boolean> = {};
-      for (const ep of ENDPOINTS) {
-        try {
-          const res = await fetch(`${location.origin}${ep.path}`, {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ apiKey: 'test' }),
-            signal: AbortSignal.timeout(5000),
-          });
-          // Any non-5xx response means the endpoint is up and responding (400/401 = auth required, but endpoint works)
-          results[ep.path] = !(res.status >= 500 && res.status < 600);
-        } catch {
-          results[ep.path] = false;
-        }
-      }
-      setStatuses(results);
-      setCheckedAt(new Date().toLocaleTimeString());
-      setLoading(false);
-    }
-    check();
-    const interval = setInterval(check, 30000);
-    return () => clearInterval(interval);
-  }, []);
-
-  const allUp = Object.values(statuses).length > 0 && Object.values(statuses).every(Boolean);
-  const uptime = Object.values(statuses).filter(Boolean).length;
-
-  return (
-    <div className="min-h-screen bg-gray-50 flex flex-col">
-      <Header />
-      <main className="flex-1">
-        <section className="bg-gradient-to-br from-indigo-600 via-purple-600 to-indigo-800 text-white py-14">
-          <div className="max-w-3xl mx-auto px-6 text-center">
-            <div className="text-sm font-medium text-indigo-200 mb-2">System Status</div>
-            <div className="text-4xl font-bold mb-2">{allUp ? 'All Systems Operational' : `${uptime}/${ENDPOINTS.length} Systems Up`}</div>
-            <div className="text-sm text-indigo-100">
-              {loading ? 'Checking...' : `Last checked at ${checkedAt} · Updates every 30 seconds`}
-            </div>
-          </div>
-        </section>
-
-        <div className="max-w-3xl mx-auto px-6 -mt-8 pb-20">
-          <div className="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden">
-            <div className="px-6 py-4 border-b border-gray-100 flex items-center justify-between">
-              <div className="text-sm font-semibold text-gray-900">Service Status</div>
-              <div className="text-xs text-gray-400">{ENDPOINTS.length} endpoints monitored</div>
-            </div>
-            <div className="divide-y divide-gray-100">
-              {ENDPOINTS.map(ep => (
-                <div key={ep.path} className="flex items-center justify-between px-6 py-4 hover:bg-gray-50">
-                  <div>
-                    <div className="text-sm font-medium text-gray-900">{ep.name}</div>
-                    <div className="text-xs text-gray-400">{ep.desc} · {ep.path}</div>
-                  </div>
-                  {loading ? (
-                    <span className="text-xs text-gray-400">Checking...</span>
-                  ) : (
-                    <StatusBadge up={statuses[ep.path] ?? false} />
-                  )}
-                </div>
-              ))}
-            </div>
-          </div>
-        </div>
-      </main>
-      <Footer />
-    </div>
-  );
-}

package/src/app/status/layout.tsx

@@ -1,11 +0,0 @@
-import type { Metadata } from 'next';
-
-export const metadata: Metadata = {
-  title: 'API Status — ClaudMax',
-  description: 'Live status of ClaudMax API gateway services including key management, usage tracking, and OpenRouter proxy.',
-  keywords: 'API status, ClaudMax status, uptime, API health',
-};
-
-export default function StatusLayout({ children }: { children: React.ReactNode }) {
-  return children;
-}

package/src/app/status/page.tsx

@@ -1,15 +0,0 @@
-import type { Metadata } from 'next';
-import StatusClient from './StatusClient';
-
-export const metadata: Metadata = {
-  title: 'API Status | ClaudMax',
-  description: 'Real-time system status for ClaudMax — API uptime, response times, and service health. Check if all endpoints are operational.',
-  keywords: 'ClaudMax status, Claude API status, API uptime, system status, API health',
-  openGraph: { title: 'API Status | ClaudMax', description: 'Real-time system status for ClaudMax API.', type: 'website', url: 'https://claudmax.pro/status', siteName: 'ClaudMax' },
-  twitter: { card: 'summary_large_image', title: 'API Status | ClaudMax' },
-  robots: { index: true, follow: true },
-};
-
-export default function StatusPage() {
-  return <StatusClient />;
-}

package/src/app/support/SupportClient.tsx

@@ -1,411 +0,0 @@
-'use client';
-
-import { useState, useEffect, useRef } from 'react';
-import Header from '@/components/Header';
-import Footer from '@/components/Footer';
-import { MessageCircle, Send, X, ChevronDown, ChevronUp, ChevronRight, CheckCircle2, Mail, Phone } from 'lucide-react';
-
-const WHATSAPP = '917669217156';
-
-const FAQS = [
-  {
-    q: 'How do I get started with ClaudMax?',
-    a: 'Sign up at claudmax.pro, create an API key from your dashboard, then use it with any Claude-compatible SDK. Your key is active immediately.',
-  },
-  {
-    q: 'What models are available on ClaudMax?',
-    a: 'ClaudMax provides access to Opus 4.6, Sonnet 4.6, Haiku 4.5, Vision, Image Generation, and Audio TTS — all through a unified API endpoint.',
-  },
-  {
-    q: 'How does usage tracking work?',
-    a: 'Usage is tracked per 5-hour rolling window. Your dashboard shows real-time token and request counts. Limits reset automatically when the window expires.',
-  },
-  {
-    q: 'Can I use ClaudMax with Claude Code, Cursor, or Windsurf?',
-    a: 'Yes. Set ANTHROPIC_BASE_URL=https://api.claudmax.pro and ANTHROPIC_API_KEY=your-key. Works with Claude Code, Cursor, Windsurf, Cline, Roo Code, and any Anthropic SDK.',
-  },
-  {
-    q: 'What is the difference between the plans?',
-    a: 'Free: 100 requests / 500K tokens per 5h. 5x: 500 requests / 5M tokens. 20x: 2,000 requests / 20M tokens. All plans include a 3x display multiplier on your dashboard.',
-  },
-  {
-    q: 'How do I upgrade or change my plan?',
-    a: 'Contact us via the chat form below or WhatsApp. We offer custom plans for high-volume users and resellers.',
-  },
-  {
-    q: 'Is my API key secure?',
-    a: 'Yes. Keys are hashed in our database, transmitted over HTTPS, and can be revoked instantly from your dashboard. Never share your key publicly.',
-  },
-  {
-    q: 'Do you offer refunds?',
-    a: 'We offer refunds within 7 days of purchase for any billing-related issues. Contact support for assistance.',
-  },
-  {
-    q: 'How do I contact support?',
-    a: 'Use the chat below for real-time help, message us on WhatsApp at +91-7669217156, or email codewpremium@gmail.com. We respond within 2 hours.',
-  },
-  {
-    q: 'Can I resell ClaudMax keys?',
-    a: 'Yes. We have a reseller program with bulk pricing. Contact us to apply — approved resellers get access to a dedicated dashboard and custom key generation limits.',
-  },
-];
-
-function ChatWidget() {
-  const [open, setOpen] = useState(false);
-  const [step, setStep] = useState<'form' | 'chat' | 'done'>('form');
-  const [name, setName] = useState('');
-  const [whatsapp, setWhatsapp] = useState('');
-  const [email, setEmail] = useState('');
-  const [message, setMessage] = useState('');
-  const [messages, setMessages] = useState<Array<{ sender: string; content: string; createdAt: string }>>([]);
-  const [loading, setLoading] = useState(false);
-  const [sessionId, setSessionId] = useState<string | null>(null);
-  const bottomRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    bottomRef.current?.scrollIntoView({ behavior: 'smooth' });
-  }, [messages]);
-
-  // Poll for new messages when chat is open
-  useEffect(() => {
-    if (step !== 'chat' || !sessionId) return;
-    const interval = setInterval(async () => {
-      try {
-        const res = await fetch(`/api/support/chat?sessionId=${sessionId}`);
-        const data = await res.json();
-        if (data.messages) {
-          setMessages(data.messages.map((m: any) => ({
-            sender: m.sender,
-            content: m.content,
-            createdAt: m.createdAt,
-          })));
-        }
-      } catch { /* ignore */ }
-    }, 4000);
-    return () => clearInterval(interval);
-  }, [step, sessionId]);
-
-  async function handleStart(e: React.FormEvent) {
-    e.preventDefault();
-    if (!name.trim() || !email.trim()) return;
-    setLoading(true);
-    try {
-      // Send email notification
-      await fetch('/api/support/email', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ name, whatsapp, email, subject: 'Chat Request', content: message }),
-      });
-
-      // Build WhatsApp URL with pre-filled message
-      const whatsappMsg = `Hi ClaudMax Team,
-
-Name: ${name}
-Email: ${email}
-WhatsApp: ${whatsapp || 'Not provided'}
-
-Message: ${message || 'No initial message'}`.trim();
-
-      const whatsappUrl = `https://wa.me/${WHATSAPP}?text=${encodeURIComponent(whatsappMsg)}`;
-      window.open(whatsappUrl, '_blank');
-
-      setStep('done');
-      setTimeout(() => setStep('form'), 3000);
-    } catch { /* ignore */ }
-    setLoading(false);
-  }
-
-  async function handleSend(e: React.FormEvent) {
-    e.preventDefault();
-    if (!message.trim() || !sessionId) return;
-    const text = message.trim();
-    setMessages(prev => [...prev, { sender: 'visitor', content: text, createdAt: new Date().toISOString() }]);
-    setMessage('');
-    try {
-      await fetch('/api/support/chat', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ sessionId, content: text, sender: 'visitor' }),
-      });
-    } catch { /* ignore */ }
-  }
-
-  return (
-    <div className="fixed bottom-4 right-4 z-50 flex flex-col items-end gap-2">
-      {open && (
-        <div className="bg-white rounded-2xl shadow-2xl border border-gray-200 w-[380px] max-h-[560px] flex flex-col overflow-hidden mb-2">
-          {/* Header */}
-          <div className="bg-gradient-to-r from-indigo-600 to-purple-600 px-5 py-4 flex items-center justify-between">
-            <div>
-              <div className="text-white font-semibold text-sm">ClaudMax Support</div>
-              <div className="text-indigo-200 text-xs flex items-center gap-1 mt-0.5">
-                <span className="w-2 h-2 rounded-full bg-green-400 inline-block animate-pulse" />
-                Online — typically replies in 2h
-              </div>
-            </div>
-            <button onClick={() => setOpen(false)} className="text-white/70 hover:text-white"><X className="w-5 h-5" /></button>
-          </div>
-
-          {step === 'form' ? (
-            <form onSubmit={handleStart} className="p-5 flex flex-col gap-3 flex-1">
-              <p className="text-sm text-gray-600 -mt-1">Fill in your details to start chatting with our team.</p>
-              <div>
-                <label className="text-xs font-medium text-gray-700 mb-1 block">Your Name *</label>
-                <input required value={name} onChange={e => setName(e.target.value)} placeholder="Priya Sharma"
-                  className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent" />
-              </div>
-              <div>
-                <label className="text-xs font-medium text-gray-700 mb-1 block">WhatsApp Number</label>
-                <input value={whatsapp} onChange={e => setWhatsapp(e.target.value)} placeholder="+91 98765 43210"
-                  className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent" />
-              </div>
-              <div>
-                <label className="text-xs font-medium text-gray-700 mb-1 block">Email Address *</label>
-                <input required type="email" value={email} onChange={e => setEmail(e.target.value)} placeholder="priya@example.com"
-                  className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent" />
-              </div>
-              <div>
-                <label className="text-xs font-medium text-gray-700 mb-1 block">How can we help?</label>
-                <textarea value={message} onChange={e => setMessage(e.target.value)} placeholder="Describe your issue or question..."
-                  rows={3} className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm resize-none focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent" />
-              </div>
-              <button type="submit" disabled={loading}
-                className="w-full py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-sm font-medium transition-colors disabled:opacity-50">
-                {loading ? 'Connecting...' : 'Start Chat'}
-              </button>
-            </form>
-          ) : (
-            <>
-              <div className="flex-1 overflow-y-auto p-4 space-y-3 min-h-[200px] max-h-[320px]">
-                <div className="flex gap-2.5">
-                  <div className="w-7 h-7 rounded-full bg-indigo-100 flex items-center justify-center flex-shrink-0 mt-0.5">
-                    <span className="text-indigo-600 text-xs font-bold">CS</span>
-                  </div>
-                  <div className="bg-gray-100 rounded-2xl rounded-tl-sm px-3.5 py-2.5 text-sm text-gray-800">
-                    Hi {name.split(' ')[0]}! Thanks for reaching out. A team member will respond within 2 hours.
-                    {whatsapp && <span className="block text-xs text-gray-500 mt-1">Replied via WhatsApp: {whatsapp}</span>}
-                  </div>
-                </div>
-                {messages.map((m, i) => (
-                  <div key={i} className={`flex gap-2.5 ${m.sender === 'visitor' ? 'flex-row-reverse' : ''}`}>
-                    {m.sender !== 'visitor' && (
-                      <div className="w-7 h-7 rounded-full bg-indigo-100 flex items-center justify-center flex-shrink-0 mt-0.5">
-                        <span className="text-indigo-600 text-xs font-bold">CS</span>
-                      </div>
-                    )}
-                    <div className={`max-w-[75%] rounded-2xl px-3.5 py-2.5 text-sm ${
-                      m.sender === 'visitor' ? 'bg-indigo-600 text-white rounded-tr-sm' : 'bg-gray-100 text-gray-800 rounded-tl-sm'
-                    }`}>{m.content}</div>
-                  </div>
-                ))}
-                <div ref={bottomRef} />
-              </div>
-              <form onSubmit={handleSend} className="border-t border-gray-100 p-3 flex gap-2">
-                <input value={message} onChange={e => setMessage(e.target.value)} placeholder="Type a message..."
-                  className="flex-1 px-3 py-2 border border-gray-200 rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent" />
-                <button type="submit" className="w-9 h-9 bg-indigo-600 hover:bg-indigo-700 text-white rounded-full flex items-center justify-center transition-colors flex-shrink-0">
-                  <Send className="w-3.5 h-3.5" />
-                </button>
-              </form>
-            </>
-          )}
-        </div>
-      )}
-
-      <button onClick={() => setOpen(o => !o)}
-        className="flex items-center gap-2.5 bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2.5 rounded-full shadow-lg transition-all hover:shadow-xl text-sm font-medium">
-        <MessageCircle className="w-4.5 h-4.5" />
-        {open ? 'Close Chat' : 'Chat with Us'}
-        {!open && <span className="w-2 h-2 rounded-full bg-green-400 animate-pulse" />}
-      </button>
-    </div>
-  );
-}
-
-function FAQItem({ q, a }: { q: string; a: string }) {
-  const [expanded, setExpanded] = useState(false);
-  return (
-    <div className="border border-gray-200 rounded-xl overflow-hidden">
-      <button onClick={() => setExpanded(e => !e)} className="w-full flex items-center justify-between px-5 py-4 text-left hover:bg-gray-50 transition-colors">
-        <span className="text-sm font-medium text-gray-900 pr-4">{q}</span>
-        {expanded ? <ChevronUp className="w-4 h-4 text-gray-400 flex-shrink-0" /> : <ChevronDown className="w-4 h-4 text-gray-400 flex-shrink-0" />}
-      </button>
-      {expanded && <div className="px-5 pb-4 text-sm text-gray-600 leading-relaxed">{a}</div>}
-    </div>
-  );
-}
-
-export default function SupportClient() {
-  const [form, setForm] = useState({ name: '', whatsapp: '', email: '', subject: '', message: '' });
-  const [sent, setSent] = useState(false);
-  const [loading, setLoading] = useState(false);
-
-  async function handleSubmit(e: React.FormEvent) {
-    e.preventDefault();
-    setLoading(true);
-    try {
-      // Send email notification
-      await fetch('/api/support/email', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(form),
-      });
-
-      // Build WhatsApp URL with pre-filled message
-      const whatsappMsg = `Hi ClaudMax Team,
-
-Name: ${form.name}
-Email: ${form.email}
-WhatsApp: ${form.whatsapp || 'Not provided'}
-${form.subject ? `Subject: ${form.subject}\n` : ''}
-Message: ${form.message || 'No message'}`.trim();
-
-      const whatsappUrl = `https://wa.me/${WHATSAPP}?text=${encodeURIComponent(whatsappMsg)}`;
-
-      // Open WhatsApp in new tab
-      window.open(whatsappUrl, '_blank');
-      setSent(true);
-    } catch { /* ignore */ }
-    setLoading(false);
-  }
-
-  return (
-    <div className="min-h-screen bg-gray-50 flex flex-col">
-      <Header />
-      <main className="flex-1">
-        {/* Hero */}
-        <section className="bg-gradient-to-br from-indigo-600 via-purple-600 to-indigo-800 text-white py-16">
-          <div className="max-w-4xl mx-auto px-6 text-center">
-            <div className="w-14 h-14 rounded-2xl bg-white/10 flex items-center justify-center mx-auto mb-5">
-              <MessageCircle className="w-7 h-7 text-white" />
-            </div>
-            <h1 className="text-3xl font-bold mb-3">How can we help you?</h1>
-            <p className="text-indigo-100 text-base max-w-xl mx-auto">Reach out via chat, WhatsApp, or email. We typically respond within 2 hours and are available 24/7.</p>
-          </div>
-        </section>
-
-        {/* Contact Cards */}
-        <section className="max-w-4xl mx-auto px-6 -mt-6">
-          <div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-12">
-            <a href={`https://wa.me/${WHATSAPP}?text=Hi%2C%20I%20need%20help%20with%20ClaudMax`} target="_blank" rel="noopener noreferrer"
-              className="bg-white rounded-xl p-5 shadow-sm border border-gray-100 hover:shadow-md hover:border-green-200 transition-all group">
-              <div className="w-11 h-11 rounded-xl bg-green-50 group-hover:bg-green-100 flex items-center justify-center mb-3 transition-colors">
-                <MessageCircle className="w-5.5 h-5.5 text-green-600" />
-              </div>
-              <div className="text-sm font-semibold text-gray-900 mb-0.5">WhatsApp</div>
-              <div className="text-xs text-gray-500">+91-7669217156</div>
-              <div className="text-xs text-green-600 mt-1 group-hover:underline">Chat now →</div>
-            </a>
-            <a href={`mailto:codewpremium@gmail.com?subject=ClaudMax%20Support`}
-              className="bg-white rounded-xl p-5 shadow-sm border border-gray-100 hover:shadow-md hover:border-blue-200 transition-all group">
-              <div className="w-11 h-11 rounded-xl bg-blue-50 group-hover:bg-blue-100 flex items-center justify-center mb-3 transition-colors">
-                <Mail className="w-5.5 h-5.5 text-blue-600" />
-              </div>
-              <div className="text-sm font-semibold text-gray-900 mb-0.5">Email</div>
-              <div className="text-xs text-gray-500">codewpremium@gmail.com</div>
-              <div className="text-xs text-blue-600 mt-1 group-hover:underline">Send email →</div>
-            </a>
-            <div className="bg-white rounded-xl p-5 shadow-sm border border-gray-100">
-              <div className="w-11 h-11 rounded-xl bg-purple-50 flex items-center justify-center mb-3">
-                <Phone className="w-5.5 h-5.5 text-purple-600" />
-              </div>
-              <div className="text-sm font-semibold text-gray-900 mb-0.5">Response Time</div>
-              <div className="text-xs text-gray-500">Within 2 hours</div>
-              <div className="text-xs text-purple-600 mt-1">24/7 availability</div>
-            </div>
-          </div>
-        </section>
-
-        {/* Chat + Form */}
-        <section className="max-w-4xl mx-auto px-6 mb-16">
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-            {/* Message Form */}
-            <div className="bg-white rounded-2xl shadow-sm border border-gray-100 p-6">
-              <h2 className="text-lg font-bold text-gray-900 mb-1">Send us a message</h2>
-              <p className="text-sm text-gray-500 mb-5">We&apos;ll get back to you within 2 hours.</p>
-              {sent ? (
-                <div className="text-center py-8">
-                  <CheckCircle2 className="w-12 h-12 text-green-500 mx-auto mb-3" />
-                  <div className="text-base font-semibold text-gray-900 mb-1">Message sent!</div>
-                  <div className="text-sm text-gray-500">We&apos;ll reply to {form.email || 'your email'} shortly.</div>
-                </div>
-              ) : (
-                <form onSubmit={handleSubmit} className="flex flex-col gap-3">
-                  <div className="grid grid-cols-2 gap-3">
-                    <div>
-                      <label className="text-xs font-medium text-gray-700 mb-1 block">Your Name *</label>
-                      <input required value={form.name} onChange={e => setForm(f => ({ ...f, name: e.target.value }))} placeholder="Rahul Verma"
-                        className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500" />
-                    </div>
-                    <div>
-                      <label className="text-xs font-medium text-gray-700 mb-1 block">WhatsApp</label>
-                      <input value={form.whatsapp} onChange={e => setForm(f => ({ ...f, whatsapp: e.target.value }))} placeholder="+91 98765 43210"
-                        className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500" />
-                    </div>
-                  </div>
-                  <div>
-                    <label className="text-xs font-medium text-gray-700 mb-1 block">Email Address *</label>
-                    <input required type="email" value={form.email} onChange={e => setForm(f => ({ ...f, email: e.target.value }))} placeholder="rahul@example.com"
-                      className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500" />
-                  </div>
-                  <div>
-                    <label className="text-xs font-medium text-gray-700 mb-1 block">Subject</label>
-                    <input value={form.subject} onChange={e => setForm(f => ({ ...f, subject: e.target.value }))} placeholder="API key issue"
-                      className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500" />
-                  </div>
-                  <div>
-                    <label className="text-xs font-medium text-gray-700 mb-1 block">Message *</label>
-                    <textarea required value={form.message} onChange={e => setForm(f => ({ ...f, message: e.target.value }))} placeholder="Describe your issue..."
-                      rows={4} className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm resize-none focus:outline-none focus:ring-2 focus:ring-indigo-500" />
-                  </div>
-                  <button type="submit" disabled={loading}
-                    className="w-full py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-sm font-medium transition-colors disabled:opacity-50">
-                    {loading ? 'Sending...' : 'Send Message'}
-                  </button>
-                </form>
-              )}
-            </div>
-
-            {/* Quick Links */}
-            <div className="bg-white rounded-2xl shadow-sm border border-gray-100 p-6">
-              <h2 className="text-lg font-bold text-gray-900 mb-1">Quick Help</h2>
-              <p className="text-sm text-gray-500 mb-5">Common topics and helpful resources.</p>
-              <div className="space-y-2.5">
-                {[
-                  { label: 'Getting Started Guide', href: '/docs', desc: 'Step-by-step setup instructions' },
-                  { label: 'API Documentation', href: '/docs', desc: 'Full API reference and examples' },
-                  { label: 'Check Usage & Limits', href: '/check-usage', desc: 'View your current usage dashboard' },
-                  { label: 'Status Page', href: '/status', desc: 'Real-time system status' },
-                  { label: 'Billing & Plans', href: '/support', desc: 'Questions about your subscription' },
-                  { label: 'Reseller Program', href: '/support', desc: 'Partner with us as a reseller' },
-                ].map(link => (
-                  <a key={link.label} href={link.href}
-                    className="flex items-center justify-between p-3 rounded-xl border border-gray-100 hover:border-indigo-200 hover:bg-indigo-50 transition-all group">
-                    <div>
-                      <div className="text-sm font-medium text-gray-900 group-hover:text-indigo-700">{link.label}</div>
-                      <div className="text-xs text-gray-500">{link.desc}</div>
-                    </div>
-                    <ChevronRight className="w-4 h-4 text-gray-300 group-hover:text-indigo-400 flex-shrink-0" />
-                  </a>
-                ))}
-              </div>
-            </div>
-          </div>
-        </section>
-
-        {/* FAQ */}
-        <section className="max-w-3xl mx-auto px-6 pb-20">
-          <div className="text-center mb-8">
-            <h2 className="text-2xl font-bold text-gray-900 mb-2">Frequently Asked Questions</h2>
-            <p className="text-sm text-gray-500">Quick answers to the most common questions about ClaudMax.</p>
-          </div>
-          <div className="space-y-2">
-            {FAQS.map(faq => <FAQItem key={faq.q} q={faq.q} a={faq.a} />)}
-          </div>
-        </section>
-      </main>
-      <Footer />
-      <ChatWidget />
-    </div>
-  );
-}

package/src/app/support/page.tsx

@@ -1,25 +0,0 @@
-import type { Metadata } from 'next';
-import SupportClient from './SupportClient';
-
-export const metadata: Metadata = {
-  title: 'Support | ClaudMax — Claude API Gateway',
-  description: 'Get help with ClaudMax. Chat with us directly via WhatsApp or open a support ticket. Available 24/7 for all your Claude API gateway questions.',
-  keywords: 'ClaudMax support, Claude API help, chat support, WhatsApp support, Claude API gateway help',
-  openGraph: {
-    title: 'Support | ClaudMax',
-    description: 'Chat with us via WhatsApp or open a support ticket. 24/7 availability.',
-    type: 'website',
-    url: 'https://claudmax.pro/support',
-    siteName: 'ClaudMax',
-  },
-  twitter: {
-    card: 'summary_large_image',
-    title: 'Support | ClaudMax',
-    description: 'Get help with ClaudMax. Chat with us via WhatsApp or open a support ticket.',
-  },
-  robots: { index: true, follow: true },
-};
-
-export default function SupportPage() {
-  return <SupportClient />;
-}

package/src/app/v1/chat/completions/route.ts

@@ -1,3 +0,0 @@
-// Re-export from /api/v1/chat
-export { POST } from "@/app/api/v1/chat/route";
-

package/src/app/v1/chat/route.ts

@@ -1,4 +0,0 @@
-// /v1/chat/completions — mirrors /api/v1/chat
-// Claude Code sends to /v1/chat/completions, our middleware rewrites to /api/v1/chat
-// But local dev needs direct /v1 routes too since middleware doesn't run on localhost:3000
-export { POST } from '@/app/api/v1/chat/route';

package/src/app/v1/messages/route.ts

@@ -1,3 +0,0 @@
-// /v1/messages — mirrors /api/v1/messages
-// Claude Code uses Anthropic Messages API format
-export { POST } from '@/app/api/v1/messages/route';