@extends('Frontend.Layouts.app')
@section('title', 'Payment Method')
@section('content')
    <!-- HEADER AREA -->
        @include('Frontend.Includes.Headers.headerOne')
    <!-- HEADER AREA END -->

    <!-- shared hosting banner -->
    <div class="rts-hosting-banner rts-hosting-banner-bg banner-default-height">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="banner-area">
                        <div class="rts-hosting-banner rts-hosting-banner__content pricing__banner">
                            <span class="starting__price" data-sal="slide-down" data-sal-delay="100" data-sal-duration="800">Payment Method</span>
                            <h1 class="banner-title" data-sal="slide-down" data-sal-delay="200" data-sal-duration="800">
                                Payment Methods
                            </h1>
                            <p class="slogan" data-sal="slide-down" data-sal-delay="300" data-sal-duration="800">You can purchase our services using a wide range of payment methods.</p>
                            <div class="hosting-action">
                                <a href="{{route('pricingPackage')}}" class="btn__two secondary__bg secondary__color">Start Now <i class="fa-regular fa-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="rts-hosting-banner__image pricing-compare">
                            <img src="{{asset ('assets/images/banner/pricing/banner__pricing__image.svg') }}" alt="">
                            <div class="shape__image">
                                <img src="{{asset ('assets/images/banner/pricing/shape__star.svg') }}" alt="" class="shape__image--one show-hide">
                                <img src="{{asset ('assets/images/banner/pricing/shape__dollar.svg') }}" alt="" class="shape__image--two top-bottom">
                                <img src="{{asset ('assets/images/banner/pricing/shape__dollar-2.svg') }}" alt="" class="shape__image--three">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- shared hosting banner end-->

    <!-- payment option start-->
    <section class="rts-payment-option section__padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="rts-section w-440 text-center">
                    <h2 class="rts-section__title" data-sal="slide-down" data-sal-delay="100" data-sal-duration="800">Payment Options</h2>
                    <p class="rts-section__description" data-sal="slide-down" data-sal-delay="300" data-sal-duration="800">We accept a variety of credit and debit cards, e-wallets, and a wide range of cryptocurrencies.</p>
                </div>
            </div>
            <div class="section-inner">
                <div class="row g-5 justify-content-center">
                    <div class="col-lg-6">
                        <div class="payment-method-wrapper">
                            <h3 class="heading-title">Credit and Debit Cards</h3>
                            <ul class="brand-area">
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/visa.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/master-card.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/discover.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/diners-club.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/maestro.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/american-express.png') }}" alt=""></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="payment-method-wrapper method-2">
                            <h3 class="heading-title">E-Wallets</h3>
                            <ul class="brand-area">
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/paypal.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/amazon.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/skrill.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/wise.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/ebay.png') }}" alt=""></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="payment-method-wrapper method-3">
                            <h3 class="heading-title">Credit and Debit Cards</h3>
                            <ul class="brand-area">
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/bitcoin.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/tron.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/ethereum.png') }}" alt=""></a>
                                </li>
                                <li>
                                    <a href="#"><img src="{{asset ('assets/images/payment/litecoin.png') }}" alt=""></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- payment option end-->

    <!-- SUPPORT AREA -->
    <div class="rts-support black__friday--support">
        <div class="container">
            <div class="row">
                <div class="rts-support__wrapper">
                    <div class="rts-support__wrapper--content">
                        <h3 class="title" data-sal="slide-down" data-sal-delay="100" data-sal-duration="800">24/7 World-Class Support</h3>
                        <p data-sal="slide-down" data-sal-delay="200" data-sal-duration="800">Ran into trouble? Contact our Customer Success team any
                            time via live chat or email.
                        </p>
                        <div class="feature" data-sal="slide-down" data-sal-delay="300" data-sal-duration="800">
                            <ul class="feature__list">
                                <li class="feature__item">Receive professional WordPress support</li>
                                <li class="feature__item">Our specialists are available round</li>
                            </ul>
                        </div>
                        <a href="{{route('support')}}" class="rts-btn rts-btn-primary support-btn">Get Support <i class="fa-regular fa-chevron-right"></i></a>
                    </div>
                    <div class="rts-support__wrapper--image" data-sal="slide-left" data-sal-delay="400" data-sal-duration="800">
                        <img src="{{asset ('assets/images/support/support__image.svg') }}" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- SUPPORT AREA END -->

    <!-- SHARED HOSTING FAQ -->
    <div class="rts-hosting-faq section__padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="rts-section text-center">
                        <h2 class="rts-section__title mb-0" data-sal="slide-down" data-sal-delay="100" data-sal-duration="800">Payments FAQs</h2>
                    </div>
                    <div class="rts-faq__accordion" data-sal="slide-down" data-sal-delay="100" data-sal-duration="800">
                        <div class="accordion accordion-flush" id="rts-accordion">
                            <div class="accordion-item active">
                                <div class="accordion-header" id="first">
                                    <h4 class="accordion-button collapse show" data-bs-toggle="collapse" data-bs-target="#item__one" aria-expanded="false" aria-controls="item__one">
                                        Why buy a domain name from hostie?
                                    </h4>
                                </div>
                                <div id="item__one" class="accordion-collapse collapse collapse show" aria-labelledby="first" data-bs-parent="#rts-accordion">
                                    <div class="accordion-body">
                                        Above all else, we strive to deliver outstanding customer experiences. When you buy a domain name from hostie, we guarantee it will be handed over.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <div class="accordion-header" id="two">
                                    <h4 class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#item__two" aria-expanded="false" aria-controls="item__two">
                                        How does domain registration work?
                                    </h4>
                                </div>
                                <div id="item__two" class="accordion-collapse collapse" aria-labelledby="two" data-bs-parent="#rts-accordion">
                                    <div class="accordion-body">
                                        Above all else, we strive to deliver outstanding customer experiences. When you buy a domain name from hostie, we guarantee it will be handed over.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <div class="accordion-header" id="three">
                                    <h4 class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#item__three" aria-expanded="false" aria-controls="item__three">
                                        Why is domain name registration required?
                                    </h4>
                                </div>
                                <div id="item__three" class="accordion-collapse collapse" aria-labelledby="three" data-bs-parent="#rts-accordion">
                                    <div class="accordion-body">
                                        Above all else, we strive to deliver outstanding customer experiences. When you buy a domain name from hostie, we guarantee it will be handed over.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <div class="accordion-header" id="four">
                                    <h4 class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#item__four" aria-expanded="false" aria-controls="item__four">
                                        Why is domain name registration required?
                                    </h4>
                                </div>
                                <div id="item__four" class="accordion-collapse collapse" aria-labelledby="four" data-bs-parent="#rts-accordion">
                                    <div class="accordion-body">
                                        Above all else, we strive to deliver outstanding customer experiences. When you buy a domain name from hostie, we guarantee it will be handed over.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <div class="accordion-header" id="five">
                                    <h4 class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#item__five" aria-expanded="false" aria-controls="item__four">
                                        Why is domain name registration required?
                                    </h4>
                                </div>
                                <div id="item__five" class="accordion-collapse collapse" aria-labelledby="five" data-bs-parent="#rts-accordion">
                                    <div class="accordion-body">
                                        Above all else, we strive to deliver outstanding customer experiences. When you buy a domain name from hostie, we guarantee it will be handed over.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- SHARED HOSTING FAQ END -->


    <!-- HOSTIE CTA -->
    <div class="rts-cta-two shared-page-bg">
        <div class="container">
            <div class="row">
                <div class="rts-cta-two__wrapper">
                    <div class="cta__shape"></div>
                    <div class="cta-content">
                        <span data-sal="slide-down" data-sal-delay="100" data-sal-duration="800">Need help choosing a plan?</span>
                        <h4 data-sal="slide-down" data-sal-delay="200" data-sal-duration="800">Need help?
                            We're always here for you.</h4>
                    </div>
                    <div class="cta-btn">
                        <a href="#" class="contact__us primary__btn btn__two secondary__bg secondary__color">Go to Live chat Page</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- HOSTIE CTA END -->

    <!-- FOOTER AREA -->
    @include('Frontend.Includes.Footers.footerOne')
    <!-- FOOTER AREA END -->
@endsection
