ECOMMERCE/resources/views/help/topics-v2.blade.php

546 lines
38 KiB
PHP

@extends('layouts.landing', ['title' => __('help.title')])
@section('content')
<x-layout.header />
<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">Returns &amp; 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']) }}">How do I initiate a return for a
product?</a>
</li>
<li>
<a class="nav-link hover-effect-underline fw-normal p-0"
href="{{ route('second', ['help', 'single-article-v2']) }}">What is your return policy?</a>
</li>
<li>
<a class="nav-link hover-effect-underline fw-normal p-0"
href="{{ route('second', ['help', 'single-article-v2']) }}">Can I exchange a product instead of getting
a refund?</a>
</li>
<li>
<a class="nav-link hover-effect-underline fw-normal p-0"
href="{{ route('second', ['help', 'single-article-v2']) }}">How long does it take to process a
refund?</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 returned item is
damaged or defective?</a>
</li>
<li>
<a class="nav-link hover-effect-underline fw-normal p-0"
href="{{ route('second', ['help', 'single-article-v2']) }}">Are there any items that are not eligible
for returns?</a>
</li>
<li>
<a class="nav-link hover-effect-underline fw-normal p-0"
href="{{ route('second', ['help', 'single-article-v2']) }}">Can I return a gift that was purchased for
me?</a>
</li>
<li>
<a class="nav-link hover-effect-underline fw-normal p-0"
href="{{ route('second', ['help', 'single-article-v2']) }}">Is there a restocking fee for returned
items?</a>
</li>
<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 return?</a>
</li>
<li>
<a class="nav-link hover-effect-underline fw-normal p-0"
href="{{ route('second', ['help', 'single-article-v2']) }}">What do I do if I receive the wrong item in
my order?</a>
</li>
<li>
<a class="nav-link hover-effect-underline fw-normal p-0"
href="{{ route('second', ['help', 'single-article-v2']) }}">Are shipping costs refundable for returned
items?</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