Indo-Thai Marketplace

Mission

Build a premium full-stack B2B industrial procurement marketplace web application for Thailand-based industries. PROJECT NAME: ThaiSource Pro CORE PURPOSE: A platform connecting factories, EPC contractors, construction companies, MEP contractors, exporters, and industrial buyers with verified suppliers, subcontractors, fabricators, and service providers in Thailand. TARGET USERS: 1. Buyers 2. Vendors/Suppliers 3. Admin TECH REQUIREMENTS: - Modern premium UI - Dark theme with professional industrial styling - Responsive design - Fast loading - Production-grade architecture - SEO optimized - Authentication system - Role-based access - PostgreSQL database - Admin dashboard - Vendor dashboard - Buyer dashboard TECH STACK: - Next.js - TypeScript - Tailwind CSS - Prisma ORM - PostgreSQL - NextAuth - Framer Motion animations - REST APIs - Cloudinary for image uploads DESIGN REFERENCE: Create a world-class modern UI inspired by: - Alibaba supplier portal - Thomasnet - Stripe dashboard quality - Linear.app aesthetics - Deep dark industrial premium theme COLOR STYLE: - Background: #0B0F19 - Card Background: #121826 - Accent: #3B82F6 - Secondary Accent: #14B8A6 - Text: clean white/light gray - Premium glassmorphism effects - Soft shadows - Rounded corners - Smooth hover animations MAIN FEATURES: 1. LANDING PAGE - Premium hero section - Animated industrial visuals - Search suppliers section - Industry categories - Featured vendors - Trust indicators - Statistics counters - Testimonials - CTA sections 2. USER AUTHENTICATION - Email/password signup - Google login - Role selection: - Buyer - Vendor - Forgot password - Secure sessions 3. BUYER FEATURES - Search suppliers - Filter by: - Industry - Province - Rating - Service type - Send RFQ (Request for Quotation) - Save favorite vendors - Chat/contact suppliers - View quotation history - Dashboard analytics 4. VENDOR FEATURES - Vendor profile page - Upload company logo - Upload certificates - Add services/products - Portfolio gallery - Receive RFQs - Respond with quotations - Dashboard analytics - Lead management - Subscription plans 5. INDUSTRY CATEGORIES Include: - MEP - HVAC - Electrical - Civil Construction - Steel Fabrication - Automation - Logistics - Export Services - Machinery - Manufacturing - Industrial Maintenance - Safety Equipment 6. RFQ MANAGEMENT SYSTEM - Buyers can create RFQs - Vendors can submit quotations - Status tracking: - Pending - Submitted - Negotiation - Closed 7. ADMIN PANEL - User management - Vendor approval system - RFQ monitoring - Analytics dashboard - Revenue dashboard - Content moderation - Featured vendor controls 8. PREMIUM UI DETAILS - Sticky navbar - Smooth page transitions - Skeleton loaders - Micro-interactions - Animated cards - Professional typography - High-end dashboard layout - Empty states - Loading states - Toast notifications 9. DATABASE MODELS Create proper schema for: - Users - Vendors - Buyers - RFQs - Quotations - Categories - Reviews - Favorites - Subscription plans - Messages 10. SEARCH & FILTER SYSTEM - Fast global search - Smart filtering - Search suggestions - Pagination 11. SECURITY - Input validation - Protected routes - Rate limiting - Secure API structure 12. SEO - Dynamic metadata - OpenGraph support - Structured schema - Sitemap 13. FUTURE READY STRUCTURE Architect codebase for future addition of: - AI quotation analyzer - AI supplier recommendations - LINE integration - Thai language support - Payment gateway - Subscription billing - Mobile app OUTPUT REQUIREMENTS: - Generate complete production-ready codebase - Create clean folder structure - Include reusable components - Use best coding practices - Add comments where needed - Include setup instructions - Generate sample seed data - Include responsive layouts - Create polished dashboards - Ensure elegant animations IMPORTANT: This must look like a premium funded startup product, NOT a basic template. Prioritize UI/UX quality, professional dashboards, smooth animations, and scalable architecture.