WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

about icons and faq API added

Browse Source
This commit was merged in pull request #7.
This commit is contained in:
victorAnumudu
2023-06-27 04:55:42 +01:00
parent e00f07c1d5
commit 5d45cee0cf
13 changed files with 73 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Config/config.js
+1 -1
View File
@@ -19,7 +19,7 @@ function getConfig() {
"support_us_address": 'Cumberland Pkwy, Atlanta GA 30339', "support_us_address": 'Cumberland Pkwy, Atlanta GA 30339',
"support_ng_address": 'Saka Tinubu Street, Victoria Island Lagos, Nigeria', "support_ng_address": 'Saka Tinubu Street, Victoria Island Lagos, Nigeria',
"dummy": "2018-06-25T18:54:22.000Z", "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,
} }
]; ];
src/Services/ContactData.js
+1 -1
View File
@@ -4,7 +4,7 @@ import getConfig from './../Config/config'
async function ContactData(callData) { async function ContactData(callData) {
// debugger; // debugger;
var site = getConfig()[0]; 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; return response.data.result;
} }
src/Services/FaqData.js
+11
View File
@@ -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;
src/assets/css/main.css
+15 -5
View File
@@ -2490,6 +2490,10 @@ p {
color: #fff; color: #fff;
border-radius: 50%; border-radius: 50%;
} }
.appie-single-service-2 .icon img {
height: 100px;
width: 100px;
}
.appie-single-service-2 .title { .appie-single-service-2 .title {
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
@@ -2634,10 +2638,13 @@ p {
margin-bottom: 20px; margin-bottom: 20px;
} }
.service-details-sidebar .service-category-widget ul li i { .service-details-sidebar .service-category-widget ul li i {
color: #2b70fa; color: #4687ba;
width: 15px; width: 15px;
margin-right: 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 { .service-details-sidebar .service-category-widget ul li:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
@@ -2651,10 +2658,10 @@ p {
color: #505056; color: #505056;
} }
.service-details-sidebar .service-download-widget a:hover { .service-details-sidebar .service-download-widget a:hover {
color: #2b70fa; color: #4687ba;
} }
.service-details-sidebar .service-download-widget i { .service-details-sidebar .service-download-widget i {
color: #2b70fa; color: #4687ba;
padding-right: 15px; padding-right: 15px;
} }
@@ -2676,6 +2683,9 @@ p {
padding-top: 34px; padding-top: 34px;
padding-bottom: 26px; padding-bottom: 26px;
} }
.service-details-content .content p a {
color: #4687ba;
}
.appie-services-8-area .service-thumb { .appie-services-8-area .service-thumb {
margin-left: -50px; margin-left: -50px;
@@ -5600,7 +5610,7 @@ blockquote cite {
ul ul
li li
a:hover { a:hover {
color: #db0f30; color: #4687ba;
} }
.appie-footer-area.appie-footer-about-area.appie-footer-8-area .appie-footer-area.appie-footer-about-area.appie-footer-8-area
.footer-widget-info .footer-widget-info
@@ -5731,7 +5741,7 @@ blockquote cite {
margin-bottom: 6px; margin-bottom: 6px;
} }
.footer-navigation ul li a:hover { .footer-navigation ul li a:hover {
color: #2b70fa; color: #4687ba;
} }
.footer-navigation.footer-navigation-2 ul li a:hover { .footer-navigation.footer-navigation-2 ul li a:hover {
color: #ff3e66; color: #ff3e66;
src/assets/images/value-approach.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 17 KiB

src/assets/images/value-design.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 16 KiB

src/assets/images/value-interactive.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 17 KiB

src/assets/images/value-mobility.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 31 KiB

src/assets/images/value-privacy.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

src/assets/images/value-seamless.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

src/components/AboutUs/ServicesAbout.js
+24 -51
View File
@@ -31,13 +31,11 @@ function ServicesAbout() {
data-wow-duration="2000ms" data-wow-duration="2000ms"
data-wow-delay="200ms" data-wow-delay="200ms"
> >
<div className="icon d-flex justify-content-between align-items-end"> <div className="icon d-flex justify-content-center align-items-center">
<div className='container'> {/* <div className='container'>
<i className="fal fa-tv"></i> <i className="fal fa-tv"></i>
</div> </div> */}
<div className='container'> <img src={Design} />
<img src={Design} />
</div>
</div> </div>
<h4 className="title">Carefully designed</h4> <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> <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-duration="2000ms"
data-wow-delay="400ms" data-wow-delay="400ms"
> >
{/* <div className="icon"> <div className="icon d-flex justify-content-center align-items-center">
<i className="fal fa-code"></i> {/* <div className='container'>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-code"></i> <i className="fal fa-code"></i>
</div> </div> */}
<div className='container'> <img src={Approach} />
<img src={Approach} />
</div>
</div> </div>
<h4 className="title">Modern Approach</h4> <h4 className="title">Modern Approach</h4>
<p>Our target is to present a cutting-edge solution that serves the users at all times.</p> <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-duration="2000ms"
data-wow-delay="600ms" data-wow-delay="600ms"
> >
{/* <div className="icon"> <div className="icon d-flex justify-content-center align-items-center">
<i className="fal fa-user-friends"></i> {/* <div className='container'>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-user-friends"></i> <i className="fal fa-user-friends"></i>
</div> </div> */}
<div className='container'> <img src={Interactive} />
<img src={Interactive} />
</div>
</div> </div>
<h4 className="title">User Interactive</h4> <h4 className="title">User Interactive</h4>
<p>Email, notifications, and alerts to get you engaged in the process.</p> <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-duration="2000ms"
data-wow-delay="200ms" data-wow-delay="200ms"
> >
{/* <div className="icon"> <div className="icon d-flex justify-content-center align-items-center">
<i className="fal fa-mobile"></i> {/* <div className='container'>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-mobile"></i> <i className="fal fa-mobile"></i>
</div> </div> */}
<div className='container'> <img src={Mobility} />
<img src={Mobility} />
</div>
</div> </div>
<h4 className="title">Mobility Approach</h4> <h4 className="title">Mobility Approach</h4>
<p>Web and native app solution for your continuously moving life.</p> <p>Web and native app solution for your continuously moving life.</p>
@@ -112,16 +95,11 @@ function ServicesAbout() {
data-wow-duration="2000ms" data-wow-duration="2000ms"
data-wow-delay="400ms" data-wow-delay="400ms"
> >
{/* <div className="icon"> <div className="icon d-flex justify-content-center align-items-center">
<i className="fal fa-retweet"></i> {/* <div className='container'>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-retweet"></i> <i className="fal fa-retweet"></i>
</div> </div> */}
<div className='container'> <img src={Seamless} />
<img src={Seamless} />
</div>
</div> </div>
<h4 className="title">Seamless Sync</h4> <h4 className="title">Seamless Sync</h4>
<p> Changes across platforms is simplified and streamlined.</p> <p> Changes across platforms is simplified and streamlined.</p>
@@ -133,16 +111,11 @@ function ServicesAbout() {
data-wow-duration="2000ms" data-wow-duration="2000ms"
data-wow-delay="600ms" data-wow-delay="600ms"
> >
{/* <div className="icon"> <div className="icon d-flex justify-content-center align-items-center">
<i className="fal fa-bell"></i> {/* <div className='container'>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-bell"></i> <i className="fal fa-bell"></i>
</div> </div> */}
<div className='container'> <img src={Privacy} />
<img src={Privacy} />
</div>
</div> </div>
<h4 className="title">Privacy</h4> <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> <p>We truly respect your need for privacy. Our solution doesn't need to share your data to work for you.</p>
src/components/FAQ/Index.js
+1 -1
View File
@@ -18,7 +18,7 @@ function FAQ() {
<> <>
<Drawer drawer={drawer} action={drawerAction.toggle} /> <Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderService action={drawerAction.toggle} /> <HeaderService action={drawerAction.toggle} />
<HeroService title="FAQ" /> <HeroService title="Frequently asked questions" />
<FAQService /> <FAQService />
<FooterHomeOne /> <FooterHomeOne />
<BackToTop /> <BackToTop />
src/components/Service/FAQServices.js
+20 -12
View File
@@ -1,13 +1,21 @@
import React from 'react'; import React, { useEffect, useState } from 'react';
import thumb from '../../assets/images/service-page.jpg'; import thumb from '../../assets/images/service-page.jpg';
import ServiceSideMenu from './ServiceSideMenu'; import ServiceSideMenu from './ServiceSideMenu';
import getConfig from './../../Config/config' import getConfig from './../../Config/config'
import {Link} from 'react-router-dom' import {Link} from 'react-router-dom'
import FaqData from '../../Services/FaqData';
function FAQService() { 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 ( return (
<> <>
@@ -18,24 +26,24 @@ function FAQService() {
<ServiceSideMenu /> <ServiceSideMenu />
</div> </div>
<div className="col-lg-8"> <div className="col-lg-8">
<div className="faq-details-content"> <div className="service-details-content">
<div className="container-fluid"> <div className="container-fluid">
<h1 className='display-4'>Frequently asked questions</h1> <h3>Frequently asked questions</h3>
</div> </div>
<div class="accordion" id="accordionExample"> <div class="accordion" id="accordionExample">
{dummyFaq.map((item, index)=>( {faq.map((item, index)=>(
<div key={index} class="card"> <div key={index} class="card">
<div class="card-header" id={`heading${index}`}> <div class="card-header" id={`heading${index}`}>
<h2 class="mb-0"> <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}`}> <button class="btn btn-block text-left" type="button" data-toggle="collapse" data-target={`#collapse${index}`} aria-expanded="true" aria-controls={`collapse${index}`}>
Item {index+1} {item.title}
</button> </button>
</h2> </h2>
</div> </div>
<div id={`collapse${index}`} class={`${index > 0 ? 'collapse' : 'collapse show'}`} aria-labelledby={`heading${index}`} data-parent="#accordionExample"> <div id={`collapse${index}`} class={`${index > 0 ? 'collapse' : 'collapse show'}`} aria-labelledby={`heading${index}`} data-parent="#accordionExample">
<div class="card-body"> <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> </div>
</div> </div>