@extends('layouts.landing')
    @section('content')
        

    <!--Common hero Section Starts -->
    <section class="cmn_heros pb-120 pt-120">
        <div class="container">
            <div class="row justify-content-center mt-5 mt-md-8 mt-lg-0">
                <div class="col-xxl-6">
                    <div class="cmn_heros__title text-center pt-15 pt-lg-6">
                        <h1 class="display-three mb-5 mb-md-7 wow fadeInUp">Staking Pools</h1>
                        <p class="roboto wow fadeInUp">Earn passive income easily with just one click!</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Common hero Section Ends -->
    @include('inc.market')
    @include('inc.discover')
    <!-- Staking Process starts -->
    <section class="staking_process bg9-color pt-120 pb-120">
        <div class="container">
            <div class="row gy-10 gy-sm-6">
                <div class="staking_process__title text-center mb-md-15">
                    <h2 class="mb-5 mb-md-6 wow fadeInUp">Staking Process</h2>
                    <p class="roboto wow fadeInUp">Earn rewards by participating in our straightforward and rewarding staking
                        process.</p>
                </div>
                <div class="col-sm-6 col-md-4 col-xl-3">
                    <div class="staking_process__item text-center wow fadeInUp position-relative">
                        <img class="mb-6 mb-md-8" src="assets/images/icon/process1.png" alt="Icon">
                        <h4 class="mb-4">Prepare Funds</h4>
                        <p>Convert assets required for staking</p>
                        <img class="staking_process__item-arrowicon position-absolute d-none d-sm-block"
                            src="assets/images/icon/processuparrow.png" alt="arrow icon">
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-xl-3">
                    <div class="staking_process__item text-center wow fadeInUp position-relative">
                        <img class="mb-6 mb-md-8" src="assets/images/icon/process2.png" alt="Icon">
                        <h4 class="mb-4">Stake Assets</h4>
                        <p>Choose any of the products provided</p>
                        <img class="staking_process__item-arrowicontwo position-absolute d-none d-md-block"
                            src="assets/images/icon/processdownarrow.png" alt="arrow icon">
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-xl-3 position-relative">
                    <div class="staking_process__item text-center wow fadeInUp">
                        <img class="mb-6 mb-md-8" src="assets/images/icon/process3.png" alt="Icon">
                        <h4 class="mb-4">Earn Yield</h4>
                        <p>Monitor Your Earnings And Leverage Tools To Take Profit</p>
                        <img class="staking_process__item-arrowicon position-absolute d-none d-sm-block  d-md-none d-xl-block"
                            src="assets/images/icon/processuparrow.png" alt="arrow icon">
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-xl-3">
                    <div class="staking_process__item text-center wow fadeInUp">
                        <img class="mb-6 mb-md-8" src="assets/images/icon/process4.png" alt="Icon">
                        <h4 class="mb-4">Collect Proceeds</h4>
                        <p>Withdrawal is processed in few seconds</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Staking Process ends -->
    @include('inc.faq')
    @endsection