<?php
/**
 * Author Bio Component
 * Displays organisation author credit for E-E-A-T purposes.
 */
$author_info = [
    'name'      => 'UK AI Automation',
    'role'      => 'AI Automation Consultancy',
    'bio'       => 'UK AI Automation builds document extraction pipelines, research automation tools, and custom AI agents for UK law firms and management consultancies.',
    'linkedin'  => 'https://www.linkedin.com/company/ukaiautomation',
    'expertise' => ['AI Automation', 'Document Extraction', 'Research Automation', 'LLMs', 'GDPR Compliance'],
    'image'     => '/assets/images/ukaiautomation-logo.svg'
];
?>
<div class="author-bio" itemscope itemtype="https://schema.org/Organization">
    <div class="bio-avatar">
        <img src="<?php echo htmlspecialchars($author_info['image']); ?>"
             alt="UK AI Automation"
             loading="lazy" width="80" height="80" itemprop="logo">
    </div>
    <div class="bio-info">
        <h4 class="bio-header">About the Author</h4>
        <p class="bio-name" itemprop="name"><?php echo htmlspecialchars($author_info['name']); ?></p>
        <p class="bio-role" itemprop="description"><?php echo htmlspecialchars($author_info['role']); ?></p>
        <p class="bio-description"><?php echo htmlspecialchars($author_info['bio']); ?></p>
        <div class="bio-expertise">
            <span class="expertise-label">Expertise:</span>
            <?php foreach ($author_info['expertise'] as $skill): ?>
                <span class="expertise-tag"><?php echo htmlspecialchars($skill); ?></span>
            <?php endforeach; ?>
        </div>
        <div class="bio-social">
            <a href="<?php echo htmlspecialchars($author_info['linkedin']); ?>"
               target="_blank" rel="noopener noreferrer" itemprop="sameAs" class="linkedin-link">
                Connect on LinkedIn
            </a>
        </div>
    </div>
</div>
