optimization
This commit was merged in pull request #46.
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
import React from 'react';
|
||||
import React, { useMemo } from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
function FooterHomeOne({ className }) {
|
||||
var site = getConfig()[0];
|
||||
var site = useMemo(() => getConfig()[0], []);;
|
||||
let newDate = new Date().getFullYear()
|
||||
|
||||
return (
|
||||
@@ -16,7 +16,7 @@ function FooterHomeOne({ className }) {
|
||||
<div className="footer-about-widget">
|
||||
<div className="logo">
|
||||
<a href="#">
|
||||
<img src={logo} alt="WrenchBoard" />
|
||||
<img src={logo} alt="WrenchBoard" loading='eager' width={300} height={65} />
|
||||
</a>
|
||||
</div>
|
||||
<p>
|
||||
|
||||
@@ -5,48 +5,48 @@ import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
function HomeOneHeader({ action }) {
|
||||
var site = getConfig()[0];
|
||||
useEffect(() => {
|
||||
StickyMenu();
|
||||
}, []);
|
||||
return (
|
||||
<header className="appie-header-area appie-sticky">
|
||||
<div className="container">
|
||||
<div className="header-nav-box">
|
||||
<div className="row align-items-center">
|
||||
<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="WrenchBoard" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
|
||||
<div className="appie-header-main-menu">
|
||||
<Navigation />
|
||||
</div>
|
||||
</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={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
<i className="fal fa-user" /> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
|
||||
Get Started
|
||||
</a>
|
||||
<div
|
||||
onClick={(e) => action(e)}
|
||||
className="toggle-btn ml-30 canvas_open d-lg-none d-block"
|
||||
>
|
||||
<i className="fa fa-bars" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
var site = getConfig()[0];
|
||||
useEffect(() => {
|
||||
StickyMenu();
|
||||
}, []);
|
||||
return (
|
||||
<header className="appie-header-area appie-sticky">
|
||||
<div className="container">
|
||||
<div className="header-nav-box">
|
||||
<div className="row align-items-center">
|
||||
<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="WrenchBoard" loading='eager' width="175px" height="38px" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
<div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
|
||||
<div className="appie-header-main-menu">
|
||||
<Navigation />
|
||||
</div>
|
||||
</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={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
<i className="fal fa-user" /> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
|
||||
Get Started
|
||||
</a>
|
||||
<div
|
||||
onClick={(e) => action(e)}
|
||||
className="toggle-btn ml-30 canvas_open d-lg-none d-block"
|
||||
>
|
||||
<i className="fa fa-bars" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
|
||||
export default HomeOneHeader;
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
import React from 'react';
|
||||
import IconOne from '../../assets/images/icon/account_login.png';
|
||||
import IconTwo from '../../assets/images/icon/task.png';
|
||||
import IconThree from '../../assets/images/icon/target.png';
|
||||
import IconFour from '../../assets/images/icon/reward.png';
|
||||
import React from "react";
|
||||
import IconOne from "../../assets/images/icon/account_login.png";
|
||||
import IconTwo from "../../assets/images/icon/task.png";
|
||||
import IconThree from "../../assets/images/icon/target.png";
|
||||
import IconFour from "../../assets/images/icon/reward.png";
|
||||
|
||||
function ServiceItem({ icon, title, description, index }) {
|
||||
return (
|
||||
@@ -13,7 +13,7 @@ function ServiceItem({ icon, title, description, index }) {
|
||||
style={{ cursor: "default" }}
|
||||
>
|
||||
<div className="icon">
|
||||
<img src={icon} alt={title} />
|
||||
<img src={icon} alt={title} width={70} height={70} loading="lazy" />
|
||||
</div>
|
||||
<h4 className="appie-title">{title}</h4>
|
||||
<p>{description}</p>
|
||||
@@ -26,28 +26,31 @@ function ServicesHomeOne({ className }) {
|
||||
const serviceItems = [
|
||||
{
|
||||
icon: IconOne,
|
||||
title: 'Free Account',
|
||||
description: 'Join WrenchBoard. Get your free account.',
|
||||
title: "Free Account",
|
||||
description: "Join WrenchBoard. Get your free account.",
|
||||
},
|
||||
{
|
||||
icon: IconTwo,
|
||||
title: 'Set Goals',
|
||||
description: 'Suggest or find what you want to get rewarded for.',
|
||||
title: "Set Goals",
|
||||
description: "Suggest or find what you want to get rewarded for.",
|
||||
},
|
||||
{
|
||||
icon: IconThree,
|
||||
title: 'Complete',
|
||||
description: 'Complete task, and notify assigner with ease.',
|
||||
title: "Complete",
|
||||
description: "Complete task, and notify assigner with ease.",
|
||||
},
|
||||
{
|
||||
icon: IconFour,
|
||||
title: 'Reward',
|
||||
description: 'Task completed. Find your reward.',
|
||||
title: "Reward",
|
||||
description: "Task completed. Find your reward.",
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<section className={`appie-service-area pt-10 pb-50 ${className}`} id="service">
|
||||
<section
|
||||
className={`appie-service-area pt-10 pb-50 ${className}`}
|
||||
id="service"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-8">
|
||||
|
||||
@@ -1,10 +1,8 @@
|
||||
import React from 'react';
|
||||
//import thumb from '../../assets/images/PerformingTaskNew.png';
|
||||
import thumb from '../../assets/images/PerformingTask2.jpg';
|
||||
import getConfig from './../../Config/config'
|
||||
import React from "react";
|
||||
import thumb from "../../assets/images/PerformingTask2.jpg";
|
||||
import getConfig from "./../../Config/config";
|
||||
|
||||
function TrafficHomeOne() {
|
||||
var site = getConfig()[0];
|
||||
return (
|
||||
<section className="wrench-on-area pt-90 pb-45">
|
||||
<div className="container">
|
||||
@@ -31,39 +29,26 @@ function TrafficHomeOne() {
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
{/* <div className="col-lg-12">
|
||||
<div className="traffic-btn mt-50">
|
||||
<a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
Login <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="traffic-thumb d-none d-lg-flex col-lg-5 justify-content-center align-items-center">
|
||||
<div className='position-relative d-flex'>
|
||||
<div className='withFadeEdge position-absolute bg-transparent w-100 h-100' style={{zIndex: '1'}}></div>
|
||||
<img
|
||||
className="position-relative wow animated fadeInRight p-1"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
src={thumb}
|
||||
alt=""
|
||||
style={{zIndex: '0'}}
|
||||
/>
|
||||
<div className="position-relative d-flex">
|
||||
<div
|
||||
className="withFadeEdge position-absolute bg-transparent w-100 h-100"
|
||||
style={{ zIndex: "1" }}
|
||||
></div>
|
||||
<img
|
||||
className="position-relative wow animated fadeInRight p-1"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
src={thumb}
|
||||
alt=""
|
||||
style={{ zIndex: "0", minHeight: "300", minWidth: "400" }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="traffic-thumb">
|
||||
<img
|
||||
className="withFadeEdge wow animated fadeInRight"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
src={thumb}
|
||||
alt=""
|
||||
/>
|
||||
</div> */}
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user