<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/download/" class="hero-button">Start now</a>
        </div>

        <!-- Right content with app screenshots -->
        <div class="hero-screenshots">
            <div class="screenshot">
                <img src="assets/screenshots/home_1.jpg" alt="Screenshot 1">
            </div>
            <div class="screenshot">
                <img src="assets/screenshots/home_2.jpg" alt="Screenshot 2">
            </div>
            <div class="screenshot">
                <img src="assets/screenshots/home_3.jpg" alt="Screenshot 3">
            </div>
        </div>
    </div>
</section>