@extends('frontend.layouts.app')

@section('title')
    Support - {{ config('app.name') }}
@endsection

@section('content')
    <!-- Start breadcrumb section -->
    <section class="hero__slider--section">
        <div class="slider__thumbnail--style5 position-relative">
            <img class="slider__thumbnail--img__style5 banner-height" src="assets/img/faq/call-center.png" alt="slider-img">
            <div class="hero__content--style5 text-center banner-text-center">
                <div class="container">
                    <div class="row">
                        <h2 class="hero__content--style5__title h1 support">Welcome To RAVOZ Home Automation Support</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End breadcrumb section -->
    <!-- Start contact section -->
    <section class="contact__section section--padding">
        <div class="container">
            <div class="contact__section--heading text-center">
                <h2 class="contact__section--heading__maintitle support">Get Support</h2>
                <p class="contact__section--heading__desc">Please select the problem description of product and we will
                    recommend the most appropriate solution for you</p>

            </div>
    </section>
    <!-- End contact section -->
    <!-- Start shipping section -->
    <section class="shipping__section">
        <div class="container support-page">

            <div class="shipping__inner style2 d-flex">
                {{-- <div class="shipping__items style2 align-items-center">
                <a href="{{ route('frontend.warranty') }}">
                    <div class="shipping__icon">
                        <img src="assets/img/other/warrenty.png" alt="icon-img">
                    </div>
                    <div class="shipping__content">
                        <h2 class="shipping__content--title h3">Warrenty Status Check</h2>
                        <p class="shipping__content--desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                    </div>
                </a>
            </div> --}}
                <div class="shipping__items style2">
                    <a href="{{ route('frontend.userguide') }}">
                        <div class="shipping__icon">
                            <img src="assets/img/other/user.png" alt="icon-img">
                        </div>
                        <div class="shipping__content">
                            <h2 class="shipping__content--title h3">USER MANUAL</h2>
                            <p class="shipping__content--desc">Having trouble using the product? <br>
                                Download the product user manual to know more about the product</p>
                        </div>
                    </a>
                </div>
                <div class="shipping__items style2">
                    <a href="{{ route('frontend.software') }}">
                        <div class="shipping__icon">
                            <img src="assets/img/other/download.png" alt="icon-img">
                        </div>
                        <div class="shipping__content">
                            <h2 class="shipping__content--title h3">SOFTWARE DOWNLOAD</h2>
                            <p class="shipping__content--desc">Download the Latest Ravoz Smart home App for iOS and Android.
                            </p>
                        </div>
                    </a>
                </div>
                <div class="shipping__items style2">
                    <a href="{{ route('frontend.faq') }}">
                        <div class="shipping__icon">
                            <img src="assets/img/other/faq.png" alt="icon-img">
                        </div>
                        <div class="shipping__content">
                            <h2 class="shipping__content--title h3">FAQ</h2>
                            <p class="shipping__content--desc">Read the Frequently asked Questions to clear all your doubts
                                and queries regarding the products.</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- End shipping section -->
@endsection