system-prompts-and-models-o.../salesflow-saas/frontend/tailwind.config.js
Claude f1852c1121
Add SalesMatic AI Sales SaaS Platform - Complete Foundation
Full-stack AI-powered sales automation platform for Saudi SMEs:

Backend (FastAPI + PostgreSQL):
- Multi-tenant architecture with row-level isolation
- JWT auth with RBAC (owner/manager/agent/admin)
- Lead, Customer, Deal, Pipeline, Activity, Message, Proposal models
- Dashboard analytics API (overview, pipeline, revenue)
- WhatsApp Business API, Email (SMTP/SendGrid), SMS (Unifonic) integrations
- Celery + Redis workers for automated follow-ups and scheduled messages
- Property model for Real Estate module (Riyadh districts)
- Hijri date utilities, Arabic/English localization

Frontend (Next.js + Tailwind):
- Professional Arabic RTL landing page with 10 sections
- Brand identity: SalesMatic (سيلزماتك) with custom SVG logo
- Color system: Trust Blue #0F4C81, Growth Teal #00BFA6, CTA Orange #FF6B35
- IBM Plex Sans Arabic + Inter typography
- Responsive design, dark hero section, pricing table, FAQ

Industry Templates:
- Healthcare/Clinics: pipeline stages, WhatsApp message templates, auto-workflows
- Real Estate Riyadh: 20 districts, property tours, payment plans, matching

Infrastructure:
- Docker Compose (PostgreSQL, Redis, Backend, Celery, Frontend, Nginx)
- Nginx reverse proxy config
- Makefile for common operations

https://claude.ai/code/session_01LLR7jzpyNRwDA9kojtT3CW
2026-03-28 03:06:53 +00:00

61 lines
1.4 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
colors: {
primary: {
DEFAULT: "#0F4C81",
50: "#E8F0F8",
100: "#C5D9EE",
200: "#8BB3DD",
300: "#518DCC",
400: "#2A6AA8",
500: "#0F4C81",
600: "#0D4173",
700: "#0A3460",
800: "#08274D",
900: "#051A3A",
},
secondary: {
DEFAULT: "#00BFA6",
50: "#E0FFF9",
100: "#B3FFE8",
200: "#66FFD1",
300: "#33EFBA",
400: "#00D4B3",
500: "#00BFA6",
600: "#009C87",
700: "#007A6A",
800: "#00574C",
900: "#00352E",
},
accent: {
DEFAULT: "#FF6B35",
50: "#FFF0EB",
100: "#FFD9C8",
200: "#FFB391",
300: "#FF8D5A",
400: "#FF7948",
500: "#FF6B35",
600: "#E55A28",
700: "#CC4A1B",
800: "#993813",
900: "#66250D",
},
dark: "#1A1A2E",
success: "#22C55E",
warning: "#F59E0B",
error: "#EF4444",
},
fontFamily: {
arabic: ["IBM Plex Sans Arabic", "Tajawal", "sans-serif"],
sans: ["Inter", "IBM Plex Sans Arabic", "sans-serif"],
},
},
},
plugins: [],
};