Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e23fd83a8 | |||
| 537e639a65 | |||
| 02075a95c0 | |||
| 2873b22183 | |||
| 7b01bea019 |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
After Width: | Height: | Size: 626 KiB |
|
After Width: | Height: | Size: 2.6 MiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 765 KiB |
|
After Width: | Height: | Size: 2.1 MiB |
|
After Width: | Height: | Size: 690 KiB |
|
After Width: | Height: | Size: 485 KiB |
@@ -3,14 +3,25 @@ import heroThumbOne from '../../assets/images/app-thumb-1.png';
|
|||||||
import heroThumbOne1 from '../../assets/images/app-thumb-2.png';
|
import heroThumbOne1 from '../../assets/images/app-thumb-2.png';
|
||||||
|
|
||||||
import heroThumbTwo from '../../assets/images/app-pic.png';
|
import heroThumbTwo from '../../assets/images/app-pic.png';
|
||||||
import shapeTwo from '../../assets/images/shape/shape-2.png';
|
|
||||||
import shapeThree from '../../assets/images/shape/shape-3.png';
|
|
||||||
import shapeFour from '../../assets/images/shape/shape-4.png';
|
|
||||||
import getConfig from './../../Config/config'
|
import getConfig from './../../Config/config'
|
||||||
|
|
||||||
import CustomSlider from '../customSlider/CustomSlider';
|
import CustomSlider from '../customSlider/CustomSlider';
|
||||||
|
|
||||||
|
import Slider1 from '../../assets/images/slider/slider_1.png'
|
||||||
|
import Slider2 from '../../assets/images/slider/slider_2.png'
|
||||||
|
import Slider3 from '../../assets/images/slider/slider_3.png'
|
||||||
|
import Slider4 from '../../assets/images/slider/slider_4.png'
|
||||||
|
import Slider5 from '../../assets/images/slider/slider_5.png'
|
||||||
|
import Slider6 from '../../assets/images/slider/slider_6.png'
|
||||||
|
import Slider7 from '../../assets/images/slider/slider_7.png'
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function HeroHomeOne() {
|
function HeroHomeOne() {
|
||||||
|
|
||||||
|
const Sliders = [Slider1, Slider2, Slider3, Slider4, Slider5, Slider6, Slider7]
|
||||||
|
|
||||||
var site = getConfig()[0];
|
var site = getConfig()[0];
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@@ -51,10 +62,9 @@ function HeroHomeOne() {
|
|||||||
data-wow-duration="2000ms"
|
data-wow-duration="2000ms"
|
||||||
data-wow-delay="200ms"
|
data-wow-delay="200ms"
|
||||||
>
|
>
|
||||||
{/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
|
|
||||||
<div style={{ width: '350px', margin: 'auto' }}>
|
<div style={{ width: '350px', margin: 'auto' }}>
|
||||||
<CustomSlider
|
<CustomSlider
|
||||||
images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
|
images={Sliders}
|
||||||
speed='5'
|
speed='5'
|
||||||
indicatorColor='#333'
|
indicatorColor='#333'
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -66,9 +66,28 @@ const Main = ({gredient}) => {
|
|||||||
<div className="right_img position-relative d-flex flex-column justify-content-start align-items-center">
|
<div className="right_img position-relative d-flex flex-column justify-content-start align-items-center">
|
||||||
<div className='d-flex flex-column justify-content-start align-items-center'>
|
<div className='d-flex flex-column justify-content-start align-items-center'>
|
||||||
{/* <img className="moving_position_animatin right_img_one" src={img2} alt="image" /> */}
|
{/* <img className="moving_position_animatin right_img_one" src={img2} alt="image" /> */}
|
||||||
<img className="moving_position_animatin right_img_two" src={img3} alt="image" />
|
<img
|
||||||
|
className="moving_position_animatin right_img_two"
|
||||||
|
// src={img3}
|
||||||
|
src={
|
||||||
|
activeImg == 'reward-goals' ? localImgLoad(`images/home/box-reward.png`)
|
||||||
|
:
|
||||||
|
activeImg == 'assign-chores' ? localImgLoad(`images/home/box-chores.png`)
|
||||||
|
:
|
||||||
|
activeImg == 'financial-edu' ? localImgLoad(`images/home/box-financial.png`)
|
||||||
|
:
|
||||||
|
activeImg == 'family-connect' ? localImgLoad(`images/home/box-family.png`)
|
||||||
|
:
|
||||||
|
null
|
||||||
|
}
|
||||||
|
alt="image"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<img className="moving_position_animatin right_img_three position-relative" src={img4} alt="image" />
|
<img
|
||||||
|
className="moving_position_animatin right_img_three position-relative"
|
||||||
|
src={localImgLoad(`images/home/wrench-side-logo-1.png`)}
|
||||||
|
alt="image"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||