orbit-oracool

byDaniel Onakoya

Build "ORACOOL AI" using React + Vite + Tailwind CSS + Supabase. Name: Oracool AI Tagline: "Intelligence That Anticipates" Colors: Deep black (#0a0a0f), Ice cyan (#00f0ff), Electric purple (#8b5cf6) Style: Dark mode, glassmorphism, glowing orbs, premium feel CREATOR SYSTEM: - Creator: Daniel Onakoya (danielonakoya19@gmail.com, born June 19 2009) - Second Admin: Think Global (thinkglobal1000@gmail.com) - Gold "CREATOR" badge for Daniel, Gold "ADMIN" badge for Think Global - AI sings Happy Birthday to Daniel on June 19 - AI knows Daniel is the creator ADMIN SYSTEM: - Both admins get full access, no payment, no limits - Admin dashboard at /admin with users, revenue, stats - Admin notifications for new signups and payments MULTI-AI SYSTEM: - GPT-4o (OpenAI), Claude 3.5 (Anthropic), Gemini 2.0 (Google), Grok 3 (xAI) - Tavily for internet search - Built-in AI as fallback - Auto-routing to best AI API KEYS PAGE (/config): - Input fields for: PAYSTACK_PUBLIC_KEY, PAYSTACK_SECRET_KEY, SUPABASE_URL, SUPABASE_ANON_KEY, TAVILY_API_KEY - Optional: OPENAI_API_KEY, ANTHROPIC_API_KEY, GOOGLE_AI_API_KEY, GROK_API_KEY - Save button, test connections, show status SUBSCRIPTION (PAYSTACK ONLY - No Stripe): FREE TRIAL: 10 chat queries, 3 premium queries per feature PRO $19.99/month: Unlimited everything ENTERPRISE $99/month: Team workspace, API access Build: 1. Landing page with hero, features, pricing, testimonials, FAQ 2. Signup/Login pages with Supabase auth 3. Dashboard with glowing orb 4. Voice interaction (Web Speech API + SpeechSynthesis) 5. AI chat with text input 6. /config page for API keys 7. /admin page for admins 8. PWA setup 9. Responsive design (mobile-first)

Landing PageSignup/Login Pages
Landing Page

Comments (0)

No comments yet. Be the first!

Landing Page design preview
Landing Page: View hero section
Signup/Login Pages: Sign in
Dashboard: Activate voice orb
Dashboard: Receive birthday greeting
Admin Page /admin : Manage users
Admin Page /admin : View revenue stats
API Keys Page /config : Configure API keys
Landing Page design preview
Landing Page: View hero section
Signup/Login Pages: Sign in
Dashboard: Activate voice orb
Dashboard: Receive birthday greeting
Admin Page /admin : Manage users
Admin Page /admin : View revenue stats
API Keys Page /config : Configure API keys