<section class=”hero-section py-20 text-center text-white”>
<div class=”container mx-auto px-6″>
<h1 class=”section-title text-5xl md:text-6xl mb-6 font-bold”>Digital Transformation for African Professionals</h1>
<p class=”text-xl md:text-2xl mb-12 max-w-3xl mx-auto leading-relaxed”>Transform how you deliver your expertise, streamline your workflow, and build a sustainable digital business for long-term success.</p>
<a href=”#book” class=”cta-button text-lg px-10 py-4 inline-block hover:shadow-xl transition-all”>Book a Consultation</a>
</div>
</section>
<section id=”framework” class=”py-24 bg-white”>
<div class=”container mx-auto px-6″>
<h2 class=”section-title text-center mb-16″>The Human-Centered Digital Success Framework</h2>
<p class=”text-xl text-gray-700 max-w-4xl mx-auto text-center mb-20 leading-relaxed”>Our work unites behavioral insight, workflow design, and strategic tech adaptation. Move from “doing digital” to being digitally strategic.</p>
<div class=”grid md:grid-cols-4 gap-8 text-center”>
<div class=”p-8″>
<div class=”w-16 h-16 bg-emerald rounded-full mx-auto mb-6 flex items-center justify-center text-white font-bold”>1</div>
<h3 class=”text-2xl font-semibold mb-4 text-charcoal”>Discover</h3>
<p>Your current customer journey and opportunities</p>
</div>
<!– Repeat for steps 2-4: Design, Implement, Grow –>
</div>
</div>
</section>
<section id=”who-we-help” class=”py-24″>
<div class=”container mx-auto px-6″>
<h2 class=”section-title text-center mb-20″>Who We Help</h2>
<div class=”grid md:grid-cols-2 gap-12″>
<div class=”bg-white p-12 rounded-2xl shadow-lg”>
<h3 class=”text-3xl font-bold mb-6 text-primary-indigo”>Service-Based Professionals</h3>
<p class=”text-lg mb-8 leading-relaxed”>Translate expertise into digital models that grow independently.</p>
<a href=”#” class=”cta-button”>Transform Your Services</a>
</div>
<div class=”bg-white p-12 rounded-2xl shadow-lg”>
<h3 class=”text-3xl font-bold mb-6 text-primary-indigo”>Teams & Organizations</h3>
<p class=”text-lg mb-8 leading-relaxed”>Integrate tech through frameworks that enhance performance.</p>
<a href=”#” class=”cta-button”>Empower Your Team</a>
</div>
</div>
</div>
</section>
<!– Services, About, Why Us, Testimonials, FAQs follow same pattern –>
<section id=”services” class=”py-24 bg-soft-bg”>
<!– Tiered pricing cards here –>
</section>