Digital Business Card
<!– Profile Card Container –>
<div class=”bg-white rounded-3xl shadow-xl w-full max-w-md p-6 text-center border border-gray-200″>
<!– Initials Avatar –>
<div class=”w-20 h-20 bg-indigo-600 text-white text-3xl font-bold flex items-center justify-center rounded-full mx-auto shadow-md”>
TA
</div>
<!– User Information –>
<h1 class=”text-2xl font-bold text-gray-800 mt-4″>Toye Aminu</h1>
<p class=”text-sm font-semibold text-indigo-600 tracking-wide uppercase”>EscrowPay Ltd</p>
<p class=”text-xs text-gray-500 mt-1″>RC: 1729402</p>
<!– Dynamic Action Buttons –>
<div class=”mt-8 space-y-3″>
<!– Call Button –>
<a href=”tel:+2348000000000″ class=”flex items-center justify-between bg-gray-50 hover:bg-gray-100 transition p-4 rounded-xl border border-gray-100 group”>
<span class=”text-gray-700 font-medium group-hover:text-indigo-600″>Call Office</span>
<span class=”text-gray-400″>→</span>
</a>
<!– WhatsApp Link –>
<a href=”https://wa.me” target=”_blank” class=”flex items-center justify-between bg-gray-50 hover:bg-gray-100 transition p-4 rounded-xl border border-gray-100 group”>
<span class=”text-gray-700 font-medium group-hover:text-green-600″>WhatsApp Chat</span>
<span class=”text-gray-400″>→</span>
</a>
<!– Email Link –>
<a href=”mailto:toye@escrowpay.app” class=”flex items-center justify-between bg-gray-50 hover:bg-gray-100 transition p-4 rounded-xl border border-gray-100 group”>
<span class=”text-gray-700 font-medium group-hover:text-red-500″>Email Address</span>
<span class=”text-gray-400″>→</span>
</a>
</div>
<!– Download vCard Action Button –>
<button onclick=”downloadVCard()” class=”w-full mt-6 bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-3.5 px-4 rounded-xl shadow-lg transition”>
Save Contact
</button>
</div>
<!– Contact Generator Script –>
<script>
function downloadVCard() {
// Standard VCF contact data formulation
const vcardData = BEGIN:VCARD\nVERSION:3.0\nN:Aminu;Toye;;;\nFN:Toye Aminu\nORG:EscrowPay Ltd\nTEL;TYPE=CELL:+2348000000000\nEMAIL;TYPE=PREF,INTERNET:toye@escrowpay.app\nEND:VCARD;
const blob = new Blob([vcardData], { type: ‘text/vcard’ });
const url = window.URL.createObjectURL(blob);
const a = document.createElement(‘a’);
a.setAttribute(‘href’, url);
a.setAttribute(‘download’, ‘Toye_Aminu.vcf’);
a.click();
}
</script>
Digital Business Card
TA
Toye Aminu
EscrowPay Ltd
RC: 1729402