Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
9771375431 | ||
 ameye
|
4829c9cd7e | ||
|
victorAnumudu
|
914a6ee1eb | ||
|
ameye
|
f83ddcba82 |
@@ -2,3 +2,18 @@ ESLINT_NO_DEV_ERRORS=true
|
||||
|
||||
REACT_APP_AUX_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
|
||||
REACT_APP_SITE_NAME='WrenchBoard'
|
||||
REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
|
||||
REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login"
|
||||
REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup"
|
||||
REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
|
||||
REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
|
||||
REACT_APP_FACEBOOK_LINK='https://www.facebook.com/wrenchboard'
|
||||
REACT_APP_TWITTER_LINK='https://twitter.com/wrenchboard/'
|
||||
REACT_APP_LINKEDIN_LINK="https://www.linkedin.com/company/wrenchboard/"
|
||||
REACT_APP_SUPPORT_EMAIL='support@wrenchboard.com'
|
||||
REACT_APP_SUPPORT_PHONE='404 855-7966'
|
||||
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
||||
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
||||
REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
|
||||
|
||||
+16
-1
@@ -1,4 +1,19 @@
|
||||
ESLINT_NO_DEV_ERRORS=true
|
||||
|
||||
REACT_APP_AUX_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
|
||||
REACT_APP_SITE_NAME='WrenchBoard'
|
||||
REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
|
||||
REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login"
|
||||
REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup"
|
||||
REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
|
||||
REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
|
||||
REACT_APP_FACEBOOK_LINK='https://www.facebook.com/wrenchboard'
|
||||
REACT_APP_TWITTER_LINK='https://twitter.com/wrenchboard/'
|
||||
REACT_APP_LINKEDIN_LINK="https://www.linkedin.com/company/wrenchboard/"
|
||||
REACT_APP_SUPPORT_EMAIL='support@wrenchboard.com'
|
||||
REACT_APP_SUPPORT_PHONE='404 855-7966'
|
||||
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
||||
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
||||
REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
|
||||
+16
-1
@@ -1,4 +1,19 @@
|
||||
ESLINT_NO_DEV_ERRORS=true
|
||||
|
||||
REACT_APP_AUX_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
|
||||
REACT_APP_SITE_NAME='WrenchBoard'
|
||||
REACT_APP_DASH_URL='https://users.wrenchboard.com'
|
||||
REACT_APP_DASH_URL_LOGIN="https://users.wrenchboard.com/login"
|
||||
REACT_APP_DASH_URL_SIGNUP="https://users.wrenchboard.com/signup"
|
||||
REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
|
||||
REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
|
||||
REACT_APP_FACEBOOK_LINK='https://www.facebook.com/wrenchboard'
|
||||
REACT_APP_TWITTER_LINK='https://twitter.com/wrenchboard/'
|
||||
REACT_APP_LINKEDIN_LINK="https://www.linkedin.com/company/wrenchboard/"
|
||||
REACT_APP_SUPPORT_EMAIL='support@wrenchboard.com'
|
||||
REACT_APP_SUPPORT_PHONE='404 855-7966'
|
||||
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
||||
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
||||
REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
|
||||
@@ -55,9 +55,6 @@
|
||||
<!--
|
||||
need jv8
|
||||
-->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
<script>var LHC_API = LHC_API||{};
|
||||
LHC_API.args = {mode:'widget',lhc_base_url:'//chat.live.wrenchboard.com/',wheight:450,wwidth:350,pheight:520,pwidth:500,leaveamessage:true,check_messages:false};
|
||||
|
||||
@@ -4,7 +4,7 @@ import getConfig from './../Config/config'
|
||||
async function ContactData(callData) {
|
||||
// debugger;
|
||||
var site = getConfig()[0];
|
||||
let response = await Axios.post(`${site.user_service_endpoint}/sitecontact`, callData);
|
||||
let response = await Axios.post(`${process.env.REACT_APP_AUX_ENDPOINT}/sitecontact`, callData);
|
||||
return response.data.result;
|
||||
}
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ import getConfig from './../Config/config'
|
||||
async function FaqData() {
|
||||
// debugger;
|
||||
var site = getConfig()[0];
|
||||
let response = await Axios.post(`${site.user_service_endpoint}/faq`);
|
||||
let response = await Axios.post(`${process.env.REACT_APP_AUX_ENDPOINT}/faq`);
|
||||
return await response;
|
||||
}
|
||||
|
||||
|
||||
@@ -16,7 +16,7 @@ async function JobsData() {
|
||||
});
|
||||
}
|
||||
*/
|
||||
let response = await Axios.post(site.user_service_endpoint + "/startjoblist", callData);
|
||||
let response = await Axios.post(process.env.REACT_APP_AUX_ENDPOINT + "/startjoblist", callData);
|
||||
return response.data.result_list;
|
||||
}
|
||||
|
||||
|
||||
@@ -8229,3 +8229,71 @@ blockquote cite {
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
|
||||
/* CSS FOR FAQ ACCORDION DISPLAY */
|
||||
.accordion-con{
|
||||
background-color: #f5f6f7;
|
||||
}
|
||||
|
||||
.accordion-item{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* z-index: 1; */
|
||||
border-radius: 5px;
|
||||
box-shadow: 0px 0px 15px #ddd;
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.accordion-title-bar{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
.accordion-title p {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.accordion-title-icon{
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.accordion-title-icon img{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.horizontal{
|
||||
transition: all .5s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: skyblue;
|
||||
color: #fff;
|
||||
border-radius: 999px;
|
||||
padding: 2px 3px;
|
||||
}
|
||||
.vertical{
|
||||
transform: rotate(180deg);
|
||||
background-color: #4687ba;
|
||||
}
|
||||
|
||||
.accordion-body-hide{
|
||||
position: relative;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
transition: all .5s;
|
||||
}
|
||||
.accordion-body-show{
|
||||
position: relative;
|
||||
/* height: 100px; */
|
||||
visibility: visible;
|
||||
transition: all .5s;
|
||||
/* animation-name: slidedown;
|
||||
animation-timing-function: linear;
|
||||
animation-duration: .5s;
|
||||
animation-fill-mode: forwards; */
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@@ -30,10 +30,10 @@ function HeaderAbout({ action }) {
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
|
||||
<div className="appie-btn-box text-right">
|
||||
<a className="login-btn" href={site.dash_url_login}>
|
||||
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
<i className="fal fa-user"></i> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href={site.dash_url_signup}>
|
||||
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
|
||||
Get Started
|
||||
</a>
|
||||
<div
|
||||
|
||||
@@ -50,12 +50,12 @@ function Forms() {
|
||||
<h5>Headquaters</h5>
|
||||
<p>
|
||||
<i className="fal fa-home"></i>
|
||||
{site.support_us_address}
|
||||
{process.env.REACT_APP_SUPPORT_US_ADDRESS}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<i className="fal fa-home"></i>
|
||||
{site.support_ng_address}
|
||||
{process.env.REACT_APP_SUPPORT_NG_ADDRESS}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
@@ -63,31 +63,31 @@ function Forms() {
|
||||
<h5>Phone</h5>
|
||||
<p>
|
||||
<i className="fal fa-phone"></i>
|
||||
{site.support_phone}
|
||||
{process.env.REACT_APP_SUPPORT_PHONE}
|
||||
<br />
|
||||
{site.support_phone_ng}
|
||||
{process.env.REACT_APP_SUPPORT_PHONE_NG}
|
||||
</p>
|
||||
</div>
|
||||
<div className="single-info">
|
||||
<h5>Support</h5>
|
||||
<p>
|
||||
<i className="fal fa-envelope"></i>
|
||||
{site.support_email}
|
||||
{process.env.REACT_APP_SUPPORT_EMAIL}
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div className="ab-social">
|
||||
<h5>Follow Us</h5>
|
||||
<a className="fac" href={site.facebook_link}>
|
||||
<a className="fac" href={process.env.REACT_APP_FACEBOOK_LINK}>
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
<a className="twi" href={site.twitter_link}>
|
||||
<a className="twi" href={process.env.REACT_APP_TWITTER_LINK}>
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
<a className="you" href="#">
|
||||
<i className="fab fa-youtube"></i>
|
||||
</a>
|
||||
<a className="lin" href={site.linked_link}>
|
||||
<a className="lin" href={process.env.REACT_APP_LINKEDIN_LINK}>
|
||||
<i className="fab fa-linkedin-in"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import useToggle from '../../Hooks/useToggle';
|
||||
import Drawer from '../Mobile/Drawer';
|
||||
import HeaderService from '../Service/HeaderService';
|
||||
import HeroService from '../Service/HeroService';
|
||||
import FooterHomeOne from '../HomeOne/FooterHomeOne';
|
||||
import BackToTop from '../BackToTop';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import FAQService from '../Service/FAQServices';
|
||||
import HeroNews from '../News/HeroNews';
|
||||
import HeaderNews from '../News/HeaderNews';
|
||||
|
||||
|
||||
function FAQ() {
|
||||
@@ -17,8 +17,14 @@ function FAQ() {
|
||||
return (
|
||||
<>
|
||||
<Drawer drawer={drawer} action={drawerAction.toggle} />
|
||||
<HeaderService action={drawerAction.toggle} />
|
||||
<HeroService title="Frequently asked questions" />
|
||||
<HeaderNews action={drawerAction.toggle} />
|
||||
<HeroNews
|
||||
title="Frequently asked questions"
|
||||
breadcrumb={[
|
||||
{ link: '/', title: 'home' },
|
||||
{ link: '/faq', title: 'Faq' },
|
||||
]}
|
||||
/>
|
||||
<FAQService />
|
||||
<FooterHomeOne />
|
||||
<BackToTop />
|
||||
|
||||
@@ -68,7 +68,7 @@ function FeaturesHomeOne({ className }) {
|
||||
// <p>
|
||||
// WrenchBoard platform connects you with quality service that need articles writing, blog management, photography, product testing research and surveys and more to deliver your project with ease.
|
||||
// </p>
|
||||
// <a className="main-btn" href={site.dash_url_login}>
|
||||
// <a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
// Learn More
|
||||
// </a>
|
||||
// </div>
|
||||
@@ -89,7 +89,7 @@ function FeaturesHomeOne({ className }) {
|
||||
// <p>
|
||||
// Cash in the Pocket with WrenchBoard as a reliable partner to connect you with new opportunities.Track, Organize your Portfolio and Manage your Skills, preferred workgroup and teams efficiently.
|
||||
// </p>
|
||||
// <a className="main-btn" href={site.dash_url_login}>
|
||||
// <a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
// Learn More
|
||||
// </a>
|
||||
// </div>
|
||||
@@ -110,7 +110,7 @@ function FeaturesHomeOne({ className }) {
|
||||
// <p>
|
||||
// Get paid Instantly for completed task using WrenchBoard. Achieve your short-term goals or long-term income by Connecting with WrenchBoard. Complete access to your earnings.
|
||||
// </p>
|
||||
// <a className="main-btn" href={site.dash_url_login}>
|
||||
// <a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
// Learn More
|
||||
// </a>
|
||||
// </div>
|
||||
|
||||
@@ -33,7 +33,7 @@ function FooterHomeOne({ className }) {
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={site.twitter_link}>
|
||||
<a href={process.env.REACT_APP_TWITTER_LINK}>
|
||||
<i className="fab fa-twitter" />
|
||||
</a>
|
||||
</li>
|
||||
@@ -112,12 +112,12 @@ function FooterHomeOne({ className }) {
|
||||
<div className="apps-download-btn">
|
||||
<ul>
|
||||
<li>
|
||||
<a href={site.apple_app}>
|
||||
<a href={process.env.APPLE_APP}>
|
||||
<i className="fab fa-apple" /> Download for iOS
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="item-2" href={site.android_app}>
|
||||
<a className="item-2" href={process.env.REACT_APP_ANDROID_APP}>
|
||||
<i className="fab fa-google-play" /> Download for
|
||||
Android
|
||||
</a>
|
||||
|
||||
@@ -25,12 +25,12 @@ function HeroHomeOne() {
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href={site.apple_app}>
|
||||
<a href={process.env.APPLE_APP}>
|
||||
<i className="fab fa-apple" /> Download for iOS
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="item-2" href={site.android_app}>
|
||||
<a className="item-2" href={process.env.REACT_APP_ANDROID_APP}>
|
||||
<i className="fab fa-google-play" /> Download for
|
||||
Android
|
||||
</a>
|
||||
|
||||
@@ -28,10 +28,10 @@ function HomeOneHeader({ action }) {
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
|
||||
<div className="appie-btn-box text-right">
|
||||
<a className="login-btn" href={site.dash_url_login}>
|
||||
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
<i className="fal fa-user" /> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href={site.dash_url_signup}>
|
||||
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
|
||||
Get Started
|
||||
</a>
|
||||
<div
|
||||
|
||||
@@ -36,7 +36,7 @@ titleLen(title){
|
||||
if ( this.state.jobsDataResults== undefined ){
|
||||
return null;
|
||||
}
|
||||
var dashUrl = site.dash_url;
|
||||
var dashUrl = process.env.REACT_APP_DASH_URL;
|
||||
|
||||
if (this.state.jobsDataResults.length == 0){
|
||||
return <></>;
|
||||
|
||||
@@ -54,7 +54,7 @@ function TrafficHomeOne() {
|
||||
</div>
|
||||
{/* <div className="col-lg-12">
|
||||
<div className="traffic-btn mt-50">
|
||||
<a className="main-btn" href={site.dash_url_login}>
|
||||
<a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
Login <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -72,7 +72,7 @@ function Drawer({ drawer, action }) {
|
||||
<div className="offcanvas-social">
|
||||
<ul className="text-center">
|
||||
<li>
|
||||
<a href={site.facebook_link} >
|
||||
<a href={process.env.REACT_APP_FACEBOOK_LINK} >
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
@@ -89,12 +89,12 @@ function Drawer({ drawer, action }) {
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fal fa-envelope"></i>{' '}
|
||||
{site.support_email}
|
||||
{process.env.REACT_APP_SUPPORT_EMAIL}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fal fa-phone"></i> {site.support_phone}
|
||||
<i className="fal fa-phone"></i> {process.env.REACT_APP_SUPPORT_PHONE}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
@@ -29,10 +29,10 @@ function HeaderNews({ action }) {
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
|
||||
<div className="appie-btn-box text-right">
|
||||
<a className="login-btn" href={site.dash_url_login}>
|
||||
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
<i className="fal fa-user"></i> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href={site.dash_url_signup}>
|
||||
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
|
||||
Get Started
|
||||
</a>
|
||||
<div
|
||||
|
||||
@@ -38,7 +38,7 @@ function DetailsService() {
|
||||
finance & accounting, website & app development, creative & design,
|
||||
customer support and operations.
|
||||
<hr />
|
||||
Learn more at < a href ={site.dash_url_login} >WrenchBoard</a>
|
||||
Learn more at < a href ={process.env.REACT_APP_DASH_URL_LOGIN} >WrenchBoard</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,16 +1,24 @@
|
||||
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';
|
||||
import Arrow from '../../assets/images/arrow-down.png'
|
||||
|
||||
function FAQService() {
|
||||
const [isOpen, setOpen] = React.useState({type: 'faq0'});
|
||||
const accordionHandler = (name) => {
|
||||
setOpen(prev => {
|
||||
if(prev.type == name){
|
||||
return {type: ''}
|
||||
}else {
|
||||
return {type: name}
|
||||
}
|
||||
});
|
||||
};
|
||||
let [faq, setFaq] = useState([])
|
||||
|
||||
useEffect(()=>{
|
||||
FaqData().then(res => {
|
||||
console.log(res)
|
||||
setFaq(res.data.result_list)
|
||||
}).catch(err => {
|
||||
console.log('You got an error ========> '+ err)
|
||||
@@ -25,32 +33,37 @@ function FAQService() {
|
||||
<div className="col-lg-4">
|
||||
<ServiceSideMenu />
|
||||
</div>
|
||||
<div className="col-lg-8">
|
||||
<div className="service-details-content">
|
||||
<div className="col-lg-8 accordion-wrapper">
|
||||
<div className="p-3 service-details-content accordion-con">
|
||||
<div className="container-fluid">
|
||||
<h3>Frequently asked questions</h3>
|
||||
<h3 className='p-3 text-center'>Frequently asked questions</h3>
|
||||
</div>
|
||||
<div class="accordion" id="accordionExample">
|
||||
{faq.map((item, index)=>(
|
||||
<div key={index} class="card">
|
||||
<div class="card-header" id={`heading${index}`}>
|
||||
<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">
|
||||
{item.msg}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
<div className='row'>
|
||||
<div class="col-12 col-lg-6 accordion" id="accordionExample">
|
||||
{faq.map((item, index)=>{
|
||||
if(index%2 == 0){
|
||||
return(
|
||||
<div key={index} className='my-3'>
|
||||
<Accordion name={`faq${index}`} datas={item} accordionHandler={accordionHandler} isOpen={isOpen} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
})}
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 accordion" id="accordionExample">
|
||||
{faq.map((item, index)=>{
|
||||
if(index%2 != 0){
|
||||
return(
|
||||
<div key={index} className='my-3'>
|
||||
<Accordion name={`faq${index}`} datas={item} accordionHandler={accordionHandler} isOpen={isOpen} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
<div className='container-fluid text-center'>
|
||||
<p className='my-2'>Can't find an answer <Link to='/contact'>contact us</Link> </p>
|
||||
<p className='my-4'>Can't find an answer <Link to='/contact'>contact us</Link> </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -61,4 +74,42 @@ function FAQService() {
|
||||
);
|
||||
}
|
||||
|
||||
export default FAQService;
|
||||
export default FAQService;
|
||||
|
||||
export function Accordion({ datas, name, accordionHandler, isOpen }) {
|
||||
// const [isOpen, setOpen] = React.useState(false);
|
||||
// const accordionHandler = () => {
|
||||
// setOpen(!isOpen);
|
||||
// };
|
||||
return (
|
||||
<>
|
||||
<div className="accordion-item">
|
||||
<div
|
||||
className="accordion-title-bar container-fluid"
|
||||
onClick={()=>{accordionHandler(name)}}
|
||||
>
|
||||
<div className="accordion-title">
|
||||
<p className="">
|
||||
{datas.title}
|
||||
</p>
|
||||
</div>
|
||||
<div className="accordion-title-icon">
|
||||
<span className={`horizontal ${isOpen.type == name ? 'vertical' : ''}`}>
|
||||
<img className="" src={Arrow} />
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${isOpen.type == name ? "accordion-body-show" : "accordion-body-hide"}`}>
|
||||
<div className="accordion-body-content" style={{display: 'flex', padding: '10px'}}>
|
||||
<div className="rounded-[28px]" style={{width: '3px', backgroundColor: 'skyblue'}}></div>
|
||||
<div className="flex-1">
|
||||
<p className="" style={{padding: '0px 10px', letterSpacing:'.5px'}}>
|
||||
{datas.msg}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -25,10 +25,10 @@ function HeaderService({ action }) {
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
|
||||
<div className="appie-btn-box text-right">
|
||||
<a className="login-btn" href={site.dash_url_login}>
|
||||
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
<i className="fal fa-user"></i> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href={site.dash_url_signup}>
|
||||
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
|
||||
Get Started
|
||||
</a>
|
||||
<div
|
||||
|
||||
@@ -54,7 +54,7 @@ function ServiceSideMenu() {
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="item-2" href={site.android_app}>
|
||||
<a className="item-2" href={process.env.REACT_APP_ANDROID_APP}>
|
||||
<i className="fab fa-google-play" /> Download for
|
||||
Android
|
||||
</a>
|
||||
|
||||
@@ -19,7 +19,7 @@ function HeaderNews({ action }) {
|
||||
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
|
||||
<div className="appie-logo-box">
|
||||
<a href="/">
|
||||
<img src={logo} alt={site.site_name} />
|
||||
<img src={logo} alt={process.env.REACT_APP_SITE_NAME} />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -30,10 +30,10 @@ function HeaderNews({ action }) {
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
|
||||
<div className="appie-btn-box text-right">
|
||||
<a className="login-btn" href={site.dash_url_login}>
|
||||
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
<i className="fal fa-user"></i> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href={site.dash_url_signup}>
|
||||
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
|
||||
Get Started
|
||||
</a>
|
||||
<div
|
||||
|
||||
@@ -31,11 +31,11 @@ function UseCase() {
|
||||
<div className="b-post-details">
|
||||
|
||||
<h3>
|
||||
<a href={site.dash_url_login}>
|
||||
<a href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
{i.title}
|
||||
</a>
|
||||
</h3>
|
||||
<a className="read-more" href={site.dash_url_login}>
|
||||
<a className="read-more" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
Learn more<i className="fal fa-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user