first commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,64 @@
|
||||
import React from 'react';
|
||||
import thumb4 from '../../assets/images/about-thumb-4.png';
|
||||
import thumb5 from '../../assets/images/about-thumb-5.png';
|
||||
|
||||
function AboutHomeEight() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-about-8-area pt-100 pb-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-section-title mb-30">
|
||||
<h3 className="appie-title">
|
||||
We bring everything <br />
|
||||
that's required to build apps
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-7">
|
||||
<div className="appie-about-8-box">
|
||||
<h3 className="title">
|
||||
Will my Template be <br />
|
||||
Mobile Friendly
|
||||
</h3>
|
||||
<p>
|
||||
A load of old tosh spiffing pear shaped show <br />
|
||||
off pick your nose and blow
|
||||
</p>
|
||||
<a className="main-btn" href="#">
|
||||
Learn More <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
<div className="thumb">
|
||||
<img src={thumb4} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="appie-about-8-box">
|
||||
<h3 className="title">
|
||||
Website & Mobile <br />
|
||||
App Design
|
||||
</h3>
|
||||
<p>
|
||||
A load of old tosh spiffing pear shaped show <br />
|
||||
off pick your nose and blow
|
||||
</p>
|
||||
<a className="main-btn" href="#">
|
||||
Learn More <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
<div className="thumb mr-30">
|
||||
<img src={thumb5} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default AboutHomeEight;
|
||||
@@ -0,0 +1,139 @@
|
||||
import React from 'react';
|
||||
import blog4 from '../../assets/images/blog-4.jpg';
|
||||
import blog5 from '../../assets/images/blog-5.jpg';
|
||||
import blog6 from '../../assets/images/blog-6.jpg';
|
||||
import blog7 from '../../assets/images/blog-7.jpg';
|
||||
import shape5 from '../../assets/images/shape/5.png';
|
||||
import shape12 from '../../assets/images/shape/shape-12.png';
|
||||
|
||||
function BlogHomeEight() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-blog-3-area appie-blog-8-area pt-90 pb-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-section-title text-center">
|
||||
<h3 className="appie-title">Latest blog posts</h3>
|
||||
<p>The app provides design and digital marketing.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-blog-item-3 appie-blog-item-8 mt-30">
|
||||
<div className="thumb">
|
||||
<img src={blog4} alt="" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h5 className="title">
|
||||
<a href="/news/single-news">
|
||||
How to Improve Your App Store Position
|
||||
</a>
|
||||
</h5>
|
||||
<div className="meta-item">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fal fa-clock"></i> July 14, 2022
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-comments"></i> July 14, 2022
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-blog-item-3 appie-blog-item-8 mt-30">
|
||||
<div className="thumb">
|
||||
<img src={blog5} alt="" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h5 className="title">
|
||||
<a href="/news/single-news">
|
||||
Introducing New App Design for our iOS App
|
||||
</a>
|
||||
</h5>
|
||||
<div className="meta-item">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fal fa-clock"></i> July 14, 2022
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-comments"></i> July 14, 2022
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-blog-item-3 appie-blog-item-8 mt-30">
|
||||
<div className="thumb">
|
||||
<img src={blog6} alt="" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h5 className="title">
|
||||
<a href="#">
|
||||
Engineering job is Becoming More interesting.
|
||||
</a>
|
||||
</h5>
|
||||
<div className="meta-item">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fal fa-clock"></i> July 14, 2022
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-comments"></i> July 14, 2022
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-blog-item-3 appie-blog-item-8 mt-30">
|
||||
<div className="thumb">
|
||||
<img src={blog7} alt="" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h5 className="title">
|
||||
<a href="//news/single-news">
|
||||
20 Myths About Mobile Applications
|
||||
</a>
|
||||
</h5>
|
||||
<div className="meta-item">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fal fa-clock"></i> July 14, 2022
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-comments"></i> July 14, 2022
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12">
|
||||
<div className="blog-btn text-center mt-60">
|
||||
<a className="main-btn" href="#">
|
||||
View All Posts <i className="fal fa-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="appie-blog-8-shape-1">
|
||||
<img src={shape5} alt="" />
|
||||
</div>
|
||||
<div className="appie-blog-8-shape-2">
|
||||
<img src={shape12} alt="" />
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default BlogHomeEight;
|
||||
@@ -0,0 +1,157 @@
|
||||
import React, { useState } from 'react';
|
||||
import CounterUpCom from '../../lib/CounterUpCom';
|
||||
import PopupVideo from '../PopupVideo';
|
||||
|
||||
function FaqHomeEight() {
|
||||
const [showQuestion, setQuestion] = useState(0);
|
||||
const [showVideo, setVideoValue] = useState(false);
|
||||
const openQuestion = (e, value) => {
|
||||
e.preventDefault();
|
||||
setQuestion(value);
|
||||
};
|
||||
const handleShowVideo = (e) => {
|
||||
e.preventDefault();
|
||||
setVideoValue(!showVideo);
|
||||
};
|
||||
return (
|
||||
<>
|
||||
{showVideo && (
|
||||
<PopupVideo
|
||||
videoSrc="//www.youtube.com/embed/EE7NqzhMDms?autoplay=1"
|
||||
handler={(e) => handleShowVideo(e)}
|
||||
/>
|
||||
)}
|
||||
<div className="appie-faq-8-area pt-100 pb-100" id="counter">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5">
|
||||
<div className="appie-section-title">
|
||||
<h3 className="appie-title">Get started with Appie Template.</h3>
|
||||
<p>
|
||||
He nicked it tickety boo harry the cras bargy chap mush spiffing
|
||||
spend a penny the full monty burke butty.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
className="faq-accordion wow fadeInRight mt-30"
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div
|
||||
className="accrodion-grp wow fadeIn faq-accrodion"
|
||||
data-wow-duration="1500ms"
|
||||
data-grp-name="faq-accrodion"
|
||||
>
|
||||
<div
|
||||
className={`accrodion ${
|
||||
showQuestion === 0 ? 'active' : ''
|
||||
}`}
|
||||
onClick={(e) => openQuestion(e, 0)}
|
||||
>
|
||||
<div className="accrodion-inner">
|
||||
<div className="accrodion-title">
|
||||
<h4>Does Appie have dynamic content?</h4>
|
||||
</div>
|
||||
<div
|
||||
className="accrodion-content"
|
||||
style={{
|
||||
display: showQuestion === 0 ? 'block' : 'none',
|
||||
}}
|
||||
>
|
||||
<div className="inner">
|
||||
<p>
|
||||
Naff Oxford vagabond in my flat chinwag
|
||||
blatant grub tomfoolery that I bits and bobs
|
||||
up the cras boot.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={`accrodion ${
|
||||
showQuestion === 1 ? 'active' : ''
|
||||
}`}
|
||||
onClick={(e) => openQuestion(e, 1)}
|
||||
>
|
||||
<div className="accrodion-inner">
|
||||
<div className="accrodion-title">
|
||||
<h4>Where do I usually find FAQs in a page?</h4>
|
||||
</div>
|
||||
<div
|
||||
className="accrodion-content"
|
||||
style={{
|
||||
display: showQuestion === 1 ? 'block' : 'none',
|
||||
}}
|
||||
>
|
||||
<div className="inner">
|
||||
<p>
|
||||
Naff Oxford vagabond in my flat chinwag
|
||||
blatant grub tomfoolery that I bits and bobs
|
||||
up the cras boot.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={`accrodion ${
|
||||
showQuestion === 2 ? 'active' : ''
|
||||
}`}
|
||||
onClick={(e) => openQuestion(e, 2)}
|
||||
>
|
||||
<div className="accrodion-inner">
|
||||
<div className="accrodion-title">
|
||||
<h4>Website & Mobile App Design</h4>
|
||||
</div>
|
||||
<div
|
||||
className="accrodion-content"
|
||||
style={{
|
||||
display: showQuestion === 2 ? 'block' : 'none',
|
||||
}}
|
||||
>
|
||||
<div className="inner">
|
||||
<p>
|
||||
Naff Oxford vagabond in my flat chinwag
|
||||
blatant grub tomfoolery that I bits and bobs
|
||||
up the cras boot.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="faq-play-box">
|
||||
<div className="play-btn">
|
||||
<a
|
||||
onClick={(e) => handleShowVideo(e)}
|
||||
className="appie-video-popup"
|
||||
href="https://www.youtube.com/watch?v=EE7NqzhMDms"
|
||||
>
|
||||
<i className="fas fa-play" />
|
||||
</a>
|
||||
</div>
|
||||
<div className="faq-play-counter">
|
||||
<div className="box-1">
|
||||
<h4 className="title">
|
||||
<CounterUpCom endValue="700" sectionSelect="counter" />k
|
||||
</h4>
|
||||
<span>App Downloads</span>
|
||||
</div>
|
||||
<div className="box-1 box-2">
|
||||
<h4 className="title">
|
||||
<CounterUpCom endValue="545" sectionSelect="counter" />k
|
||||
</h4>
|
||||
<span>App Downloads</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default FaqHomeEight;
|
||||
@@ -0,0 +1,156 @@
|
||||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import logo from '../../assets/images/logo-9.png';
|
||||
|
||||
function FooterHomeEight() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-footer-area appie-footer-about-area appie-footer-8-area">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="footer-about-widget">
|
||||
<div className="logo">
|
||||
<a href="#">
|
||||
<img src={logo} alt="" />
|
||||
</a>
|
||||
</div>
|
||||
<p>
|
||||
Appie WordPress is theme is the last theme you will ever have.
|
||||
</p>
|
||||
<a href="#">
|
||||
Read More <i className="fal fa-arrow-right"></i>
|
||||
</a>
|
||||
<div className="social mt-30">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-pinterest-p"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-linkedin-in"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-2 col-md-6">
|
||||
<div className="footer-navigation">
|
||||
<h4 className="title">Company</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<Link to="/about-us">About Us</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/Service">Service</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Case Studies</a>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/news">Blog</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/contact">Contact</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="footer-navigation">
|
||||
<h4 className="title">Support</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<Link to="/about-us">Community</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Resources</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Faqs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Careers</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="footer-widget-info">
|
||||
<h4 className="title">Get In Touch</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fal fa-envelope"></i> support@appie.com
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fal fa-phone"></i> +(642) 342 762 44
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fal fa-map-marker-alt"></i> 442 Belle
|
||||
Terre St Floor 7, San Francisco, AV 4206
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div
|
||||
className="
|
||||
footer-copyright
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-between
|
||||
pt-35
|
||||
"
|
||||
>
|
||||
<div className="apps-download-btn">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-apple"></i> Download for iOS
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="item-2" href="#">
|
||||
<i className="fab fa-google-play"></i> Download for
|
||||
Android
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="copyright-text">
|
||||
<p>Copyright © 2021 Appie. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default FooterHomeEight;
|
||||
@@ -0,0 +1,52 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/logo-9.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
|
||||
function HeaderHomeEight({ action }) {
|
||||
useEffect(() => {
|
||||
StickyMenu();
|
||||
});
|
||||
return (
|
||||
<>
|
||||
<header className="appie-header-area appie-header-8-area appie-sticky">
|
||||
<div className="container">
|
||||
<div className="header-nav-box header-nav-box-6">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
|
||||
<div className="appie-logo-box">
|
||||
<a href="/">
|
||||
<img src={logo} alt="" />
|
||||
</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="#">
|
||||
<i className="fal fa-user" /> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href="#">
|
||||
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>
|
||||
</header>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HeaderHomeEight;
|
||||
@@ -0,0 +1,66 @@
|
||||
import React from 'react';
|
||||
import hero from '../../assets/images/hero-thumb-9.png';
|
||||
import shapeOne from '../../assets/images/shape/1.png';
|
||||
import shapeTwo from '../../assets/images/shape/2.png';
|
||||
import shapeThree from '../../assets/images/shape/3.png';
|
||||
import shapeFour from '../../assets/images/shape/4.png';
|
||||
|
||||
function HeroHomeEight() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-hero-area appie-hero-8-area">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-hero-content appie-hero-content-8">
|
||||
<h1 className="appie-title">We’re a full-range design app</h1>
|
||||
<p>
|
||||
Jolly good excuse my french boot super my good sir cup of char
|
||||
richard about chinwag.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-google-play" />
|
||||
<span>Google Play</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="item-2" href="#">
|
||||
<i className="fab fa-apple" /> <span>App Store</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-hero-thumb-6">
|
||||
<div
|
||||
className="thumb text-center wow animated fadeInUp"
|
||||
data-wow-duration="1000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<img src={hero} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="home-8-shape-1">
|
||||
<img src={shapeThree} alt="" />
|
||||
</div>
|
||||
<div className="home-8-shape-2">
|
||||
<img src={shapeFour} alt="" />
|
||||
</div>
|
||||
<div className="home-8-shape-3">
|
||||
<img src={shapeOne} alt="" />
|
||||
</div>
|
||||
<div className="home-8-shape-4">
|
||||
<img src={shapeTwo} alt="" />
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HeroHomeEight;
|
||||
@@ -0,0 +1,124 @@
|
||||
import React from 'react';
|
||||
import serviceThumb from '../../assets/images/service-thumb-1.png';
|
||||
|
||||
function ServicesHomeEight() {
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="appie-services-2-area appie-services-8-area pt-90 pb-55"
|
||||
id="service"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-end">
|
||||
<div className="col-lg-6 col-md-8">
|
||||
<div className="appie-section-title">
|
||||
<h3 className="appie-title">Solution for every need.</h3>
|
||||
<p>The app provides design and digital marketing.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-7">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-single-service-2 appie-single-service-about
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fal fa-tv" />
|
||||
</div>
|
||||
<h4 className="title">Carefully designed</h4>
|
||||
<p>
|
||||
He lost his bottle loo don't get shirty with me ruddy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-single-service-2 appie-single-service-about
|
||||
item-2
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fal fa-code" />
|
||||
</div>
|
||||
<h4 className="title">Clean Modern Code</h4>
|
||||
<p>
|
||||
He lost his bottle loo don't get shirty with me ruddy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-single-service-2 appie-single-service-about
|
||||
item-3
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fal fa-user-friends" />
|
||||
</div>
|
||||
<h4 className="title">User Interactive</h4>
|
||||
<p>
|
||||
He lost his bottle loo don't get shirty with me ruddy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-single-service-2 appie-single-service-about
|
||||
item-4
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fal fa-mobile" />
|
||||
</div>
|
||||
<h4 className="title">Choose a App</h4>
|
||||
<p>
|
||||
He lost his bottle loo don't get shirty with me ruddy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="service-thumb">
|
||||
<img src={serviceThumb} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default ServicesHomeEight;
|
||||
@@ -0,0 +1,50 @@
|
||||
import React from 'react';
|
||||
import signupThumb from '../../assets/images/signup-thumb.png';
|
||||
|
||||
function SponserHomeEight({ className }) {
|
||||
return (
|
||||
<>
|
||||
<div className={`appie-signup-area ${className || ''}`}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-signup-box">
|
||||
<span>No credit card required</span>
|
||||
<h3 className="title">Get Started.</h3>
|
||||
<form action="#">
|
||||
<div className="input-box">
|
||||
<input type="text" placeholder="Enter your name" />
|
||||
</div>
|
||||
<div className="input-box">
|
||||
<input type="email" placeholder="Enter your email" />
|
||||
</div>
|
||||
<div className="input-box">
|
||||
<button type="submit">Sign Up</button>
|
||||
</div>
|
||||
<div className="appie_checkbox_common checkbox_style2">
|
||||
<div>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox2"
|
||||
id="checkbox4"
|
||||
/>
|
||||
<label htmlFor="checkbox4">
|
||||
<span></span>By signing up you agree to our
|
||||
<a href="#">Terms & Conditions.</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div className="thumb">
|
||||
<img src={signupThumb} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default SponserHomeEight;
|
||||
@@ -0,0 +1,193 @@
|
||||
import React from 'react';
|
||||
import teamOne from '../../assets/images/team-1.jpg';
|
||||
import teamTwo from '../../assets/images/team-2.jpg';
|
||||
import teamThree from '../../assets/images/team-3.jpg';
|
||||
import teamFour from '../../assets/images/team-4.jpg';
|
||||
|
||||
function TeamHomeEight() {
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="
|
||||
appie-team-area appie-team-about-area appie-team-8-area
|
||||
pt-90
|
||||
pb-90
|
||||
"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-section-title text-center">
|
||||
<h3 className="appie-title">Meet our Team Members</h3>
|
||||
<p>Different layouts and styles for team sections.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-team-item appie-team-item-about appie-team-item-8
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="thumb">
|
||||
<img src={teamOne} alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-pinterest-p"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="content text-left">
|
||||
<h5 className="title">Benjamin Evalent</h5>
|
||||
<span>CEO-Founder</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-team-item appie-team-item-about appie-team-item-8
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
<div className="thumb">
|
||||
<img src={teamTwo} alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-pinterest-p"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="content text-left">
|
||||
<h5 className="title">Benjamin Evalent</h5>
|
||||
<span>CEO-Founder</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-team-item appie-team-item-about appie-team-item-8
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<div className="thumb">
|
||||
<img src={teamThree} alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-pinterest-p"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="content text-left">
|
||||
<h5 className="title">Benjamin Evalent</h5>
|
||||
<span>CEO-Founder</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-team-item appie-team-item-about appie-team-item-8
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="800ms"
|
||||
>
|
||||
<div className="thumb">
|
||||
<img src={teamFour} alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-pinterest-p"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="content text-left">
|
||||
<h5 className="title">Benjamin Evalent</h5>
|
||||
<span>CEO-Founder</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12">
|
||||
<div className="team-btn text-center mt-50">
|
||||
<a className="main-btn" href="#">
|
||||
View all Members <i className="fal fa-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default TeamHomeEight;
|
||||
@@ -0,0 +1,335 @@
|
||||
import React, { useRef } from 'react';
|
||||
import Slider from 'react-slick';
|
||||
import 'slick-carousel/slick/slick-theme.css';
|
||||
import 'slick-carousel/slick/slick.css';
|
||||
import user from '../../assets/images/testimonial-user-1.png';
|
||||
|
||||
function TestimonialHomeEight() {
|
||||
const articleCarosel = useRef();
|
||||
const peopleCarosel = useRef();
|
||||
const sliderNext = () => {
|
||||
articleCarosel.current.slickNext();
|
||||
peopleCarosel.current.slickNext();
|
||||
};
|
||||
const sliderPrev = () => {
|
||||
articleCarosel.current.slickPrev();
|
||||
peopleCarosel.current.slickPrev();
|
||||
};
|
||||
const settingsForArticle = {
|
||||
autoplay: false,
|
||||
arrows: false,
|
||||
dots: false,
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
};
|
||||
const settingsForPeople = {
|
||||
centerMode: true,
|
||||
centerPadding: '0px',
|
||||
autoplay: false,
|
||||
arrows: false,
|
||||
dots: false,
|
||||
slidesToShow: 5,
|
||||
slidesToScroll: 1,
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<div className="appie-testimonial-about-area pb-45">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="appie-section-title text-center">
|
||||
<h3 className="appie-title">What clients say about us</h3>
|
||||
<p>The app provides design and digital marketing.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-10">
|
||||
<div
|
||||
className="testimonial-about-slider-active"
|
||||
style={{ position: 'relative' }}
|
||||
>
|
||||
<span
|
||||
onClick={sliderPrev}
|
||||
className="prev slick-arrow"
|
||||
style={{ display: 'block' }}
|
||||
>
|
||||
<i className="fal fa-arrow-left"></i>
|
||||
</span>
|
||||
<Slider {...settingsForArticle} ref={articleCarosel}>
|
||||
<div className="testimonial-parent-item">
|
||||
<div className="testimonial-box">
|
||||
<div className="icon">
|
||||
<i className="fas fa-quote-left"></i>
|
||||
</div>
|
||||
<div className="ratings-icon">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>
|
||||
Twit some dodgy chav he legged it crikey blatant
|
||||
starkers pukka show off show off pick your nose and
|
||||
blow off morish bum bag boot quaint, Oxford off his
|
||||
nut I bugger up the kyver brilliant bits and bobs
|
||||
haggle buggered.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="testimonial-parent-item">
|
||||
<div className="testimonial-box">
|
||||
<div className="icon">
|
||||
<i className="fas fa-quote-left"></i>
|
||||
</div>
|
||||
<div className="ratings-icon">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>
|
||||
Twit some dodgy chav he legged it crikey blatant
|
||||
starkers pukka show off show off pick your nose and
|
||||
blow off morish bum bag boot quaint, Oxford off his
|
||||
nut I bugger up the kyver brilliant bits and bobs
|
||||
haggle buggered.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="testimonial-parent-item">
|
||||
<div className="testimonial-box">
|
||||
<div className="icon">
|
||||
<i className="fas fa-quote-left"></i>
|
||||
</div>
|
||||
<div className="ratings-icon">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>
|
||||
Twit some dodgy chav he legged it crikey blatant
|
||||
starkers pukka show off show off pick your nose and
|
||||
blow off morish bum bag boot quaint, Oxford off his
|
||||
nut I bugger up the kyver brilliant bits and bobs
|
||||
haggle buggered.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="testimonial-parent-item">
|
||||
<div className="testimonial-box">
|
||||
<div className="icon">
|
||||
<i className="fas fa-quote-left"></i>
|
||||
</div>
|
||||
<div className="ratings-icon">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>
|
||||
Twit some dodgy chav he legged it crikey blatant
|
||||
starkers pukka show off show off pick your nose and
|
||||
blow off morish bum bag boot quaint, Oxford off his
|
||||
nut I bugger up the kyver brilliant bits and bobs
|
||||
haggle buggered.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="testimonial-parent-item">
|
||||
<div className="testimonial-box">
|
||||
<div className="icon">
|
||||
<i className="fas fa-quote-left"></i>
|
||||
</div>
|
||||
<div className="ratings-icon">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>
|
||||
Twit some dodgy chav he legged it crikey blatant
|
||||
starkers pukka show off show off pick your nose and
|
||||
blow off morish bum bag boot quaint, Oxford off his
|
||||
nut I bugger up the kyver brilliant bits and bobs
|
||||
haggle buggered.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="testimonial-parent-item">
|
||||
<div className="testimonial-box">
|
||||
<div className="icon">
|
||||
<i className="fas fa-quote-left"></i>
|
||||
</div>
|
||||
<div className="ratings-icon">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>
|
||||
Twit some dodgy chav he legged it crikey blatant
|
||||
starkers pukka show off show off pick your nose and
|
||||
blow off morish bum bag boot quaint, Oxford off his
|
||||
nut I bugger up the kyver brilliant bits and bobs
|
||||
haggle buggered.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</Slider>
|
||||
<span
|
||||
onClick={sliderNext}
|
||||
className="next slick-arrow"
|
||||
style={{ display: 'block' }}
|
||||
>
|
||||
<i className="fal fa-arrow-right"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-8 col-sm-10">
|
||||
<div className="testimonial-box-about-slider-small-active">
|
||||
<Slider {...settingsForPeople} ref={peopleCarosel}>
|
||||
<div className="item">
|
||||
<div className="thumb">
|
||||
<img src={user} alt="" />
|
||||
</div>
|
||||
<div className="content text-center">
|
||||
<h5 className="title">Bodrum Salvador</h5>
|
||||
<span>Product Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="item">
|
||||
<div className="thumb">
|
||||
<img src={user} alt="" />
|
||||
</div>
|
||||
<div className="content text-center">
|
||||
<h5 className="title">Bodrum Salvador</h5>
|
||||
<span>Product Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="item">
|
||||
<div className="thumb">
|
||||
<img src={user} alt="" />
|
||||
</div>
|
||||
<div className="content text-center">
|
||||
<h5 className="title">Bodrum Salvador</h5>
|
||||
<span>Product Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="item">
|
||||
<div className="thumb">
|
||||
<img src={user} alt="" />
|
||||
</div>
|
||||
<div className="content text-center">
|
||||
<h5 className="title">Bodrum Salvador</h5>
|
||||
<span>Product Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="item">
|
||||
<div className="thumb">
|
||||
<img src={user} alt="" />
|
||||
</div>
|
||||
<div className="content text-center">
|
||||
<h5 className="title">Bodrum Salvador</h5>
|
||||
<span>Product Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="item">
|
||||
<div className="thumb">
|
||||
<img src={user} alt="" />
|
||||
</div>
|
||||
<div className="content text-center">
|
||||
<h5 className="title">Bodrum Salvador</h5>
|
||||
<span>Product Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
</Slider>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default TestimonialHomeEight;
|
||||
@@ -0,0 +1,69 @@
|
||||
import React from 'react';
|
||||
import workThumb from '../../assets/images/how-it-work-thumb.png';
|
||||
|
||||
function WorkPartHomeEight() {
|
||||
return (
|
||||
<>
|
||||
<div className="appie-how-it-work-area pt-10 pb-100">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="how-it-work-thumb text-center">
|
||||
<img src={workThumb} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-how-it-work-content">
|
||||
<h2 className="title">How It works</h2>
|
||||
<p>
|
||||
The little rotter harry butty lurgy spend a peny spiffing skive
|
||||
off golly gosh baking cakes.
|
||||
</p>
|
||||
<div className="row">
|
||||
<div className="col-sm-6">
|
||||
<div className="how-it-work-box">
|
||||
<span>1</span>
|
||||
<h5 className="title">
|
||||
Download <br />
|
||||
the app
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6">
|
||||
<div className="how-it-work-box">
|
||||
<span>2</span>
|
||||
<h5 className="title">
|
||||
Create a <br />
|
||||
free account
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6">
|
||||
<div className="how-it-work-box">
|
||||
<span>3</span>
|
||||
<h5 className="title">
|
||||
Sync across <br />
|
||||
All devices
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6">
|
||||
<div className="how-it-work-box">
|
||||
<span>4</span>
|
||||
<h5 className="title">
|
||||
Monthly & <br />
|
||||
weekly reports
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default WorkPartHomeEight;
|
||||
@@ -0,0 +1,38 @@
|
||||
import React from 'react';
|
||||
import useToggle from '../../Hooks/useToggle';
|
||||
import BackToTop from '../BackToTop';
|
||||
import Drawer from '../Mobile/Drawer';
|
||||
import AboutHomeEight from './AboutHomeEight';
|
||||
import BlogHomeEight from './BlogHomeEight';
|
||||
import FaqHomeEight from './FaqHomeEight';
|
||||
import FooterHomeEight from './FooterHomeEight';
|
||||
import HeaderHomeEight from './HeaderHomeEight';
|
||||
import HeroHomeEight from './HeroHomeEight';
|
||||
import ServicesHomeEight from './ServicesHomeEight';
|
||||
import SignupHomeEight from './SignupHomeEight';
|
||||
import TeamHomeEight from './TeamHomeEight';
|
||||
import TestimonialHomeEight from './TestimonialHomeEight';
|
||||
import WorkPartHomeEight from './WorkPartHomeEight';
|
||||
|
||||
function HomeEight() {
|
||||
const [drawer, setDrawer] = useToggle(false);
|
||||
return (
|
||||
<>
|
||||
<Drawer drawer={drawer} action={setDrawer.toggle} />
|
||||
<HeaderHomeEight drawer={drawer} action={setDrawer.toggle} />
|
||||
<HeroHomeEight />
|
||||
<AboutHomeEight />
|
||||
<ServicesHomeEight />
|
||||
<WorkPartHomeEight />
|
||||
<FaqHomeEight />
|
||||
<TeamHomeEight />
|
||||
<TestimonialHomeEight />
|
||||
<BlogHomeEight />
|
||||
<SignupHomeEight className="appie-signup-8-area" />
|
||||
<FooterHomeEight />
|
||||
<BackToTop className="back-to-top-8" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HomeEight;
|
||||
Reference in New Issue
Block a user