 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/lavocat.ca/public_html/public/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Client-Lawyer Relationship History Demo</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
.relationship-card {
transition: all 0.3s ease;
}
.relationship-card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
</style>
</head>
<body class="bg-gray-100 min-h-screen">
<div class="container mx-auto px-4 py-8">
<!-- Header -->
<div class="text-center mb-12">
<h1 class="text-4xl font-bold text-gray-900 mb-4">🏛️ Client-Lawyer Relationship History</h1>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
A comprehensive system to track every client's journey with legal professionals,
showing real outcomes, testimonials, and the impact lawyers have had on people's lives.
</p>
</div>
<!-- Statistics Overview -->
<div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-12">
<div class="bg-white rounded-lg shadow-lg p-6 text-center">
<div class="text-3xl font-bold text-blue-600 mb-2">3</div>
<div class="text-sm text-gray-600">Active Relationships</div>
</div>
<div class="bg-white rounded-lg shadow-lg p-6 text-center">
<div class="text-3xl font-bold text-green-600 mb-2">100%</div>
<div class="text-sm text-gray-600">Success Rate</div>
</div>
<div class="bg-white rounded-lg shadow-lg p-6 text-center">
<div class="text-3xl font-bold text-purple-600 mb-2">$150,000</div>
<div class="text-sm text-gray-600">Total Recovered</div>
</div>
<div class="bg-white rounded-lg shadow-lg p-6 text-center">
<div class="text-3xl font-bold text-yellow-600 mb-2">2</div>
<div class="text-sm text-gray-600">Life-Changing Cases</div>
</div>
</div>
<!-- Client Relationships -->
<div class="mb-12">
<h2 class="text-2xl font-bold text-gray-900 mb-6">🤝 Client-Lawyer Relationships</h2>
<div class="space-y-6">
<!-- Relationship 1: Maria Gonzalez & Admin User -->
<div class="relationship-card bg-white rounded-lg shadow-lg p-6">
<div class="flex items-start justify-between mb-4">
<div class="flex items-center space-x-4">
<div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center">
<span class="text-blue-600 font-bold">MG</span>
</div>
<div>
<h3 class="font-bold text-gray-900">Maria Gonzalez</h3>
<p class="text-gray-600">Nurse • Toronto, ON</p>
</div>
</div>
<div class="text-right">
<span class="bg-green-100 text-green-600 px-3 py-1 rounded-full text-sm font-medium">WON</span>
<span class="bg-purple-100 text-purple-600 px-3 py-1 rounded-full text-sm font-medium ml-2">LIFE CHANGING</span>
</div>
</div>
<div class="mb-4 p-4 bg-gray-50 rounded-lg">
<h4 class="font-medium text-gray-900">Represented by: Admin User (Sarah Chen)</h4>
<p class="text-sm text-gray-600">Bordeaux Detention Center Class Action</p>
</div>
<p class="text-gray-700 mb-4">
"All charges dropped after successful motion to suppress evidence"
</p>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-4">
<div class="text-center">
<div class="text-lg font-bold text-gray-900">45.5h</div>
<div class="text-xs text-gray-600">Hours Worked</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-red-600">$9,100</div>
<div class="text-xs text-gray-600">Fee Paid</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-yellow-600">⭐⭐⭐⭐⭐</div>
<div class="text-xs text-gray-600">Satisfaction</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-green-600">✓</div>
<div class="text-xs text-gray-600">Would Recommend</div>
</div>
</div>
<div class="border-t pt-4">
<h5 class="font-medium text-gray-900 mb-2">Client Review:</h5>
<p class="text-gray-700 italic">
"Sarah Chen literally saved my life. The police violated my rights during the search,
and she fought tirelessly to get the evidence thrown out. Professional, compassionate, and incredibly skilled."
</p>
</div>
</div>
<!-- Relationship 2: James Wilson & Justin Wee -->
<div class="relationship-card bg-white rounded-lg shadow-lg p-6">
<div class="flex items-start justify-between mb-4">
<div class="flex items-center space-x-4">
<div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center">
<span class="text-green-600 font-bold">JW</span>
</div>
<div>
<h3 class="font-bold text-gray-900">James Wilson</h3>
<p class="text-gray-600">Construction Worker • Mississauga, ON</p>
</div>
</div>
<div class="text-right">
<span class="bg-blue-100 text-blue-600 px-3 py-1 rounded-full text-sm font-medium">SETTLED</span>
<span class="bg-purple-100 text-purple-600 px-3 py-1 rounded-full text-sm font-medium ml-2">LIFE CHANGING</span>
</div>
</div>
<div class="mb-4 p-4 bg-gray-50 rounded-lg">
<h4 class="font-medium text-gray-900">Represented by: Justin Wee</h4>
<p class="text-sm text-gray-600">Pro Bono Family Law Case</p>
<span class="bg-purple-100 text-purple-600 px-2 py-1 rounded-full text-xs font-medium">PRO BONO</span>
</div>
<p class="text-gray-700 mb-4">
"Secured full custody and child support agreement"
</p>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-4">
<div class="text-center">
<div class="text-lg font-bold text-gray-900">28h</div>
<div class="text-xs text-gray-600">Hours Worked</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-purple-600">FREE</div>
<div class="text-xs text-gray-600">Pro Bono</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-yellow-600">⭐⭐⭐⭐⭐</div>
<div class="text-xs text-gray-600">Satisfaction</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-green-600">✓</div>
<div class="text-xs text-gray-600">Would Recommend</div>
</div>
</div>
<div class="border-t pt-4">
<h5 class="font-medium text-gray-900 mb-2">Client Review:</h5>
<p class="text-gray-700 italic">
"David took my case pro bono when I had nowhere else to turn. He helped me get full custody
of my children and ensured they would be safe. He is a true champion of justice."
</p>
</div>
</div>
<!-- Relationship 3: Aisha Patel & Audrey Labrecque -->
<div class="relationship-card bg-white rounded-lg shadow-lg p-6">
<div class="flex items-start justify-between mb-4">
<div class="flex items-center space-x-4">
<div class="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center">
<span class="text-orange-600 font-bold">AP</span>
</div>
<div>
<h3 class="font-bold text-gray-900">Aisha Patel</h3>
<p class="text-gray-600">Business Owner • Brampton, ON</p>
</div>
</div>
<div class="text-right">
<span class="bg-blue-100 text-blue-600 px-3 py-1 rounded-full text-sm font-medium">SETTLED</span>
<span class="bg-blue-100 text-blue-600 px-3 py-1 rounded-full text-sm font-medium ml-2">SIGNIFICANT</span>
</div>
</div>
<div class="mb-4 p-4 bg-gray-50 rounded-lg">
<h4 class="font-medium text-gray-900">Represented by: Audrey Labrecque</h4>
<p class="text-sm text-gray-600">Personal Injury Case</p>
</div>
<p class="text-gray-700 mb-4">
"Secured $150,000 settlement for workplace injury"
</p>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-4">
<div class="text-center">
<div class="text-lg font-bold text-gray-900">67h</div>
<div class="text-xs text-gray-600">Hours Worked</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-red-600">$50,000</div>
<div class="text-xs text-gray-600">Fee Paid (33%)</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-green-600">$150,000</div>
<div class="text-xs text-gray-600">Settlement</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-yellow-600">⭐⭐⭐⭐</div>
<div class="text-xs text-gray-600">Satisfaction</div>
</div>
</div>
<div class="border-t pt-4">
<h5 class="font-medium text-gray-900 mb-2">Client Review:</h5>
<p class="text-gray-700 italic">
"Excellent negotiation skills. Got me far more than I expected and handled all the insurance company headaches."
</p>
</div>
</div>
</div>
</div>
<!-- Featured Testimonials -->
<div class="mb-12">
<h2 class="text-2xl font-bold text-gray-900 mb-6">⭐ Featured Client Testimonials</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<!-- Testimonial 1 -->
<div class="bg-white rounded-lg shadow-lg p-6">
<div class="flex items-center justify-between mb-4">
<h3 class="font-bold text-gray-900">"How Sarah Chen Saved My Future"</h3>
<span class="bg-purple-100 text-purple-600 px-2 py-1 rounded-full text-xs font-medium">LIFE CHANGING</span>
</div>
<p class="text-gray-700 italic mb-4">
"I was facing serious criminal charges that could have destroyed my career and family.
Sarah Chen took my case and immediately got to work. She discovered that the police had
violated my constitutional rights during the search of my property..."
</p>
<div class="grid grid-cols-2 gap-4 mb-4">
<div class="bg-red-50 p-3 rounded-lg">
<h5 class="font-medium text-red-800 mb-1">Before</h5>
<p class="text-sm text-red-700">Facing multiple felony charges with potential 10+ year sentence</p>
</div>
<div class="bg-green-50 p-3 rounded-lg">
<h5 class="font-medium text-green-800 mb-1">After</h5>
<p class="text-sm text-green-700">All charges dropped, record cleared, career and family intact</p>
</div>
</div>
<div class="text-sm text-gray-500">
<strong>By:</strong> Maria Gonzalez • <strong>Category:</strong> Criminal Defense
</div>
</div>
<!-- Testimonial 2 -->
<div class="bg-white rounded-lg shadow-lg p-6">
<div class="flex items-center justify-between mb-4">
<h3 class="font-bold text-gray-900">"Pro Bono Hero - David Justice"</h3>
<span class="bg-purple-100 text-purple-600 px-2 py-1 rounded-full text-xs font-medium">LIFE CHANGING</span>
</div>
<p class="text-gray-700 italic mb-4">
"As a single mother with limited resources, I thought I would never be able to afford
a good lawyer to help me get custody of my children. David Justice took my case pro bono
and fought as hard as if I was paying him millions..."
</p>
<div class="grid grid-cols-2 gap-4 mb-4">
<div class="bg-red-50 p-3 rounded-lg">
<h5 class="font-medium text-red-800 mb-1">Before</h5>
<p class="text-sm text-red-700">Single mother unable to afford legal help, children in unsafe situation</p>
</div>
<div class="bg-green-50 p-3 rounded-lg">
<h5 class="font-medium text-green-800 mb-1">After</h5>
<p class="text-sm text-green-700">Full custody secured, children safe, child support established</p>
</div>
</div>
<div class="text-sm text-gray-500">
<strong>By:</strong> James Wilson • <strong>Category:</strong> Family Law
</div>
</div>
</div>
</div>
<!-- Key Features -->
<div class="bg-white rounded-lg shadow-lg p-8">
<h2 class="text-2xl font-bold text-gray-900 mb-6 text-center">🔥 Key Features</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="text-center">
<div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl">📊</span>
</div>
<h3 class="font-bold text-gray-900 mb-2">Complete Tracking</h3>
<p class="text-gray-600">Every interaction, payment, outcome, and milestone is recorded</p>
</div>
<div class="text-center">
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl">⭐</span>
</div>
<h3 class="font-bold text-gray-900 mb-2">Real Testimonials</h3>
<p class="text-gray-600">Authentic client stories showing before/after transformations</p>
</div>
<div class="text-center">
<div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl">📈</span>
</div>
<h3 class="font-bold text-gray-900 mb-2">Impact Metrics</h3>
<p class="text-gray-600">Measure life-changing outcomes and lawyer performance</p>
</div>
</div>
</div>
<!-- Footer -->
<div class="text-center mt-12 text-gray-600">
<p>✨ Transparency meets justice - Building trust through proven results ✨</p>
</div>
</div>
</body>
</html>