<template>
     <!-- home-agency start -->
     <section class="hero-2" id="home">
            <div class="bg-overlay-img"></div>
            <b-container>
                <b-row class="align-items-center justify-content-center hero-content">
                    <b-col lg="6">
                        <div class="avatar avatar-xl rounded-circle bg-soft-primary text-primary shadow-sm mb-4">
                            <i class="mdi mdi-rocket-launch mb-0 h2"></i>
                        </div>
                        <h1 class="hero-title fw-bold mb-4 display-5">Manage Your Activity With <span class="text-primary">Appexy</span></h1>
                        <p class="opacity-75 mb-4 pb-3 fs-17">Maecenas tempus, tellus eget condimentum rhoncus quam semper libero sit amet adipiscing sem neque sed ipsum nam quam nunc blandit vel luctus pulvinar.</p>
                        <a href="javascript:void(0);" class="btn btn-lg btn-gradient-primary me-1">Get Started Today</a>
                        <a href="javascript:void(0);" class="btn btn-lg btn-outline-dark">Download App</a>
                    </b-col>

                    <b-col md="8" lg="5" class="offset-lg-1">
                        <div class="hero-2-img mt-5 mt-lg-0">
                            <img src="../../assets/images/heros/hero-2-img.png" alt="" class="img-fluid rounded-lg">
                        </div>
                    </b-col>
                </b-row>
            </b-container>
        </section>
        <!-- home-agency end -->
</template>

<script lang="ts">
    export default {
        
    }
</script>