# First Capital International - Quick Setup Guide

## 🎉 System Successfully Restored!

Your First Capital International system has been fully restored with all premium features!

## 🚀 Quick Start

### **Default Admin Login**
- **Email**: `admin@firstcapitalsint.com`
- **Password**: `admin123`

### **Test User Account**
- **Email**: `john.williams@firstcapitalsint.com`
- **Password**: `password123`

## 📱 Applications Overview

### 1. **Customer Landing App** (`firstcapital-landing`)
- **Purpose**: Main customer-facing application
- **Features**: Dashboard, accounts, transfers, bill payments, crypto wallet
- **Tech Stack**: React, Tailwind CSS, Framer Motion

### 2. **Admin Panel** (`firstcapital-admin`)
- **Purpose**: Administrative interface for staff
- **Features**: User management, support tickets, card management
- **Tech Stack**: React, Tailwind CSS, Headless UI

### 3. **Laravel Backend** (`firstcapital-api`)
- **Purpose**: RESTful API backend
- **Features**: Authentication, database operations, business logic
- **Tech Stack**: Laravel 12, MySQL, Sanctum

## 🔧 Installation Steps

### **Frontend Applications**

```bash
# Customer Landing App
cd /c/projects2025/firstcapital-new-landing-dashboard
npm install
npm start

# Admin Panel
cd /c/projects2025/firstcapital-new-admin
npm install
npm start
```

### **Backend API**

```bash
cd /c/xampp/htdocs/firstcapital-new-api
composer install
cp .env.example .env
php artisan key:generate
php artisan migrate
php artisan serve
```

## 🌐 Environment Configuration

### **Frontend Environment Variables**

Create `.env` files in both frontend projects:

```env
REACT_APP_API_URL=http://localhost:8000/api
REACT_APP_APP_NAME="First Capital International"
```

### **Backend Environment Variables**

```env
APP_NAME="First Capital International"
APP_URL=http://localhost:8000
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=firstcapital_db
DB_USERNAME=root
DB_PASSWORD=
```

## 🎯 Key Features

### **Customer Features**
- ✅ Multi-account management
- ✅ Real-time balance updates
- ✅ Secure money transfers
- ✅ Bill payment system
- ✅ Crypto wallet integration
- ✅ Zelle QR code generation
- ✅ Support ticket system

### **Admin Features**
- ✅ User account management
- ✅ Support ticket management
- ✅ Card application processing
- ✅ Transaction monitoring
- ✅ System analytics

### **Technical Features**
- ✅ JWT authentication
- ✅ Real-time notifications
- ✅ Responsive design
- ✅ Progressive Web App
- ✅ API rate limiting
- ✅ Database optimization

## 🚀 Deployment

### **Production Environment**
- **Domain**: `firstcapitalsint.com`
- **API URL**: `https://api.firstcapitalsint.com`
- **SSL**: Enabled
- **CDN**: Cloudflare

### **Development Environment**
- **Local API**: `http://localhost:8000`
- **Local Frontend**: `http://localhost:3000`

## 📞 Support

For technical support or questions:
- **Email**: support@firstcapitalsint.com
- **Documentation**: See individual project README files
- **Issues**: Check GitHub issues or create new ones

## 🔄 Updates

The system is configured for automatic updates. To manually update:

```bash
# Frontend
git pull origin main
npm install
npm run build

# Backend
git pull origin main
composer install
php artisan migrate
php artisan config:cache
```

---

**First Capital International** - Your Trusted Financial Partner 