first commit

2021-12-18 20:23:31 -05:00
commit bce242fd22
308 changed files with 42398 additions and 0 deletions
@@ -0,0 +1,57 @@
+import React, { useState } from 'react';
+import heroThumb from '../../assets/images/hero-thumb-4.png';
+import PopupVideo from '../PopupVideo';
+
+function HeroHomeThree() {
+    const [showVideo, setVideoValue] = useState(false);
+    const handleShowVideo = (e) => {
+        e.preventDefault();
+        setVideoValue(!showVideo);
+    };
+    return (
+        <>
+            {showVideo && (
+                <PopupVideo
+                    videoSrc="//www.youtube.com/embed/EE7NqzhMDms?autoplay=1"
+                    handler={(e) => handleShowVideo(e)}
+                />
+            )}
+            <section className="appie-hero-area appie-hero-3-area">
+                <div className="container">
+                    <div className="row justify-content-center">
+                        <div className="col-lg-10">
+                            <div className="appie-hero-content text-center">
+                                <h1 className="appie-title">Creative way to Showcase your app</h1>
+                                <p>
+                                    Jolly good excuse my french boot super my good sir cup of <br />
+                                    char richard about chinwag.
+                                </p>
+                                <div className="hero-btns">
+                                    <a className="main-btn" href="#">
+                                        Get a Quote
+                                    </a>
+                                    <a
+                                        onClick={(e) => handleShowVideo(e)}
+                                        className="appie-video-popup"
+                                        href="https://www.youtube.com/watch?v=EE7NqzhMDms"
+                                    >
+                                        <i className="fas fa-play" /> Play Video
+                                    </a>
+                                </div>
+                                <div
+                                    className="thumb mt-100 wow animated fadeInUp"
+                                    data-wow-duration="2000ms"
+                                    data-wow-delay="400ms"
+                                >
+                                    <img src={heroThumb} alt="" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </>
+    );
+}
+
+export default HeroHomeThree;