@extends('layouts.landing', ['title' => __('help.title')])

@section('content')

     <x-layout.header-grocery />

    <main class="content-wrapper">

        <!-- Hero -->
        <section class="container pt-3 pt-sm-4">
            <div class="position-relative">
                <span class="position-absolute top-0 start-0 w-100 h-100 rounded-5 d-none-dark rtl-flip"
                    style="background: linear-gradient(-90deg, #accbee 0%, #e7f0fd 100%)"></span>
                <span class="position-absolute top-0 start-0 w-100 h-100 rounded-5 d-none d-block-dark rtl-flip"
                    style="background: linear-gradient(-90deg, #1b273a 0%, #1f2632 100%)"></span>
                <div class="row align-items-center position-relative z-1">
                    <div class="col-lg-7 col-xl-5 offset-xl-1 py-5">
                        <div class="px-4 px-sm-5 px-xl-0 pe-lg-4">
                            <h1 class="text-center text-sm-start mb-4">{{ __('help.hero_title') }}</h1>
                            <form class="d-flex flex-column flex-sm-row gap-2">
                                <input type="search" class="form-control form-control-lg"
                                    placeholder="{{ __('help.search_placeholder') }}" aria-label="Search field">
                                <button type="submit" class="btn btn-lg btn-primary px-3">
                                    <i class="ci-search fs-lg ms-n2 ms-sm-0"></i>
                                    <span class="ms-2 d-sm-none">{{ __('help.search') }}</span>
                                </button>
                            </form>
                            <div class="nav gap-2 pt-3 pt-sm-4 mt-1 mt-sm-0">
                                <span class="nav-link text-body-secondary pe-none p-0 me-1">{{ __('help.common_topics') }}:</span>
                                <a class="nav-link text-body-emphasis text-decoration-underline p-0 me-1"
                                    href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.payments') }}</a>
                                <a class="nav-link text-body-emphasis text-decoration-underline p-0 me-1"
                                    href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.refunds') }}</a>
                                <a class="nav-link text-body-emphasis text-decoration-underline p-0 me-1"
                                    href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.delivery') }}</a>
                                <a class="nav-link text-body-emphasis text-decoration-underline p-0 me-1"
                                    href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.dashboard') }}</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5 offset-xl-1 d-none d-lg-block">
                        <div class="ratio rtl-flip" style="--cz-aspect-ratio: calc(356 / 526 * 100%)">
                            <img src="/img/help/hero-light.png" class="d-none-dark" alt="Image">
                            <img src="/img/help/hero-dark.png" class="d-none d-block-dark" alt="Image">
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- Help topics -->
        <section class="container py-5">
            <div class="row g-0 pt-md-2 pt-xl-4">
                <div class="col-md-4 col-lg-3 pb-2 pb-sm-3 pb-md-0 mb-4 mb-md-0">
                    <h2 class="h5 border-bottom pb-3 pb-sm-4 mb-0">{{ __('help.help_topics') }}</h2>

                    <!-- Nav tabs in format of list group -->
                    <div class="list-group list-group-borderless pt-4 pe-md-4" role="tablist">
                        <a class="list-group-item list-group-item-action d-flex align-items-center active" href="#delivery"
                            data-bs-toggle="list" role="tab" aria-controls="delivery" id="delivery-tab"
                            aria-selected="true">
                            <i class="ci-delivery fs-base opacity-75 me-2"></i>
                            {{ __('help.delivery_tab') }}
                        </a>
                        <a class="list-group-item list-group-item-action d-flex align-items-center" href="#returns"
                            data-bs-toggle="list" role="tab" aria-controls="returns" id="returns-tab"
                            aria-selected="false" tabindex="-1">
                            <i class="ci-refresh-cw fs-base opacity-75 me-2"></i>
                            {{ __('help.returns_refunds') }}
                        </a>
                        <a class="list-group-item list-group-item-action d-flex align-items-center" href="#payment"
                            data-bs-toggle="list" role="tab" aria-controls="payment" id="payment-tab"
                            aria-selected="false" tabindex="-1">
                            <i class="ci-credit-card fs-base opacity-75 me-2"></i>
                            {{ __('help.payment_options') }}
                        </a>
                        <a class="list-group-item list-group-item-action d-flex align-items-center" href="#order"
                            data-bs-toggle="list" role="tab" aria-controls="order" id="order-tab" aria-selected="false"
                            tabindex="-1">
                            <i class="ci-shopping-bag fs-base opacity-75 me-2"></i>
                            {{ __('help.order_issues') }}
                        </a>
                        <a class="list-group-item list-group-item-action d-flex align-items-center" href="#stock"
                            data-bs-toggle="list" role="tab" aria-controls="stock" id="stock-tab" aria-selected="false"
                            tabindex="-1">
                            <i class="ci-archive fs-base opacity-75 me-2"></i>
                            {{ __('help.products_stock') }}
                        </a>
                        <a class="list-group-item list-group-item-action d-flex align-items-center" href="#account"
                            data-bs-toggle="list" role="tab" aria-controls="account" id="account-tab"
                            aria-selected="false" tabindex="-1">
                            <i class="ci-settings fs-base opacity-75 me-2"></i>
                            {{ __('help.managing_account') }}
                        </a>
                    </div>

                </div>
                <div class="col-md-8 col-lg-9">

                    <!-- Tabs with links -->
                    <div class="tab-content">

                        <!-- Delivery tab -->
                        <div class="tab-pane show active" id="delivery" role="tabpanel" aria-labelledby="delivery-tab">
                            <div class="d-flex border-bottom ps-md-4 pb-3 pb-sm-4">
                                <h2 class="h5 mb-0">{{ __('help.delivery_tab') }}</h2>
                            </div>
                            <div class="position-relative">
                                <div class="position-absolute top-0 start-0 h-100 border-start d-none d-md-block"></div>
                                <ul class="nav flex-column gap-3 pt-4 ps-md-4">
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.delivery_questions.how_courier_work') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.delivery_questions.not_available') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.delivery_questions.track_order') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.delivery_questions.express_delivery') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.delivery_questions.customs_charges') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Are there any restrictions on shipping
                                            certain products internationally?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I request a specific delivery time?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How can I cancel or modify my order before
                                            it's shipped?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">What is your policy on lost or damaged items
                                            during delivery?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How are shipping costs calculated?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Are there any additional fees for expedited
                                            delivery services?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I schedule a return pick-up for a
                                            product?</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <!-- Returns tab -->
                        <div class="tab-pane" id="returns" role="tabpanel" aria-labelledby="returns-tab">
                            <div class="d-flex border-bottom ps-md-4 pb-3 pb-sm-4">
                                <h2 class="h5 mb-0">{{ __('help.returns_refunds') }}</h2>
                            </div>
                            <div class="position-relative">
                                <div class="position-absolute top-0 start-0 h-100 border-start d-none d-md-block"></div>
                                <ul class="nav flex-column gap-3 pt-4 ps-md-4">
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.what_is_return_policy') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.return_eligibility') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.return_timeframe') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.return_condition') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.return_process') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.refund_method') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.refund_timeframe') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.exchange_policy') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.shipping_costs') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.damaged_items') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">{{ __('help.return_policy.international_returns') }}</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Do you provide return labels for
                                            international customers?</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <!-- Payment tab -->
                        <div class="tab-pane" id="payment" role="tabpanel" aria-labelledby="payment-tab">
                            <div class="d-flex border-bottom ps-md-4 pb-3 pb-sm-4">
                                <h2 class="h5 mb-0">Payment options</h2>
                            </div>
                            <div class="position-relative">
                                <div class="position-absolute top-0 start-0 h-100 border-start d-none d-md-block"></div>
                                <ul class="nav flex-column gap-3 pt-4 ps-md-4">
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">What payment methods do you accept?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I change the payment method after
                                            placing an order?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Are my credit card details secure on your
                                            website?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Do you offer installment payment
                                            options?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How do I use a promo code or gift card
                                            during checkout?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Are there any additional fees for using
                                            certain payment methods?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I split the payment between two
                                            different cards?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">What currencies do you accept for
                                            international orders?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Is it safe to save my payment information
                                            for future purchases?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Why was my payment declined?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How can I request a refund for an
                                            overcharged amount?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Do you offer cash-on-delivery (COD) as a
                                            payment option?</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <!-- Order tab -->
                        <div class="tab-pane" id="order" role="tabpanel" aria-labelledby="order-tab">
                            <div class="d-flex border-bottom ps-md-4 pb-3 pb-sm-4">
                                <h2 class="h5 mb-0">Order issues</h2>
                            </div>
                            <div class="position-relative">
                                <div class="position-absolute top-0 start-0 h-100 border-start d-none d-md-block"></div>
                                <ul class="nav flex-column gap-3 pt-4 ps-md-4">
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How can I track the status of my order?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">What should I do if my order is delayed?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I cancel my order after it has been
                                            placed?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">What happens if an item in my order is out
                                            of stock?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How do I add or remove items from my
                                            existing order?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Do you offer expedited shipping options?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">My tracking information is not updating;
                                            what should I do?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I change the shipping address for my
                                            order?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">What if my order is missing items or is
                                            incomplete?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How do I report a problem with my delivered
                                            package?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I request a gift receipt with my
                                            order?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Are there any restrictions on shipping to
                                            certain locations?</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <!-- Stock tab -->
                        <div class="tab-pane" id="stock" role="tabpanel" aria-labelledby="stock-tab">
                            <div class="d-flex border-bottom ps-md-4 pb-3 pb-sm-4">
                                <h2 class="h5 mb-0">Products &amp; stock</h2>
                            </div>
                            <div class="position-relative">
                                <div class="position-absolute top-0 start-0 h-100 border-start d-none d-md-block"></div>
                                <ul class="nav flex-column gap-3 pt-4 ps-md-4">
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How often is your product inventory
                                            updated?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I pre-order items that are out of
                                            stock?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Are your products authentic and
                                            original?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">What should I do if an item I want is out of
                                            stock?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Do you restock popular or sold-out
                                            items?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I modify or customize a product before
                                            purchasing?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Are there any warranties on your
                                            products?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How do I sign up for product restock
                                            notifications?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I review products on your website?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">What is the difference between in-stock and
                                            pre-order items?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Are the product images on your website
                                            accurate representations?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Do you offer bulk or wholesale
                                            discounts?</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <!-- Account tab -->
                        <div class="tab-pane" id="account" role="tabpanel" aria-labelledby="account-tab">
                            <div class="d-flex border-bottom ps-md-4 pb-3 pb-sm-4">
                                <h2 class="h5 mb-0">Managing account</h2>
                            </div>
                            <div class="position-relative">
                                <div class="position-absolute top-0 start-0 h-100 border-start d-none d-md-block"></div>
                                <ul class="nav flex-column gap-3 pt-4 ps-md-4">
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How do I create an account on your
                                            website?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I change my email address associated
                                            with my account?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">What should I do if I forgot my
                                            password?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How can I update my personal information on
                                            my account?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Is my account information secure on your
                                            website?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I have multiple shipping addresses saved
                                            in my account?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How do I unsubscribe from newsletters or
                                            promotional emails?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Can I delete my account, and what happens to
                                            my order history?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How do I check the status of my recent
                                            orders?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">Do you offer a guest checkout option without
                                            creating an account?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">How can I subscribe or unsubscribe from SMS
                                            notifications?</a>
                                    </li>
                                    <li>
                                        <a class="nav-link hover-effect-underline fw-normal p-0"
                                            href="{{ route('second', ['help', 'single-article-v2']) }}">What benefits come with creating an account
                                            on your website?</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Contact CTA -->
            <div class="pt-4 pb-1 pb-sm-3 pb-md-4 pb-xl-5 mt-2 mt-sm-3">
                <h3 class="fs-sm pb-sm-1">Can't find an answer to your question?</h3>
                <a class="btn btn-lg btn-primary" href="#!">{{ __('help.contact_us') }}</a>
            </div>
        </section>


        <!-- Popular articles (Carousel) -->
        <div class="container">
            <x-help.article-carousel />
        </div>

        <!-- FAQ (Accordion) -->
        <x-help.faq-section />
    </main>

    @include('layouts.partials/footer')
@endsection

@section('scripts')
@endsection