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 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 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() {
|
||||
|
||||
const Sliders = [Slider1, Slider2, Slider3, Slider4, Slider5, Slider6, Slider7]
|
||||
|
||||
var site = getConfig()[0];
|
||||
return (
|
||||
<>
|
||||
@@ -51,10 +62,9 @@ function HeroHomeOne() {
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
{/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
|
||||
<div style={{ width: '350px', margin: 'auto' }}>
|
||||
<CustomSlider
|
||||
images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
|
||||
images={Sliders}
|
||||
speed='5'
|
||||
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='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_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>
|
||||
<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>
|
||||
|
||||