Compare commits
22 Commits
lnd-bug
...
address-fix
| Author | SHA1 | Date | |
|---|---|---|---|
| 87e7aa7270 | |||
| 53da8d6992 | |||
| 64f69eff72 | |||
| 63cb665140 | |||
| 11b4713db5 | |||
| f109e89f96 | |||
| c9ed414753 | |||
| 2a7643e8b2 | |||
| 1a5644f2df | |||
| 209c75ed2e | |||
| 9684e36427 | |||
| 96d8708b5a | |||
| 7946e0e09c | |||
| dc755e9db1 | |||
| cf0206da44 | |||
| 7a219cc888 | |||
| 5cdc08341f | |||
| 601c3b4da0 | |||
| 4f5c99bced | |||
| 77d97548e4 | |||
| 18f651f215 | |||
| 53e429468c |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 125 KiB |
|
After Width: | Height: | Size: 158 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 11 KiB |
@@ -1,7 +1,19 @@
|
||||
import Routes from './Routes';
|
||||
import { Redirect, useLocation } from 'react-router-dom';
|
||||
|
||||
|
||||
function App() {
|
||||
return <Routes />;
|
||||
const {pathname} = useLocation()
|
||||
|
||||
return (
|
||||
<>
|
||||
{pathname.startsWith('/@') ?
|
||||
<Redirect to='/app' />
|
||||
:
|
||||
<Routes />
|
||||
}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
|
||||
@@ -25,6 +25,7 @@ import Privacy from './components/Service/Privacy';
|
||||
import Terms from './components/Service/Terms';
|
||||
import FAQ from './components/FAQ/Index';
|
||||
import Lnd from './components/lnd/Lnd';
|
||||
import AppDownload from './components/AppDownload/AppDownload';
|
||||
|
||||
function Routes() {
|
||||
const [loading, setLoading] = useState(true);
|
||||
@@ -44,28 +45,27 @@ function Routes() {
|
||||
</div>
|
||||
)}
|
||||
<div className={`appie-visible ${loading === false ? 'active' : ''}`}>
|
||||
<Router>
|
||||
<ScrollToTop>
|
||||
<Switch>
|
||||
<Route exact path="/" component={HomeOne} />
|
||||
<Route exact path="/eoffer" component={HomeOne} />
|
||||
{/*<Route exact path="/news" component={News} />*/}
|
||||
<Route exact path="/blog" component={Blog} />
|
||||
<Route exact path="/blog/blogdetail/:id" component={BlogDetail} />
|
||||
<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 exact path="/lnd/*" component={Lnd} />
|
||||
<Route component={Error} />
|
||||
</Switch>
|
||||
</ScrollToTop>
|
||||
</Router>
|
||||
<ScrollToTop>
|
||||
<Switch>
|
||||
<Route exact path="/" component={HomeOne} />
|
||||
<Route exact path="/eoffer" component={HomeOne} />
|
||||
{/*<Route exact path="/news" component={News} />*/}
|
||||
<Route exact path="/blog" component={Blog} />
|
||||
<Route exact path="/blog/blogdetail/:id" component={BlogDetail} />
|
||||
<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 exact path="/lnd/*" component={Lnd} />
|
||||
<Route exact path="/app" component={AppDownload} />
|
||||
<Route component={Error} />
|
||||
</Switch>
|
||||
</ScrollToTop>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -8457,4 +8457,62 @@ blockquote cite {
|
||||
animation-timing-function: linear;
|
||||
animation-duration: .5s;
|
||||
animation-fill-mode: forwards; */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
LND PAGE STYLE STARTS HERE
|
||||
*/
|
||||
|
||||
/* 1.0 BANNER SECTION */
|
||||
.banner_section{
|
||||
background: linear-gradient(to left top, #0e1133, #15233d);
|
||||
}
|
||||
.banner_shape1{
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.banner_shape2{
|
||||
top: 40%;
|
||||
left: 90%;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.banner_shape3{
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
transform: rotate(40deg);
|
||||
}
|
||||
.banner_text h1{
|
||||
font-size: 50px;
|
||||
line-height: normal;
|
||||
}
|
||||
.banner_text p{
|
||||
font-size: 16px;
|
||||
}
|
||||
.yt_video .play-button{
|
||||
cursor: pointer;
|
||||
}
|
||||
.yt_video .play_btn{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
}
|
||||
.yt_video .play_btn img{
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner_text h1{
|
||||
font-size: 20px;
|
||||
}
|
||||
.banner_images img{
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 992px) {
|
||||
.banner_text h1{
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
@@ -107,6 +107,27 @@
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
.app-download.options{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.app-download.options .main-btn {
|
||||
color: #0e1133;
|
||||
background-color: #fff;
|
||||
border: 3px solid #3EAFCC;
|
||||
padding: 2px 112px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.app-download.appie-hero-content h5 {
|
||||
color: #51B5D0;
|
||||
/* border-color: #fff; */
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 300px) and (max-width: 1024px) {
|
||||
.testimonial-about-slider-active .testimonial-box {
|
||||
box-shadow: none;
|
||||
|
||||
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 11 KiB |
@@ -0,0 +1,11 @@
|
||||
import HomeOneHeader from '../HomeOne/HomeOneHeader';
|
||||
import AppDownloadDetails from './AppDownloadDetails';
|
||||
|
||||
export default function AppDownload() {
|
||||
return (
|
||||
<>
|
||||
<HomeOneHeader showLogoOnly={true} />
|
||||
<AppDownloadDetails />
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
import React from 'react'
|
||||
import heroThumbOne from '../../assets/images/app-thumb-1.png';
|
||||
import heroThumbOne1 from '../../assets/images/app-thumb-2.png';
|
||||
|
||||
import heroThumbTwo from '../../assets/images/app-pic.png';
|
||||
import CustomSlider from '../customSlider/CustomSlider';
|
||||
|
||||
const AppDownloadDetails = () => {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-hero-area">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="app-download appie-hero-content appie-hero-content-6">
|
||||
<h5 className='title'>Download from</h5>
|
||||
<div className='flex app-download options'>
|
||||
<ul>
|
||||
<li className=''>
|
||||
<a className="item-2" target='_blank' href={process.env.REACT_APP_APPLE_APP}>
|
||||
<i className="fab fa-apple"></i>
|
||||
<span>
|
||||
Available on the <span>App Store</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className=''>
|
||||
<a className="item-2" target='_blank' href={process.env.REACT_APP_ANDROID_APP}>
|
||||
<i className="fab fa-google-play"></i>
|
||||
<span>
|
||||
Available on the <span>Google Play</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h5>OR</h5>
|
||||
<a target='_blank' href={process.env.REACT_APP_DASH_URL_SIGNUP} className='main-btn'>
|
||||
Register Online
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<h1 className="appie-title"> Turn Chores into Exciting Challenges and Earn <span className='earn-rewards px-2'>Rewards!</span> </h1>
|
||||
<p>Your place to set family goals and reward achievements. Find tasks to earn from, or build a tasks portfolio and find others to perform tasks for you.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-hero-thumb">
|
||||
<div
|
||||
className="thumb wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
{/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
|
||||
<div style={{ width: '350px', margin: 'auto' }}>
|
||||
<CustomSlider
|
||||
images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
|
||||
speed='5'
|
||||
indicatorColor='#333'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="thumb-2 wow animated fadeInRight"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<img src={heroThumbTwo} alt="" width="100%" height="100%" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default AppDownloadDetails
|
||||
@@ -20,7 +20,7 @@ function FooterHomeOne({ className }) {
|
||||
</a>
|
||||
</div>
|
||||
<p>
|
||||
{`It is simple. You can set goals, task, or anything that need to be done and reward accomplishment. WrenchBoard is the platform to connect opportunities. `}
|
||||
{`It is simple. You can set goals, task, or anything that needs to be done and reward accomplishment. WrenchBoard is the platform to connect opportunities. `}
|
||||
</p>
|
||||
<a href="/service">
|
||||
Read More <i className="fal fa-arrow-right" />
|
||||
@@ -95,12 +95,12 @@ function FooterHomeOne({ className }) {
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fal fa-phone" /> 404 855-7966
|
||||
<i className="fal fa-phone" /> 404-855-7966
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fal fa-map-marker-alt" />Atlanta,GA 30339
|
||||
<i className="fal fa-map-marker-alt" />Atlanta, GA 30339
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -65,7 +65,7 @@ function HeroHomeOne() {
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<img src={heroThumbTwo} alt="" />
|
||||
<img src={heroThumbTwo} alt="" width="100%" height="100%" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,7 +4,7 @@ import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
function HomeOneHeader({ action }) {
|
||||
function HomeOneHeader({ action, showLogoOnly = false }) {
|
||||
var site = getConfig()[0];
|
||||
useEffect(() => {
|
||||
StickyMenu();
|
||||
@@ -21,27 +21,30 @@ function HomeOneHeader({ action }) {
|
||||
</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" />
|
||||
|
||||
{!showLogoOnly && <>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
@@ -43,7 +43,7 @@ function TrafficHomeOne() {
|
||||
data-wow-delay="200ms"
|
||||
src={thumb}
|
||||
alt=""
|
||||
style={{ zIndex: "0", minHeight: "300", minWidth: "400" }}
|
||||
style={{ zIndex: "0", minHeight: "300px", minWidth: "400px", width: "100%" }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -39,6 +39,7 @@ function CustomSlider({ images, speed, indicatorColor, indicatorClass }) {
|
||||
src={image}
|
||||
alt="image"
|
||||
style={{
|
||||
width: "100%",
|
||||
minWidth: "100%",
|
||||
maxHeight: "695px",
|
||||
height: "100%",
|
||||
|
||||
@@ -39,6 +39,8 @@ import Faq from './LndParts/Faq/Main'
|
||||
import Download from './LndParts/Download/Main'
|
||||
import Story from './LndParts/Story/Main'
|
||||
|
||||
import localImgLoad from '../../lib/localImgLoad'
|
||||
|
||||
|
||||
const Lnd = ({setnavbar,setfooter,setbrdcum}) => {
|
||||
|
||||
@@ -133,65 +135,67 @@ const Lnd = ({setnavbar,setfooter,setbrdcum}) => {
|
||||
</div>
|
||||
</header>
|
||||
</div> */}
|
||||
<section className="banner_section homedark-banner">
|
||||
<section className="banner_section homedark-banner min-vh-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<span className="banner_shape1"> <img src="assets/images/banner-shape-one1.png" alt="image" /> </span>
|
||||
<span className="banner_shape2"> <img src="assets/images/banner-shape2two.png" alt="image" /> </span>
|
||||
<span className="banner_shape3"> <img src="assets/images/banner-shapethree3.png" alt="image" /> </span>
|
||||
<div className="row position-relative">
|
||||
<span className="position-absolute banner_shape1"> <img src={localImgLoad('images/banner-shape-one1.png')} width='10px' alt="image" /> </span>
|
||||
<span className="position-absolute banner_shape2"> <img src={localImgLoad('images/banner-shape2two.png')} width='10px' alt="image" /> </span>
|
||||
<span className="position-absolute banner_shape3"> <img src={localImgLoad('images/banner-shapethree3.png')} width='10px' alt="image" /> </span>
|
||||
|
||||
<div className="col-lg-8 col-md-12 mx-auto" data-aos="fade-right" data-aos-duration="1500">
|
||||
<div className="banner_text">
|
||||
<h1>Best way to manage your customers easily.</h1>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and setting indus orem Ipsum has been the industrys standard dummy text ever.
|
||||
</p>
|
||||
<div className="col-12 col-lg-6 mx-auto text-center" data-aos="fade-right" data-aos-duration="1500">
|
||||
<div className="banner_text my-3 p-4">
|
||||
<h1 className='text-white my-2'>Best way to manage your customers easily.</h1>
|
||||
<p className='text-white my-2'>Lorem Ipsum is simply dummy text of the printing and setting indus orem Ipsum has been the industrys standard dummy text ever.</p>
|
||||
</div>
|
||||
<div className="yt_video" data-aos="fade-in" data-aos-duration="1500">
|
||||
<div className="thumbnil">
|
||||
<a className="popup-youtube play-button" onClick = {() => setytShow(true)} data-url="#" data-toggle="modal" data-target="#myModal" title="XJj2PbenIsU">
|
||||
<span className="play_btn">
|
||||
<img src="assets/images/play_icon.png" alt="image" />
|
||||
<div className="waves-block">
|
||||
<div className="waves wave-1"></div>
|
||||
<div className="waves wave-2"></div>
|
||||
<div className="waves wave-3"></div>
|
||||
</div>
|
||||
</span>
|
||||
{/* <span className="play_btn position-relative">
|
||||
<img src={localImgLoad('images/play_icon.png')} className='position-relative' width='30px' height='30px' alt="image" />
|
||||
<div className="waves-block">
|
||||
<div className="waves wave-1"></div>
|
||||
<div className="waves wave-2"></div>
|
||||
<div className="waves wave-3"></div>
|
||||
</div>
|
||||
</span> */}
|
||||
<span className="play_btn position-relative rounded-circle d-flex justify-content-center align-items-center">
|
||||
<img src={localImgLoad('images/play_icon.png')} className='p-1 position-relative rounded-circle' width='30px' height='30px' alt="image" />
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="container-fluid" data-aos="fade-in" data-aos-duration="1500">
|
||||
<div className="container-fluid p-3 p-lg-5" data-aos="fade-in" data-aos-duration="1500">
|
||||
<div className="banner_images">
|
||||
<div className="row d-flex justify-content-center">
|
||||
<div className="col-md-2 col-lg-2 col-sm-4 col-xs-4 d-none d-lg-block">
|
||||
<div className="banner_screen screen1">
|
||||
<img className="moving_position_animatin" src="assets/images/hero-image-5.png" alt="image" />
|
||||
<div className="img-con d-block d-sm-flex justify-content-around align-items-center gap-5">
|
||||
<div className="col-lg-2 d-none d-lg-block">
|
||||
<div className="banner_screen screen1 text-center">
|
||||
<img className="moving_position_animatin" src={localImgLoad('images/hero-image-5.png')} alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-4 col-lg-2 col-sm-4 col-xs-4">
|
||||
<div className="banner_screen screen2">
|
||||
<img className="moving_animation" src="assets/images/hero-image-4.png" alt="image" />
|
||||
<div className="col-12 col-sm-4 col-lg-2">
|
||||
<div className="banner_screen screen2 text-center">
|
||||
<img className="moving_animation" src={localImgLoad('images/hero-image-4.png')} alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-4 col-lg-3 col-sm-4 col-xs-4">
|
||||
<div className="banner_screen screen3">
|
||||
<img className="moving_position_animatin" src="assets/images/hero-image-1.png" alt="image" />
|
||||
<div className="my-4 my-md-0 col-12 col-sm-4 col-lg-3">
|
||||
<div className="banner_screen screen3 text-center">
|
||||
<img className="moving_position_animatin" src={localImgLoad('images/hero-image-1.png')} alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-4 col-lg-2 col-sm-4 col-xs-4">
|
||||
<div className="banner_screen screen4">
|
||||
<img className="moving_animation" src="assets/images/hero-image-2.png" alt="image" />
|
||||
<div className="col-12 col-sm-4 col-lg-2">
|
||||
<div className="banner_screen screen4 text-center">
|
||||
<img className="moving_animation" src={localImgLoad('images/hero-image-2.png')} alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-2 col-lg-2 col-sm-4 col-xs-4 d-none d-lg-block">
|
||||
<div className="banner_screen screen5">
|
||||
<img className="moving_position_animatin" src="assets/images/hero-image-3.png" alt="image" />
|
||||
<div className="col-lg-2 d-none d-lg-block">
|
||||
<div className="banner_screen screen5 text-center">
|
||||
<img className="moving_position_animatin" src={localImgLoad('images/hero-image-3.png')} alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -204,14 +208,14 @@ const Lnd = ({setnavbar,setfooter,setbrdcum}) => {
|
||||
<ul className="app_btn" data-aos="fade-in" data-aos-duration="1500">
|
||||
<li>
|
||||
<a href="#" className="app_store">
|
||||
<img className="blue_img" src="assets/images/appstore_blue.png" alt="image" />
|
||||
<img className="white_img" src="assets/images/appstore_white.png" alt="image" />
|
||||
<img className="blue_img" src={localImgLoad('images/appstore_blue.png')} alt="image" />
|
||||
<img className="white_img" src={localImgLoad('images/appstore_white.png')} alt="image" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img className="blue_img" src="assets/images/googleplay_blue.png" alt="image" />
|
||||
<img className="white_img" src="assets/images/googleplay_white.png" alt="image" />
|
||||
<img className="blue_img" src={localImgLoad('images/googleplay_blue.png')} alt="image" />
|
||||
<img className="white_img" src={localImgLoad('images/googleplay_white.png')} alt="image" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -223,7 +227,7 @@ const Lnd = ({setnavbar,setfooter,setbrdcum}) => {
|
||||
<div className="col-md-3 col-lg-3 col-sm-6 col-xs-12" data-aos="fade-up" data-aos-duration="1000">
|
||||
<li>
|
||||
<div className="icon">
|
||||
<img src="assets/images/download-dark.png" alt="image" />
|
||||
<img src={localImgLoad('images/download-dark.png')} alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<p><span className="counter-value" data-count="17">0</span><span>M+</span></p>
|
||||
@@ -235,7 +239,7 @@ const Lnd = ({setnavbar,setfooter,setbrdcum}) => {
|
||||
<div className="col-md-3 col-lg-3 col-sm-6 col-xs-12 " data-aos="fade-up" data-aos-duration="1200">
|
||||
<li>
|
||||
<div className="icon">
|
||||
<img src="assets/images/followers-dark.png" alt="image" />
|
||||
<img src={localImgLoad('images/followers-dark.png')} alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<p><span className="counter-value" data-count="08">0 </span><span>M+</span></p>
|
||||
@@ -247,7 +251,7 @@ const Lnd = ({setnavbar,setfooter,setbrdcum}) => {
|
||||
<div className="col-md-3 col-lg-3 col-sm-6 col-xs-12 " data-aos="fade-up" data-aos-duration="1400">
|
||||
<li>
|
||||
<div className="icon">
|
||||
<img src="assets/images/reviews-dark.png" alt="image" />
|
||||
<img src={localImgLoad('images/reviews-dark.png')} alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<p><span className="counter-value" data-count="2300">1500</span><span>+</span></p>
|
||||
@@ -259,7 +263,7 @@ const Lnd = ({setnavbar,setfooter,setbrdcum}) => {
|
||||
<div className="col-md-3 col-lg-3 col-sm-6 col-xs-12 " data-aos="fade-up" data-aos-duration="1600">
|
||||
<li>
|
||||
<div className="icon">
|
||||
<img src="assets/images/countries-dark.png" alt="image" />
|
||||
<img src={localImgLoad('images/countries-dark.png')} alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<p><span className="counter-value" data-count="150">0</span><span>+</span></p>
|
||||
@@ -282,7 +286,7 @@ const Lnd = ({setnavbar,setfooter,setbrdcum}) => {
|
||||
<div className="col-md-4">
|
||||
<div className="feature_box" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div className="image">
|
||||
<img src="assets/images/features1.png" alt="image" />
|
||||
<img src={localImgLoad('images/features1.png')} alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Secure data</h4>
|
||||
@@ -294,7 +298,7 @@ const Lnd = ({setnavbar,setfooter,setbrdcum}) => {
|
||||
<div className="col-md-4">
|
||||
<div className="feature_box" data-aos="fade-up" data-aos-duration="1700">
|
||||
<div className="image">
|
||||
<img src="assets/images/features2.png" alt="image" />
|
||||
<img src={localImgLoad('images/features2.png')} alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Automate everything</h4>
|
||||
@@ -306,7 +310,7 @@ const Lnd = ({setnavbar,setfooter,setbrdcum}) => {
|
||||
<div className="col-md-4">
|
||||
<div className="feature_box" data-aos="fade-up" data-aos-duration="1900">
|
||||
<div className="image">
|
||||
<img src="assets/images/features3.png" alt="image" />
|
||||
<img src={localImgLoad('images/features3.png')} alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Secure data</h4>
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import { BrowserRouter as Router } from 'react-router-dom';
|
||||
|
||||
import App from './App';
|
||||
import './assets/css/bootstrap.min.css';
|
||||
import './assets/css/custom-animated.css';
|
||||
@@ -12,7 +14,9 @@ import './assets/css/style.css';
|
||||
|
||||
ReactDOM.render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
<Router>
|
||||
<App />
|
||||
</Router>
|
||||
</React.StrictMode>,
|
||||
document.getElementById('root')
|
||||
);
|
||||
|
||||
@@ -0,0 +1,2 @@
|
||||
const localImgLoad = (location) => require(`../assets/${location}`);
|
||||
export default localImgLoad
|
||||