Dehmice Web

A full-stack, production-ready website and content management system for Dehmice, a dedicated remote staffing and call center company. Built with PHP 8.2+, MySQL/MariaDB, and vanilla HTML/CSS/JS — no frameworks, no build step required.

Platform Overview

Dehmice serves B2B clients looking to outsource customer support, administrative work, fleet dispatching, property management coordination, and technical helpdesk to dedicated college-educated remote staff.

Color Identity: White #FFFFFF · Charcoal #252E39 · Coral #EA6F66
Design: 0px border-radius, no box-shadows, editorial-style typography — sharp, spacious, and business-professional
Stack: PHP 8.2+ · MySQL / MariaDB · Vanilla CSS · Vanilla JS · cPanel / Hostinger compatible

Project Architecture

Dehmice/
├── index.php                    # Homepage (fully dynamic, DB-driven)
├── about.php                    # About & leadership page
├── careers.php                  # Job listings page
├── job-detail.php               # Single job + application form (resume upload)
├── contact.php                  # Contact & inquiry form
├── cost-savings.php             # ROI Calculator landing page
├── property-management.php      # Property management service detail page
├── dispatching-nemt.php         # Dispatching & NEMT service detail page
├── submit-testimonial.php       # Public testimonial submission form
├── page.php                     # CMS page renderer (Privacy, Terms, Cookie Policy)
│
├── admin/
│   ├── index.php                # Admin router — all admin views loaded here
│   ├── login.php                # Admin login page
│   ├── includes/
│   │   ├── header.php           # Admin shell, CSS, shared widgets (color picker, dropzone)
│   │   └── footer.php
│   └── views/
│       ├── dashboard.php        # Ops overview: counts, recent leads, recent applications
│       ├── leads.php            # Contact submissions & inquiry pipeline
│       ├── applications.php     # Job applications & resume management
│       ├── services.php         # Service offerings CRUD
│       ├── pricing.php          # Pricing plan tiers CRUD
│       ├── testimonials.php     # Testimonials + moderation queue
│       ├── careers.php          # Job listings CRUD
│       ├── clients.php          # Client logos (image upload + inline SVG)
│       ├── team.php             # Leadership team profiles
│       ├── gallery.php          # Workplace gallery photo uploads
│       ├── faqs.php             # FAQ accordion content
│       ├── pages.php            # CMS pages (Privacy Policy, Terms of Service...)
│       ├── media.php            # Media library & asset browser
│       ├── settings.php         # Site & theme settings (colors, WhatsApp, SMTP)
│       ├── users.php            # Admin user accounts & RBAC
│       └── activity.php         # Audit activity log
│
├── includes/
│   ├── bootstrap.php            # Core: constants, helpers, DB init
│   ├── functions.php            # e(), url(), asset(), setting(), flash()
│   ├── floating-buttons.php     # WhatsApp & call floating buttons (settings-driven)
│   ├── header.php               # Public site navigation & top banner
│   └── footer.php               # Public site footer
│
├── config/
│   └── database.php             # PDO singleton (reads .env)
│
├── css/
│   ├── variables.css            # Design tokens (colors, type scales, spacing)
│   ├── reset.css                # CSS reset & typography baseline
│   ├── layout.css               # Grid, containers, nav, hero, sections
│   └── components.css           # Buttons, cards, calculator, forms, FAQ, modals
│
├── js/
│   └── main.js                  # Calculator, tabs, modals, FAQ accordions, form validation
│
├── uploads/                     # User-uploaded files (gitignored — created on first upload)
│   ├── clients/                 # Client logo images
│   ├── gallery/                 # Workplace & culture photos
│   ├── resumes/                 # Job application resume files
│   └── media/                   # General media assets
│
├── database.sql                 # Complete schema + seed data (run once)
├── .env.example                 # Environment variable template — copy to .env
├── .env                         # Local environment config (gitignored)
├── README.md                    # This file
└── DEPLOY.md                    # Production deployment guide

Admin Panel Sections

| Section | What it does | |---|---| | Dashboard | Live counts: inquiries, applications, pending reviews, published services | | Leads & Inquiries | All contact form submissions — status pipeline: New → Contacted → Qualified → Converted | | Job Applications | Resume downloads, candidate status (New / Reviewing / Interviewed / Hired / Rejected), notes | | Services | Full CRUD for all service offerings shown on the homepage and service pages | | Pricing & Calculator | Manage pricing plan tiers and ROI calculator role presets | | Testimonials | Moderation queue — approve, edit, feature, or reject public submissions | | Careers & Jobs | Post/manage open positions, toggle Live / Draft / Closed | | Client Logos | Upload PNG/JPG/WebP/SVG logo image files, or paste inline SVG code | | Team Members | Leadership profiles shown on the About page | | Workplace Gallery | Photo uploads for operations/culture sections | | FAQs | FAQ accordion content — add, edit, reorder, draft/publish | | CMS Pages | Editable legal & static pages (Privacy Policy, Terms of Service, Cookie Policy) | | Media Library | Browse and manage all uploaded site assets | | Site & Theme Settings | Brand colors (HSV color picker), contact info, WhatsApp message text, SMTP config, hero card metrics | | Admin Users | Create / manage admin accounts with role-based access control | | Audit Log | Full tamper-evident trail of all admin actions |

Admin Roles (RBAC)

| Role | Access Level | |---|---| | super_admin | Full access — users, settings, destructive operations | | content_manager | CMS, services, careers, gallery, FAQs, testimonials | | sales_agent | Leads & inquiries view/update only |

Creating Your First Real Admin Account

The initial seed account in database.sql (admin@dehmice.com) uses a demo password hash that may not verify correctly. Create your own account immediately.

Method 1 — Via the Admin Panel (easiest)

1. Log in at /admin/login.php with the seed credentials
2. Go to Admin Users in the sidebar → + Add New User
3. Enter your real name, email address, set Role = Super Admin (Full Access), and enter a strong password
4. Click Save User Account — your new account is live immediately
5. Sign out and log in with your new credentials
6. Return to Admin Users and delete the seed admin@dehmice.com account

Method 2 — Directly via phpMyAdmin

-- First, generate a password hash by running this in PHP:
-- php -r "echo password_hash('YourStrongPassword123!', PASSWORD_BCRYPT);"

INSERT INTO `users` (`name`, `email`, `password_hash`, `role`, `status`)
VALUES (
  'Your Full Name',
  'you@yourdomain.com',
  '$2y$12$PASTE_YOUR_GENERATED_HASH_HERE',
  'super_admin',
  'active'
);

Method 3 — One-liner via SSH / PHP CLI

# SSH into your server, then:
php -r "
\$hash = password_hash('YourPassword', PASSWORD_BCRYPT);
echo \"INSERT INTO \`users\` (\`name\`, \`email\`, \`password_hash\`, \`role\`, \`status\`) VALUES ('Admin Name', 'you@domain.com', '\$hash', 'super_admin', 'active');\";
"
# Copy the output SQL and run it in phpMyAdmin or MySQL CLI

Environment Configuration

Copy .env.example to .env and fill in your values:

APP_ENV=production
APP_URL=https://yourdomain.com

DB_HOST=localhost
DB_NAME=dehmice_db
DB_USER=db_username
DB_PASS=db_password

UPLOADS_PATH=/home/youraccount/public_html/uploads

Database Setup

1. Create a MySQL database in cPanel → MySQL Databases
2. Import database.sql via phpMyAdmin → Import tab
3. This seeds: all 6 services, 3 pricing tiers, sample FAQs, calculator presets, default settings, and the initial admin user

Key Configurable Settings (Admin → Site & Theme Settings)

| Setting | Description | |---|---| | Brand Colors | Custom HSV color picker — real-time preview, saves on Submit | | WhatsApp Pre-filled Message | The text pre-loaded in WhatsApp when visitors click the floating button | | Hero Card Metrics | Response time, CSAT %, weekly coverage hours, monthly cost shown in the hero illustration | | SMTP | Outgoing email server config for lead notifications and contact confirmations | | Floating Buttons | Enable/disable WhatsApp and phone call floating buttons independently | | Company Info | Name, phone, email, address, social links |

Design Tokens

| Token | Value | Purpose | |---|---|---| | --color-primary | #EA6F66 | Coral — CTAs, highlights, key borders | | --color-primary-dark | #D95A51 | Hover states for coral elements | | --color-text | #252E39 | Charcoal — headings and body text | | --color-bg | #FFFFFF | Page backgrounds | | --color-surface-subtle | #F9FAFB | Alternating section backgrounds | | --color-border | #E5E7EB | Hairline dividers and input borders | | --radius-* | 0px | Strictly rectangular — all components | | --shadow-* | none | No box-shadows anywhere |

Notes

• No emojis — All iconography uses inline SVG icons; no emoji characters on any page
• No external JS libraries — Color picker, drag-and-drop file dropzone, calculator, modals, and FAQ all built in vanilla JS
• Logo upload — Client logos accept PNG/JPG/WebP/SVG image uploads; uploaded image takes display priority over SVG code
• WhatsApp message — Fully configurable from the admin panel; URL-encoded into the wa.me link at render time

License

Private project for Dehmice Call Center & Remote Staffing. All rights reserved.