<?php
/*
|--------------------------------------------------------------------------
| HYRO ONE Experience
|--------------------------------------------------------------------------
| Component : Homepage Hero Section
|--------------------------------------------------------------------------
*/
?>

<section class="homepage-hero">

    <div class="hyro-container homepage-hero-grid">

        <div class="homepage-hero-content">

            <div class="homepage-hero-eyebrow">
                CLOUD SOFTWARE FOR GROWING BUSINESSES
            </div>

            <h1>
                Run your business with
                <span>one powerful platform.</span>
            </h1>

            <p class="homepage-hero-description">
                HYRO ONE brings your business software, cloud access,
                customer management and daily operations together in
                one simple platform.
            </p>

            <div class="homepage-hero-actions">

                <a
                    href="#free-trial"
                    class="hyro-button hyro-button-primary"
                >
                    ✨ Start Free Trial
                </a>

                <a
                    href="#book-demo"
                    class="hyro-button hyro-button-secondary"
                >
                    Book Live Demo →
                </a>

            </div>

            <div class="homepage-hero-proof">
                <span>✓ No installation</span>
                <span>✓ Secure cloud access</span>
                <span>✓ Mobile friendly</span>
                <span>✓ Dedicated support</span>
            </div>

        </div>

        <div class="homepage-product-preview">

            <div class="homepage-preview-top">
                <div class="homepage-preview-brand">
                    HYRO ONE Mission Control
                </div>

                <div class="homepage-preview-live">
                    ● CLOUD READY
                </div>
            </div>

            <div class="homepage-preview-banner">
                <small>One Platform</small>
                <strong>Unlimited Business.</strong>
            </div>

            <div class="homepage-preview-cards">

                <div class="homepage-preview-card">
                    <span>Available Products</span>
                    <strong>3</strong>
                </div>

                <div class="homepage-preview-card">
                    <span>Cloud Availability</span>
                    <strong>24/7</strong>
                </div>

                <div class="homepage-preview-card">
                    <span>Free Trial</span>
                    <strong>7 Days</strong>
                </div>

                <div class="homepage-preview-card">
                    <span>Setup</span>
                    <strong>Fast</strong>
                </div>

            </div>

        </div>

    </div>

</section>