<?php
/* front-page.php */
get_header();
?>

<style>
.hero-section{
    background: linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
    url('<?php echo get_template_directory_uri(); ?>/images/law-office.jpg') center/cover no-repeat;
    color:#fff;
    padding:140px 0;
}
.hero-section h1{
    font-size:56px;
    font-weight:700;
    animation:fadeDown 1.2s ease;
}
.hero-section p{
    font-size:22px;
    animation:fadeUp 1.6s ease;
}
.btn-gold{
    background:#c9a227;
    color:#fff;
    padding:12px 30px;
    border-radius:30px;
    text-decoration:none;
}
.btn-gold:hover{
    background:#a7861e;
    color:#fff;
}
.section-title{
    font-size:38px;
    font-weight:700;
    color:#111;
}
.practice-box{
    background:#fff;
    padding:35px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}
.practice-box:hover{
    transform:translateY(-8px);
}
.dark-section{
    background:#111;
    color:#fff;
}
.whatsapp-float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:25px;
    right:25px;
    background:#25d366;
    color:#fff;
    border-radius:50%;
    text-align:center;
    font-size:30px;
    line-height:60px;
    z-index:999;
    text-decoration:none;
    box-shadow:0 8px 18px rgba(0,0,0,.25);
}
@keyframes fadeDown{
    from{opacity:0;transform:translateY(-30px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes fadeUp{
    from{opacity:0;transform:translateY(30px);}
    to{opacity:1;transform:translateY(0);}
}
@media(max-width:768px){
.hero-section h1{font-size:34px;}
.hero-section p{font-size:18px;}
.section-title{font-size:28px;}
}
</style>

<!-- HERO -->
<section class="hero-section text-center">
    <div class="container">
        <h1>Sethna Atonga & Company Advocates</h1>
        <p>Trusted Legal Solutions with Integrity, Excellence & Results</p>
        <a href="<?php echo esc_url(site_url('/contact-us')); ?>" class="btn-gold mt-4 d-inline-block">
            Book Consultation
        </a>
    </div>
</section>

<!-- ABOUT -->
<section class="py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<h2 class="section-title mb-4">About Our Firm</h2>
<p>
We are a client-focused law firm in Kenya providing strategic legal advice,
representation, and practical solutions for individuals, businesses, and institutions.
</p>
<p>
Our commitment is professionalism, confidentiality, and delivering successful outcomes.
</p>
</div>

<div class="col-md-6">
<img src="<?php echo get_template_directory_uri(); ?>/images/law-team.jpg"
class="img-fluid rounded shadow" alt="Law Firm">
</div>
</div>
</div>
</section>

<!-- PRACTICE AREAS -->
<section class="py-5 bg-light">
<div class="container">
<h2 class="section-title text-center mb-5">Practice Areas</h2>

<div class="row g-4">

<div class="col-md-4">
<div class="practice-box text-center">
<h4>Corporate Law</h4>
<p>Contracts, compliance, governance, commercial transactions.</p>
</div>
</div>

<div class="col-md-4">
<div class="practice-box text-center">
<h4>Litigation</h4>
<p>Strong representation in civil, commercial and employment disputes.</p>
</div>
</div>

<div class="col-md-4">
<div class="practice-box text-center">
<h4>Property Law</h4>
<p>Conveyancing, land transactions, leases and disputes.</p>
</div>
</div>

<div class="col-md-4">
<div class="practice-box text-center">
<h4>Family Law</h4>
<p>Succession, divorce, custody and family legal support.</p>
</div>
</div>

<div class="col-md-4">
<div class="practice-box text-center">
<h4>Employment Law</h4>
<p>Labour disputes, HR compliance and advisory services.</p>
</div>
</div>

<div class="col-md-4">
<div class="practice-box text-center">
<h4>Debt Recovery</h4>
<p>Efficient legal recovery strategies for businesses.</p>
</div>
</div>

</div>
</div>
</section>

<!-- WHY CHOOSE US -->
<section class="py-5 dark-section">
<div class="container text-center">
<h2 class="section-title text-white mb-5">Why Choose Us</h2>

<div class="row">
<div class="col-md-4">
<h4>Experienced Team</h4>
<p>Skilled advocates with broad legal experience.</p>
</div>

<div class="col-md-4">
<h4>Client Focused</h4>
<p>Every matter receives strategic personal attention.</p>
</div>

<div class="col-md-4">
<h4>Results Driven</h4>
<p>We pursue practical and successful outcomes.</p>
</div>
</div>
</div>
</section>

<!-- CTA -->
<section class="py-5 text-center">
<div class="container">
<h2 class="section-title mb-3">Need Legal Assistance?</h2>
<p class="mb-4">Speak with our advocates today.</p>

<a href="<?php echo esc_url(site_url('/contact-us')); ?>" class="btn-gold">
Contact Us
</a>
</div>
</section>

<!-- WHATSAPP -->
<a class="whatsapp-float"
href="https://wa.me/254720425271"
target="_blank">☎</a>

<?php get_footer(); ?>