<link rel="stylesheet" href="{{asset "css/hero.css"}}">

<section class="hero">
    <div class="hero-inner">
        <!-- Left content with logo and text -->
        <div class="hero-content">
            <img src="assets/images/anyway_logo_black.png" alt="Logo" class="hero-logo">
            <h1 class="hero-title">Our new app is available for download</h1>
            <a href="https://anydev.info/early-access/" class="hero-button">Start now</a>
        </div>

        <!-- Right content with app screenshots -->
        <div class="hero-screenshots">
            <div class="screenshot">
                <img src="assets/screenshots/screenshot_1.png" alt="Screenshot 1">
            </div>
            <div class="screenshot">
                <img src="assets/screenshots/screenshot_2.png" alt="Screenshot 2">
            </div>
            <div class="screenshot">
                <img src="assets/screenshots/screenshot_3.png" alt="Screenshot 3">
            </div>
        </div>
    </div>
</section>
