first commit

2024-07-29 12:45:59 -04:00
parent 00f486b418
commit 135fd520db
730 changed files with 20176 additions and 93 deletions
@@ -0,0 +1,90 @@
+import React from 'react';
+import heroThumbOne from '../../assets/images/app-thumb-1.png';
+
+import heroThumbTwo from '../../assets/images/app-pic.png';
+import shapeTwo from '../../assets/images/shape/shape-2.png';
+
+import getConfig from './../../Config/config'
+import CustomSlider from '../customSlider/CustomSlider';
+
+// import SliderOne from '../../assets/images/home/app-slide-home-0.png'
+
+import SliderOne from '../../assets/images/home/top_sliders/slide_1.png'
+import SliderTwo from '../../assets/images/home/top_sliders/slide_2.png'
+import SliderThree from '../../assets/images/home/top_sliders/slide_3.png'
+import SliderFour from '../../assets/images/home/top_sliders/slide_4.png'
+import SliderFive from '../../assets/images/home/top_sliders/slide_5.png'
+import SliderCenter from '../../assets/images/home/top_sliders/slide_33.png'
+
+
+function HeroHomeOne() {
+
+  const sliders = [
+    SliderOne, SliderTwo, SliderCenter, SliderThree, SliderFour, SliderFive
+  ]
+
+  return (
+    <>
+      <section className="appie-hero-area">
+        <div className="container">
+          <div className="row">
+            <div className="col-lg-6">
+              <div className="appie-hero-content appie-hero-content-6 d-flex flex-column h-100">
+                {/*<span>Welcome To WrenchBoard..</span>*/}
+                <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 task portfolio and find others to perform tasks for you.</p>
+                <ul className='d-flex justify-content-center justify-content-lg-start'>
+                  <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>
+              </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', height:'auto', margin: 'auto' }}>
+                    <CustomSlider
+                      images={sliders}
+                      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 HeroHomeOne;