<div class="hero-section">
    <h1 class="hero-title">A Self-Healing Data, Network and Cloud Platform</h1>
    <p class="hero-description">
        Imagine a system built to scale to a planetary level, seamlessly compatible with AI, Cloud, Web2, Web3, and Edge IT workloads. A system that is resilient to unforeseen events, provides 100% uptime, and enables any machine and human to communicate over the shortest, most direct path possible.
    </p>
    <p class="hero-tagline">That's <strong>ThreeFold</strong>.</p>
    <div class="hero-buttons">
        <button class="btn btn-primary">Get Started Now</button>
        <button class="btn btn-secondary">See Products</button>
    </div>
</div>