Compare commits

...

2 Commits

2 changed files with 168 additions and 173 deletions
+40 -45
View File
@@ -5,14 +5,9 @@ import Contact from './components/Contact';
import Error from './components/Error';
import Loader from './components/Helper/Loader';
import ScrollToTop from './components/Helper/ScrollToTop';
// import HomeEight from './components/HomeEight';
// import HomeFive from './components/HomeFive';
// import HomeFour from './components/HomeFour';
import HomeOne from './components/HomeOne';
import HomeSeven from './components/HomeSeven';
import HomeSix from './components/HomeSix';
// import HomeThree from './components/HomeThree';
// import Hometwo from './components/HomeTwo';
import News from './components/News';
import SingleNews from './components/News/SingleNews';
import Service from './components/Service';
@@ -23,47 +18,47 @@ import Terms from './components/Service/Terms';
import FAQ from './components/FAQ/Index';
function Routes() {
const [loading, setLoading] = useState(true);
useEffect(() => {
window.scrollTo(0, 0);
});
useEffect(() => {
setTimeout(() => {
setLoading(false);
}, 2000);
});
return (
<>
{loading && (
<div className={`appie-loader ${loading ? 'active' : ''}`}>
<Loader />
</div>
)}
<div className={`appie-visible ${loading === false ? 'active' : ''}`}>
<Router>
<ScrollToTop>
<Switch>
{/*<Route exact path="/" component={HomeSix} />*/}
const [loading, setLoading] = useState(true);
useEffect(() => {
window.scrollTo(0, 0);
});
useEffect(() => {
setTimeout(() => {
setLoading(false);
}, 2000);
});
return (
<>
{loading && (
<div className={`appie-loader ${loading ? 'active' : ''}`}>
<Loader />
</div>
)}
<div className={`appie-visible ${loading === false ? 'active' : ''}`}>
<Router>
<ScrollToTop>
<Switch>
{/*<Route exact path="/" component={HomeSix} />*/}
<Route exact path="/" component={HomeOne} />
<Route exact path="/news" component={News} />
<Route exact path="/blog" component={News} />
<Route exact path="/use-cases" component={UseCases} />
<Route exact path="/news/single-news" component={SingleNews} />
<Route exact path="/service" component={Service} />
<Route exact path="/terms" component={Terms} />
<Route exact path="/privacy" component={Privacy} />
<Route exact path="/about-us" component={AboutUs} />
<Route exact path="/contact" component={Contact} />
<Route exact path="/faq" component={FAQ} />
<Route exact path="/error" component={Error} />
<Route component={Error} />
</Switch>
</ScrollToTop>
</Router>
</div>
</>
);
<Route exact path="/" component={HomeOne} />
<Route exact path="/news" component={News} />
<Route exact path="/blog" component={News} />
<Route exact path="/use-cases" component={UseCases} />
<Route exact path="/news/single-news" component={SingleNews} />
<Route exact path="/service" component={Service} />
<Route exact path="/terms" component={Terms} />
<Route exact path="/privacy" component={Privacy} />
<Route exact path="/about-us" component={AboutUs} />
<Route exact path="/contact" component={Contact} />
<Route exact path="/faq" component={FAQ} />
<Route exact path="/error" component={Error} />
<Route component={Error} />
</Switch>
</ScrollToTop>
</Router>
</div>
</>
);
}
export default Routes;
+128 -128
View File
@@ -4,136 +4,136 @@ import logo from '../../assets/images/wrenchboard.png';
import getConfig from './../../Config/config'
function FooterHomeOne({ className }) {
var site = getConfig()[0];
let newDate = new Date().getFullYear()
var site = getConfig()[0];
let newDate = new Date().getFullYear()
return (
<>
<section className={`appie-footer-area ${className || ''}`}>
<div className="container">
<div className="row">
<div className="col-lg-4 col-md-6">
<div className="footer-about-widget">
<div className="logo">
<a href="#">
<img src={logo} alt="WrenchBoard" />
</a>
</div>
<p>
{`It is simple. You can do something that somebody is ready to pay you for. WrenchBoard is the platform to connect you with earning opportunities. `}
</p>
<a href="/service">
Read More <i className="fal fa-arrow-right" />
</a>
<div className="social mt-30">
<ul>
<li>
<a href={site.facebook_link}>
<i className="fab fa-facebook-f" />
</a>
</li>
<li>
<a href={process.env.REACT_APP_TWITTER_LINK}>
<i className="fab fa-twitter" />
</a>
</li>
</ul>
</div>
</div>
</div>
<div className="col-lg-2 col-md-6">
<div className="footer-navigation">
<h4 className="title">Company</h4>
<ul>
<li>
<Link to="/about-us">About Us</Link>
</li>
<li>
<Link to="/service">Our Services</Link>
</li>
<li>
<a href="/use-cases">Use Cases</a>
</li>
<li>
<Link to="/blog">Blog</Link>
</li>
</ul>
</div>
</div>
<div className="col-lg-3 col-md-6">
<div className="footer-navigation">
<h4 className="title">Support</h4>
<ul>
<li>
<Link to="/contact">Contact</Link>
</li>
<li>
<a href="/faq">Faqs</a>
</li>
<li>
<a href="https://blog.wrenchboard.com/resources/">Resources</a>
</li>
<li>
<a href="/privacy">Privacy Policy</a>
</li>
<li>
<a href="/terms">Terms of use</a>
</li>
</ul>
</div>
</div>
<div className="col-lg-3 col-md-6">
<div className="footer-widget-info">
<h4 className="title">Get In Touch</h4>
<ul>
<li>
<a href="#">
<i className="fal fa-envelope" /> {site.support_email}
</a>
</li>
<li>
<a href="#">
<i className="fal fa-phone" /> 404 855-7966
</a>
</li>
<li>
<a href="#">
<i className="fal fa-map-marker-alt" />Atlanta,GA 30339
</a>
</li>
</ul>
</div>
</div>
</div>
<div className="row">
<div className="col-lg-12">
<div className="footer-copyright d-flex align-items-center justify-content-between pt-2">
<div className="apps-download-btn">
<ul>
<li>
<a href={process.env.APPLE_APP}>
<i className="fab fa-apple" /> Download for iOS
</a>
</li>
<li>
<a className="item-2" href={process.env.REACT_APP_ANDROID_APP}>
<i className="fab fa-google-play" /> Download for
Android
</a>
</li>
</ul>
</div>
<div className="copyright-text">
<p>Copyright © {newDate} WrenchBoard. All rights reserved.</p>
</div>
</div>
</div>
</div>
return (
<>
<section className={`appie-footer-area ${className || ''}`}>
<div className="container">
<div className="row">
<div className="col-lg-4 col-md-6">
<div className="footer-about-widget">
<div className="logo">
<a href="#">
<img src={logo} alt="WrenchBoard" />
</a>
</div>
</section>
</>
);
<p>
{`It is simple. You can do something that somebody is ready to pay you for. WrenchBoard is the platform to connect you with earning opportunities. `}
</p>
<a href="/service">
Read More <i className="fal fa-arrow-right" />
</a>
<div className="social mt-30">
<ul>
<li>
<a href={site.facebook_link}>
<i className="fab fa-facebook-f" />
</a>
</li>
<li>
<a className="twi" href={process.env.REACT_APP_TWITTER_LINK}>
<i className="fab fa-x-twitter"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div className="col-lg-2 col-md-6">
<div className="footer-navigation">
<h4 className="title">Company</h4>
<ul>
<li>
<Link to="/about-us">About Us</Link>
</li>
<li>
<Link to="/service">Our Services</Link>
</li>
<li>
<a href="/use-cases">Use Cases</a>
</li>
<li>
<Link to="/blog">Blog</Link>
</li>
</ul>
</div>
</div>
<div className="col-lg-3 col-md-6">
<div className="footer-navigation">
<h4 className="title">Support</h4>
<ul>
<li>
<Link to="/contact">Contact</Link>
</li>
<li>
<a href="/faq">Faqs</a>
</li>
<li>
<a href="https://blog.wrenchboard.com/resources/">Resources</a>
</li>
<li>
<a href="/privacy">Privacy Policy</a>
</li>
<li>
<a href="/terms">Terms of use</a>
</li>
</ul>
</div>
</div>
<div className="col-lg-3 col-md-6">
<div className="footer-widget-info">
<h4 className="title">Get In Touch</h4>
<ul>
<li>
<a href="#">
<i className="fal fa-envelope" /> {site.support_email}
</a>
</li>
<li>
<a href="#">
<i className="fal fa-phone" /> 404 855-7966
</a>
</li>
<li>
<a href="#">
<i className="fal fa-map-marker-alt" />Atlanta,GA 30339
</a>
</li>
</ul>
</div>
</div>
</div>
<div className="row">
<div className="col-lg-12">
<div className="footer-copyright d-flex align-items-center justify-content-between pt-2">
<div className="apps-download-btn">
<ul>
<li>
<a href={process.env.APPLE_APP}>
<i className="fab fa-apple" /> Download for iOS
</a>
</li>
<li>
<a className="item-2" href={process.env.REACT_APP_ANDROID_APP}>
<i className="fab fa-google-play" /> Download for
Android
</a>
</li>
</ul>
</div>
<div className="copyright-text">
<p>Copyright © {newDate} WrenchBoard. All rights reserved.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</>
);
}
export default FooterHomeOne;