Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
5d45cee0cf | ||
 tokslaw
|
e00f07c1d5 |
@@ -19,7 +19,7 @@ function getConfig() {
|
||||
"support_us_address": 'Cumberland Pkwy, Atlanta GA 30339',
|
||||
"support_ng_address": 'Saka Tinubu Street, Victoria Island Lagos, Nigeria',
|
||||
"dummy": "2018-06-25T18:54:22.000Z",
|
||||
"user_service_endpoint": "https://dashboard.wrenchboard.com/svs/user",
|
||||
"user_service_endpoint": process.env.REACT_APP_AUX_ENDPOINT,
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ import getConfig from './../Config/config'
|
||||
async function ContactData(callData) {
|
||||
// debugger;
|
||||
var site = getConfig()[0];
|
||||
let response = await Axios.post(`${process.env.REACT_APP_AUX_ENDPOINT}/sitecontact`, callData);
|
||||
let response = await Axios.post(`${site.user_service_endpoint}/sitecontact`, callData);
|
||||
return response.data.result;
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
import Axios from 'axios';
|
||||
import getConfig from './../Config/config'
|
||||
|
||||
async function FaqData() {
|
||||
// debugger;
|
||||
var site = getConfig()[0];
|
||||
let response = await Axios.post(`${site.user_service_endpoint}/faq`);
|
||||
return await response;
|
||||
}
|
||||
|
||||
export default FaqData;
|
||||
+15
-5
@@ -2490,6 +2490,10 @@ p {
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.appie-single-service-2 .icon img {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
.appie-single-service-2 .title {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
@@ -2634,10 +2638,13 @@ p {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.service-details-sidebar .service-category-widget ul li i {
|
||||
color: #2b70fa;
|
||||
color: #4687ba;
|
||||
width: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.service-details-sidebar .service-category-widget ul li a {
|
||||
color: #4687ba;
|
||||
}
|
||||
.service-details-sidebar .service-category-widget ul li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -2651,10 +2658,10 @@ p {
|
||||
color: #505056;
|
||||
}
|
||||
.service-details-sidebar .service-download-widget a:hover {
|
||||
color: #2b70fa;
|
||||
color: #4687ba;
|
||||
}
|
||||
.service-details-sidebar .service-download-widget i {
|
||||
color: #2b70fa;
|
||||
color: #4687ba;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
@@ -2676,6 +2683,9 @@ p {
|
||||
padding-top: 34px;
|
||||
padding-bottom: 26px;
|
||||
}
|
||||
.service-details-content .content p a {
|
||||
color: #4687ba;
|
||||
}
|
||||
|
||||
.appie-services-8-area .service-thumb {
|
||||
margin-left: -50px;
|
||||
@@ -5600,7 +5610,7 @@ blockquote cite {
|
||||
ul
|
||||
li
|
||||
a:hover {
|
||||
color: #db0f30;
|
||||
color: #4687ba;
|
||||
}
|
||||
.appie-footer-area.appie-footer-about-area.appie-footer-8-area
|
||||
.footer-widget-info
|
||||
@@ -5731,7 +5741,7 @@ blockquote cite {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.footer-navigation ul li a:hover {
|
||||
color: #2b70fa;
|
||||
color: #4687ba;
|
||||
}
|
||||
.footer-navigation.footer-navigation-2 ul li a:hover {
|
||||
color: #ff3e66;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
@@ -31,13 +31,11 @@ function ServicesAbout() {
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="icon d-flex justify-content-between align-items-end">
|
||||
<div className='container'>
|
||||
<div className="icon d-flex justify-content-center align-items-center">
|
||||
{/* <div className='container'>
|
||||
<i className="fal fa-tv"></i>
|
||||
</div>
|
||||
<div className='container'>
|
||||
<img src={Design} />
|
||||
</div>
|
||||
</div> */}
|
||||
<img src={Design} />
|
||||
</div>
|
||||
<h4 className="title">Carefully designed</h4>
|
||||
<p>We listen to how the users will love to use our tools. It is always about the users</p>
|
||||
@@ -49,16 +47,11 @@ function ServicesAbout() {
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
{/* <div className="icon">
|
||||
<i className="fal fa-code"></i>
|
||||
</div> */}
|
||||
<div className="icon d-flex justify-content-between align-items-end">
|
||||
<div className='container'>
|
||||
<div className="icon d-flex justify-content-center align-items-center">
|
||||
{/* <div className='container'>
|
||||
<i className="fal fa-code"></i>
|
||||
</div>
|
||||
<div className='container'>
|
||||
<img src={Approach} />
|
||||
</div>
|
||||
</div> */}
|
||||
<img src={Approach} />
|
||||
</div>
|
||||
<h4 className="title">Modern Approach</h4>
|
||||
<p>Our target is to present a cutting-edge solution that serves the users at all times.</p>
|
||||
@@ -70,16 +63,11 @@ function ServicesAbout() {
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
{/* <div className="icon">
|
||||
<i className="fal fa-user-friends"></i>
|
||||
</div> */}
|
||||
<div className="icon d-flex justify-content-between align-items-end">
|
||||
<div className='container'>
|
||||
<div className="icon d-flex justify-content-center align-items-center">
|
||||
{/* <div className='container'>
|
||||
<i className="fal fa-user-friends"></i>
|
||||
</div>
|
||||
<div className='container'>
|
||||
<img src={Interactive} />
|
||||
</div>
|
||||
</div> */}
|
||||
<img src={Interactive} />
|
||||
</div>
|
||||
<h4 className="title">User Interactive</h4>
|
||||
<p>Email, notifications, and alerts to get you engaged in the process.</p>
|
||||
@@ -91,16 +79,11 @@ function ServicesAbout() {
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
{/* <div className="icon">
|
||||
<i className="fal fa-mobile"></i>
|
||||
</div> */}
|
||||
<div className="icon d-flex justify-content-between align-items-end">
|
||||
<div className='container'>
|
||||
<div className="icon d-flex justify-content-center align-items-center">
|
||||
{/* <div className='container'>
|
||||
<i className="fal fa-mobile"></i>
|
||||
</div>
|
||||
<div className='container'>
|
||||
<img src={Mobility} />
|
||||
</div>
|
||||
</div> */}
|
||||
<img src={Mobility} />
|
||||
</div>
|
||||
<h4 className="title">Mobility Approach</h4>
|
||||
<p>Web and native app solution for your continuously moving life.</p>
|
||||
@@ -112,16 +95,11 @@ function ServicesAbout() {
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
{/* <div className="icon">
|
||||
<i className="fal fa-retweet"></i>
|
||||
</div> */}
|
||||
<div className="icon d-flex justify-content-between align-items-end">
|
||||
<div className='container'>
|
||||
<div className="icon d-flex justify-content-center align-items-center">
|
||||
{/* <div className='container'>
|
||||
<i className="fal fa-retweet"></i>
|
||||
</div>
|
||||
<div className='container'>
|
||||
<img src={Seamless} />
|
||||
</div>
|
||||
</div> */}
|
||||
<img src={Seamless} />
|
||||
</div>
|
||||
<h4 className="title">Seamless Sync</h4>
|
||||
<p> Changes across platforms is simplified and streamlined.</p>
|
||||
@@ -133,16 +111,11 @@ function ServicesAbout() {
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
{/* <div className="icon">
|
||||
<i className="fal fa-bell"></i>
|
||||
</div> */}
|
||||
<div className="icon d-flex justify-content-between align-items-end">
|
||||
<div className='container'>
|
||||
<div className="icon d-flex justify-content-center align-items-center">
|
||||
{/* <div className='container'>
|
||||
<i className="fal fa-bell"></i>
|
||||
</div>
|
||||
<div className='container'>
|
||||
<img src={Privacy} />
|
||||
</div>
|
||||
</div> */}
|
||||
<img src={Privacy} />
|
||||
</div>
|
||||
<h4 className="title">Privacy</h4>
|
||||
<p>We truly respect your need for privacy. Our solution doesn't need to share your data to work for you.</p>
|
||||
|
||||
@@ -18,7 +18,7 @@ function FAQ() {
|
||||
<>
|
||||
<Drawer drawer={drawer} action={drawerAction.toggle} />
|
||||
<HeaderService action={drawerAction.toggle} />
|
||||
<HeroService title="FAQ" />
|
||||
<HeroService title="Frequently asked questions" />
|
||||
<FAQService />
|
||||
<FooterHomeOne />
|
||||
<BackToTop />
|
||||
|
||||
@@ -1,13 +1,21 @@
|
||||
import React from 'react';
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import thumb from '../../assets/images/service-page.jpg';
|
||||
import ServiceSideMenu from './ServiceSideMenu';
|
||||
import getConfig from './../../Config/config'
|
||||
import {Link} from 'react-router-dom'
|
||||
import FaqData from '../../Services/FaqData';
|
||||
|
||||
function FAQService() {
|
||||
var site = getConfig()[0];
|
||||
let [faq, setFaq] = useState([])
|
||||
|
||||
let dummyFaq = [1,2,3,4,5]
|
||||
useEffect(()=>{
|
||||
FaqData().then(res => {
|
||||
console.log(res)
|
||||
setFaq(res.data.result_list)
|
||||
}).catch(err => {
|
||||
console.log('You got an error ========> '+ err)
|
||||
})
|
||||
},[])
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -18,24 +26,24 @@ function FAQService() {
|
||||
<ServiceSideMenu />
|
||||
</div>
|
||||
<div className="col-lg-8">
|
||||
<div className="faq-details-content">
|
||||
<div className="service-details-content">
|
||||
<div className="container-fluid">
|
||||
<h1 className='display-4'>Frequently asked questions</h1>
|
||||
<h3>Frequently asked questions</h3>
|
||||
</div>
|
||||
<div class="accordion" id="accordionExample">
|
||||
{dummyFaq.map((item, index)=>(
|
||||
{faq.map((item, index)=>(
|
||||
<div key={index} class="card">
|
||||
<div class="card-header" id={`heading${index}`}>
|
||||
<h2 class="mb-0">
|
||||
<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target={`#collapse${index}`} aria-expanded="true" aria-controls={`collapse${index}`}>
|
||||
Item {index+1}
|
||||
</button>
|
||||
</h2>
|
||||
<h2 class="mb-0">
|
||||
<button class="btn btn-block text-left" type="button" data-toggle="collapse" data-target={`#collapse${index}`} aria-expanded="true" aria-controls={`collapse${index}`}>
|
||||
{item.title}
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id={`collapse${index}`} class={`${index > 0 ? 'collapse' : 'collapse show'}`} aria-labelledby={`heading${index}`} data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
{item.msg}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user