# M&A Associates Admin Panel

A premium admin panel for managing the M&A Associates corporate legal services website.

## Features

### 🎨 Premium Design
- Frontend color theme integration
- Modern, professional UI design
- Responsive layout for all devices
- Smooth animations and transitions

### 🖼️ Logo Management
- Upload custom company logo
- Support for PNG, JPG, SVG formats
- Automatic fallback to default logo
- Real-time preview

### 📊 Dashboard Overview
- Content Management
- User Management
- Analytics & Reports
- System Settings
- Backup & Restore

## File Structure

```
frontend/
├── app/
│   ├── admin/
│   │   ├── page.js          # Admin panel main page
│   │   └── admin.css        # Admin panel styles
│   ├── api/
│   │   └── admin/
│   │       └── upload-logo/
│   │           └── route.js  # Logo upload API
│   └── public/
│       └── uploads/          # Uploaded files directory
├── .gitignore               # Excludes uploads folder
```

## Usage

### Accessing Admin Panel
Navigate to `/admin` in your browser.

### Logo Upload
1. Go to Logo Management section
2. Click "Upload New Logo"
3. Select image file (max 2MB)
4. Logo will be saved to `public/uploads/logo.png`
5. Frontend will automatically display new logo

### File Storage
- All uploaded images are stored in `public/uploads/`
- This folder is gitignored to prevent committing user uploads
- Files are served directly from the public directory

## API Endpoints

### POST `/api/admin/upload-logo`
Uploads a new logo image.

**Headers:**
```
Authorization: Bearer <token>
Content-Type: multipart/form-data
```

**Body:**
```
logo: <image file>
```

**Response:**
```json
{
  "success": true,
  "message": "Logo uploaded successfully",
  "logoUrl": "/uploads/logo.png"
}
```

## Security
- JWT token authentication required
- File type validation (images only)
- File size limit (2MB max)
- Secure file upload handling

## Styling
Uses the same color variables as the frontend:
- `--navy`: #0a1628 (primary dark)
- `--gold`: #c9923a (accent color)
- `--gold-light`: #e8b060 (light accent)
- Modern gradients and shadows
- Consistent typography with Playfair Display and DM Sans

## Responsive Design
- Desktop: Full layout with grid
- Tablet: Adjusted spacing and sizing
- Mobile: Stacked layout with optimized touch targets