first commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,68 @@
|
||||
import React from 'react';
|
||||
import aboutThumb from '../../assets/images/about-thumb.png';
|
||||
|
||||
function AboutHomeTwo() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-about-area mb-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div
|
||||
className="appie-about-box wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="about-thumb">
|
||||
<img src={aboutThumb} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-about-content">
|
||||
<span>Marketing</span>
|
||||
<h3 className="title">
|
||||
Make a lasting impression with appie.
|
||||
</h3>
|
||||
<p>
|
||||
Jolly good quaint james bond victoria sponge happy
|
||||
days cras arse over blatant.
|
||||
</p>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<div className="appie-about-service mt-30">
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h4 className="title">Carefully designed</h4>
|
||||
<p>
|
||||
Mucker plastered bugger all mate morish are.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<div className="appie-about-service mt-30">
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h4 className="title">Choose a App</h4>
|
||||
<p>
|
||||
Mucker plastered bugger all mate morish are.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default AboutHomeTwo;
|
||||
@@ -0,0 +1,111 @@
|
||||
import React from 'react';
|
||||
import counterIconOne from '../../assets/images/icon/counter-icon-1.svg';
|
||||
import counterIconTwo from '../../assets/images/icon/counter-icon-2.svg';
|
||||
import counterIconThree from '../../assets/images/icon/counter-icon-3.svg';
|
||||
import counterIconFour from '../../assets/images/icon/counter-icon-4.svg';
|
||||
import CounterUpCom from '../../lib/CounterUpCom';
|
||||
|
||||
function CounterArea({ style }) {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-counter-area pt-90 pb-190" id="counter" style={style}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-section-title">
|
||||
<h3 className="appie-title">How does it work</h3>
|
||||
<p>
|
||||
The full monty spiffing good time no biggie cack grub fantastic.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="appie-single-counter mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="counter-content">
|
||||
<div className="icon">
|
||||
<img src={counterIconOne} alt="" />
|
||||
</div>
|
||||
<h3 className="title">
|
||||
<span className="counter-item">
|
||||
<CounterUpCom endValue={100} sectionSelect="counter" />
|
||||
</span>
|
||||
k+
|
||||
</h3>
|
||||
<p>Active Installation</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="appie-single-counter mt-30 item-2 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
<div className="counter-content">
|
||||
<div className="icon">
|
||||
<img src={counterIconTwo} alt="" />
|
||||
</div>
|
||||
<h3 className="title">
|
||||
<span className="counter-item">
|
||||
<CounterUpCom endValue={108} sectionSelect="counter" />
|
||||
</span>
|
||||
+
|
||||
</h3>
|
||||
<p>Active Installation</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="appie-single-counter mt-30 item-3 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<div className="counter-content">
|
||||
<div className="icon">
|
||||
<img src={counterIconThree} alt="" />
|
||||
</div>
|
||||
<h3 className="title">
|
||||
<span className="counter-item">
|
||||
<CounterUpCom endValue={307} sectionSelect="counter" />
|
||||
</span>
|
||||
+
|
||||
</h3>
|
||||
<p>Active Installation</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="appie-single-counter mt-30 item-4 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="800ms"
|
||||
>
|
||||
<div className="counter-content">
|
||||
<div className="icon">
|
||||
<img src={counterIconFour} alt="" />
|
||||
</div>
|
||||
<h3 className="title">
|
||||
<span className="counter-item">
|
||||
<CounterUpCom endValue={725} sectionSelect="counter" />
|
||||
</span>
|
||||
k+
|
||||
</h3>
|
||||
<p>Active Installation</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default CounterArea;
|
||||
@@ -0,0 +1,59 @@
|
||||
import React from 'react';
|
||||
import shape13 from '../../assets/images/shape/shape-13.png';
|
||||
import shape14 from '../../assets/images/shape/shape-14.png';
|
||||
import shape15 from '../../assets/images/shape/shape-15.png';
|
||||
|
||||
function DownloadHomeTwo({ className }) {
|
||||
return (
|
||||
<>
|
||||
<section className={`appie-download-area pt-150 pb-160 mb-90 ${className || ''}`}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5">
|
||||
<div className="appie-download-content">
|
||||
<span>Download Our App</span>
|
||||
<h3 className="title">
|
||||
App is available <br />
|
||||
for free on app store
|
||||
</h3>
|
||||
<p>
|
||||
Jolly good quaint james bond victoria sponge happy days cras
|
||||
arse over blatant.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-apple" />
|
||||
<span>
|
||||
Download for <span>iOS</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="item-2" href="#">
|
||||
<i className="fab fa-google-play" />
|
||||
<span>
|
||||
Download for <span>Android</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="download-shape-1">
|
||||
<img src={shape15} alt="" />
|
||||
</div>
|
||||
<div className="download-shape-2">
|
||||
<img src={shape14} alt="" />
|
||||
</div>
|
||||
<div className="download-shape-3">
|
||||
<img src={shape13} alt="" />
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default DownloadHomeTwo;
|
||||
@@ -0,0 +1,67 @@
|
||||
import React from 'react';
|
||||
import featureThumb from '../../assets/images/features-thumb-2.png';
|
||||
import shape13 from '../../assets/images/shape/shape-13.png';
|
||||
import shape14 from '../../assets/images/shape/shape-14.png';
|
||||
import shape15 from '../../assets/images/shape/shape-15.png';
|
||||
|
||||
function FeaturesHomeTwo() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-features-area-2 pt-90 pb-100" id="features">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-section-title appie-section-title-2 text-center">
|
||||
<h3 className="appie-title">
|
||||
Wherever you need <br />
|
||||
us the most
|
||||
</h3>
|
||||
<p>
|
||||
The full monty spiffing good time no biggie cack grub fantastic.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row mt-30 align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-features-boxes">
|
||||
<div className="appie-features-box-item">
|
||||
<h4 className="title">Well Integrated</h4>
|
||||
<p>The bee's knees chancer car boot absolutely.</p>
|
||||
</div>
|
||||
<div className="appie-features-box-item item-2">
|
||||
<h4 className="title">Clean and modern Design</h4>
|
||||
<p>The bee's knees chancer car boot absolutely.</p>
|
||||
</div>
|
||||
<div className="appie-features-box-item item-3">
|
||||
<h4 className="title">Light and dark mode</h4>
|
||||
<p>The bee's knees chancer car boot absolutely.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div
|
||||
className="appie-features-thumb wow animated fadeInRight"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<img src={featureThumb} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="features-shape-1">
|
||||
<img src={shape15} alt="" />
|
||||
</div>
|
||||
<div className="features-shape-2">
|
||||
<img src={shape14} alt="" />
|
||||
</div>
|
||||
<div className="features-shape-3">
|
||||
<img src={shape13} alt="" />
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default FeaturesHomeTwo;
|
||||
@@ -0,0 +1,156 @@
|
||||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import logo from '../../assets/images/logo-2.png';
|
||||
|
||||
function FooterHomeTwo() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-footer-area">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="footer-about-widget footer-about-widget-2">
|
||||
<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" />
|
||||
</a>
|
||||
<div className="social mt-30">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-facebook-f" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-twitter" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-pinterest-p" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-linkedin-in" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-2 col-md-6">
|
||||
<div className="footer-navigation footer-navigation-2">
|
||||
<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 footer-navigation-2">
|
||||
<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" /> support@appie.com
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fal fa-phone" /> +(642) 342 762 44
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fal fa-map-marker-alt" /> 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" /> Download for iOS
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="item-2" href="#">
|
||||
<i className="fab fa-google-play" /> 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 FooterHomeTwo;
|
||||
@@ -0,0 +1,49 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/logo-2.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
|
||||
function HeaderHomeTwo({ action }) {
|
||||
useEffect(() => {
|
||||
StickyMenu();
|
||||
}, []);
|
||||
return (
|
||||
<>
|
||||
<header className="appie-header-area appie-header-2-area appie-sticky">
|
||||
<div className="container">
|
||||
<div className="header-nav-box">
|
||||
<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="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 HeaderHomeTwo;
|
||||
@@ -0,0 +1,65 @@
|
||||
import React from 'react';
|
||||
import heroMan from '../../assets/images/hero-mans.png';
|
||||
import heroThumb from '../../assets/images/hero-thumb-3.png';
|
||||
import shapeTen from '../../assets/images/shape/shape-10.png';
|
||||
import shapeEleven from '../../assets/images/shape/shape-11.png';
|
||||
import shapeTwelve from '../../assets/images/shape/shape-12.png';
|
||||
import shapeNine from '../../assets/images/shape/shape-9.png';
|
||||
|
||||
function HeroHomeTwo() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-hero-area-2 mb-90">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="appie-hero-content-2">
|
||||
<span>14 day free</span>
|
||||
<h1 className="appie-title">
|
||||
Ready to launch your app in one, <span>Application</span>
|
||||
</h1>
|
||||
<p>Find the best application in the appie.</p>
|
||||
<form action="#">
|
||||
<div className="input-box">
|
||||
<input type="text" placeholder="info@appie.com" />
|
||||
<i className="fal fa-envelope" />
|
||||
<button type="button">
|
||||
<i className="fal fa-arrow-right" />
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<div className="hero-users">
|
||||
<img src={heroMan} alt="" />
|
||||
<span>
|
||||
30k <span> Feedback</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="appie-hero-thumb-3 wow animated fadeInRight"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
<img src={heroThumb} alt="" />
|
||||
</div>
|
||||
<div className="hero-shape-1">
|
||||
<img src={shapeNine} alt="" />
|
||||
</div>
|
||||
<div className="hero-shape-2">
|
||||
<img src={shapeTen} alt="" />
|
||||
</div>
|
||||
<div className="hero-shape-3">
|
||||
<img src={shapeEleven} alt="" />
|
||||
</div>
|
||||
<div className="hero-shape-4">
|
||||
<img src={shapeTwelve} alt="" />
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HeroHomeTwo;
|
||||
@@ -0,0 +1,347 @@
|
||||
import React, { useState } from 'react';
|
||||
|
||||
function PricingHomeTwo() {
|
||||
const [toggleSwitch, setSwitchValue] = useState(true);
|
||||
const handleSwitch = (e) => {
|
||||
e.preventDefault();
|
||||
setSwitchValue(!toggleSwitch);
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<section className="appie-pricing-2-area pb-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-section-title text-center">
|
||||
<h3 className="appie-title">Simple pricing for Everyone</h3>
|
||||
<p>
|
||||
The full monty spiffing good time no biggie cack grub fantastic.
|
||||
</p>
|
||||
<div className="appie-pricing-tab-btn">
|
||||
<ul
|
||||
className="nav nav-pills mb-3"
|
||||
id="pills-tab"
|
||||
role="tablist"
|
||||
>
|
||||
<li className="nav-item" role="presentation">
|
||||
<a
|
||||
onClick={(e) => handleSwitch(e)}
|
||||
className={`nav-link ${
|
||||
toggleSwitch ? 'active' : ''
|
||||
}`}
|
||||
href="#"
|
||||
type="button"
|
||||
role="tab"
|
||||
>
|
||||
Monthly
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
className={`nav-item ${toggleSwitch ? 'on' : 'off'}`}
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
onClick={(e) => handleSwitch(e)}
|
||||
className={`nav-link ${
|
||||
toggleSwitch === false ? 'active' : ''
|
||||
}`}
|
||||
href="#"
|
||||
type="button"
|
||||
role="tab"
|
||||
>
|
||||
Yearly
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="tab-content" id="pills-tabContent">
|
||||
<div
|
||||
className={`tab-pane fade ${toggleSwitch ? 'active show' : ''}`}
|
||||
id="pills-home"
|
||||
role="tabpanel"
|
||||
aria-labelledby="pills-home-tab"
|
||||
>
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="
|
||||
pricing-one__single pricing-one__single_2
|
||||
wow
|
||||
animated
|
||||
fadeInLeft
|
||||
"
|
||||
>
|
||||
<div className="pricig-heading">
|
||||
<h6>Fresh</h6>
|
||||
<div className="price-range">
|
||||
<sup>$</sup> <span>04</span>
|
||||
<p>/month</p>
|
||||
</div>
|
||||
<p>Get your 14 day free trial</p>
|
||||
</div>
|
||||
<div className="pricig-body">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 60-day
|
||||
chat history
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 15 GB
|
||||
cloud storage
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 24/7
|
||||
Support
|
||||
</li>
|
||||
</ul>
|
||||
<div className="pricing-btn mt-35">
|
||||
<a className="main-btn" href="#">
|
||||
Choose plan
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="
|
||||
pricing-one__single pricing-one__single_2
|
||||
active
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
>
|
||||
<div className="pricig-heading">
|
||||
<h6>Sweet</h6>
|
||||
<div className="price-range">
|
||||
<sup>$</sup> <span>16</span>
|
||||
<p>/month</p>
|
||||
</div>
|
||||
<p>Billed $276 per website annually.</p>
|
||||
</div>
|
||||
<div className="pricig-body">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 60-day
|
||||
chat history
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 50 GB
|
||||
cloud storage
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 24/7
|
||||
Support
|
||||
</li>
|
||||
</ul>
|
||||
<div className="pricing-btn mt-35">
|
||||
<a className="main-btn" href="#">
|
||||
Choose plan
|
||||
</a>
|
||||
</div>
|
||||
<div className="pricing-rebon">
|
||||
<span>Most Popular</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="
|
||||
pricing-one__single pricing-one__single_2
|
||||
item-2
|
||||
wow
|
||||
animated
|
||||
fadeInRight
|
||||
"
|
||||
>
|
||||
<div className="pricig-heading">
|
||||
<h6>Juicy</h6>
|
||||
<div className="price-range">
|
||||
<sup>$</sup> <span>27</span>
|
||||
<p>/month</p>
|
||||
</div>
|
||||
<p>Billed $276 per website annually.</p>
|
||||
</div>
|
||||
<div className="pricig-body">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 60-day
|
||||
chat history
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> Data
|
||||
security
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 100 GB
|
||||
cloud storage
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 24/7
|
||||
Support
|
||||
</li>
|
||||
</ul>
|
||||
<div className="pricing-btn mt-35">
|
||||
<a className="main-btn" href="#">
|
||||
Choose plan
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={`tab-pane fade ${
|
||||
toggleSwitch === false ? 'active show' : ''
|
||||
}`}
|
||||
id="pills-profile"
|
||||
role="tabpanel"
|
||||
aria-labelledby="pills-profile-tab"
|
||||
>
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="
|
||||
pricing-one__single pricing-one__single_2
|
||||
animated
|
||||
fadeInLeft
|
||||
"
|
||||
>
|
||||
<div className="pricig-heading">
|
||||
<h6>Fresh</h6>
|
||||
<div className="price-range">
|
||||
<sup>$</sup> <span>32</span>
|
||||
<p>/Yearly</p>
|
||||
</div>
|
||||
<p>Get your 14 day free trial</p>
|
||||
</div>
|
||||
<div className="pricig-body">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 60-day
|
||||
chat history
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 15 GB
|
||||
cloud storage
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 24/7
|
||||
Support
|
||||
</li>
|
||||
</ul>
|
||||
<div className="pricing-btn mt-35">
|
||||
<a className="main-btn" href="#">
|
||||
Choose plan
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="
|
||||
pricing-one__single pricing-one__single_2
|
||||
active
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
>
|
||||
<div className="pricig-heading">
|
||||
<h6>Sweet</h6>
|
||||
<div className="price-range">
|
||||
<sup>$</sup> <span>116</span>
|
||||
<p>/Yearly</p>
|
||||
</div>
|
||||
<p>Billed $276 per website annually.</p>
|
||||
</div>
|
||||
<div className="pricig-body">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 60-day
|
||||
chat history
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 50 GB
|
||||
cloud storage
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 24/7
|
||||
Support
|
||||
</li>
|
||||
</ul>
|
||||
<div className="pricing-btn mt-35">
|
||||
<a className="main-btn" href="#">
|
||||
Choose plan
|
||||
</a>
|
||||
</div>
|
||||
<div className="pricing-rebon">
|
||||
<span>Most Popular</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="
|
||||
pricing-one__single pricing-one__single_2
|
||||
item-2
|
||||
animated
|
||||
fadeInRight
|
||||
"
|
||||
>
|
||||
<div className="pricig-heading">
|
||||
<h6>Juicy</h6>
|
||||
<div className="price-range">
|
||||
<sup>$</sup> <span>227</span>
|
||||
<p>/Yearly</p>
|
||||
</div>
|
||||
<p>Billed $276 per website annually.</p>
|
||||
</div>
|
||||
<div className="pricig-body">
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 60-day
|
||||
chat history
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> Data
|
||||
security
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 100 GB
|
||||
cloud storage
|
||||
</li>
|
||||
<li>
|
||||
<i className="fal fa-check" /> 24/7
|
||||
Support
|
||||
</li>
|
||||
</ul>
|
||||
<div className="pricing-btn mt-35">
|
||||
<a className="main-btn" href="#">
|
||||
Choose plan
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default PricingHomeTwo;
|
||||
@@ -0,0 +1,147 @@
|
||||
import React from 'react';
|
||||
|
||||
function ServicesHomeTwo({ className }) {
|
||||
return (
|
||||
<>
|
||||
<section className={`appie-services-2-area pb-100 ${className}`} 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">How does it work</h3>
|
||||
<p>
|
||||
The full monty spiffing good time no biggie cack grub fantastic.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-4">
|
||||
<div className="appie-section-title text-right">
|
||||
<a className="main-btn" href="#">
|
||||
View all Features <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="appie-single-service-2 mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fas fa-bolt" />
|
||||
</div>
|
||||
<h4 className="title">Fast and intuitive</h4>
|
||||
<p>
|
||||
Oxford posh bevvy give us a bell gutted mate spend a penny
|
||||
quaint cockup plastered.
|
||||
</p>
|
||||
<a href="#">
|
||||
Read Mor <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="appie-single-service-2 item-2 mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fas fa-home" />
|
||||
</div>
|
||||
<h4 className="title">Fast and intuitive</h4>
|
||||
<p>
|
||||
Oxford posh bevvy give us a bell gutted mate spend a penny
|
||||
quaint cockup plastered.
|
||||
</p>
|
||||
<a href="#">
|
||||
Read Mor <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="appie-single-service-2 item-3 mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fas fa-link" />
|
||||
</div>
|
||||
<h4 className="title">Fast and intuitive</h4>
|
||||
<p>
|
||||
Oxford posh bevvy give us a bell gutted mate spend a penny
|
||||
quaint cockup plastered.
|
||||
</p>
|
||||
<a href="#">
|
||||
Read Mor <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="appie-single-service-2 item-4 mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fas fa-bell" />
|
||||
</div>
|
||||
<h4 className="title">Fast and intuitive</h4>
|
||||
<p>
|
||||
Oxford posh bevvy give us a bell gutted mate spend a penny
|
||||
quaint cockup plastered.
|
||||
</p>
|
||||
<a href="#">
|
||||
Read Mor <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="appie-single-service-2 item-5 mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fas fa-cog" />
|
||||
</div>
|
||||
<h4 className="title">Fast and intuitive</h4>
|
||||
<p>
|
||||
Oxford posh bevvy give us a bell gutted mate spend a penny
|
||||
quaint cockup plastered.
|
||||
</p>
|
||||
<a href="#">
|
||||
Read Mor <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="appie-single-service-2 item-6 mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fas fa-lock" />
|
||||
</div>
|
||||
<h4 className="title">Fast and intuitive</h4>
|
||||
<p>
|
||||
Oxford posh bevvy give us a bell gutted mate spend a penny
|
||||
quaint cockup plastered.
|
||||
</p>
|
||||
<a href="#">
|
||||
Read Mor <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default ServicesHomeTwo;
|
||||
@@ -0,0 +1,77 @@
|
||||
import React from 'react';
|
||||
import Sponser1 from '../../assets/images/sponser-1.png';
|
||||
import Sponser10 from '../../assets/images/sponser-10.png';
|
||||
import Sponser2 from '../../assets/images/sponser-2.png';
|
||||
import Sponser3 from '../../assets/images/sponser-3.png';
|
||||
import Sponser4 from '../../assets/images/sponser-4.png';
|
||||
import Sponser5 from '../../assets/images/sponser-5.png';
|
||||
import Sponser6 from '../../assets/images/sponser-6.png';
|
||||
import Sponser7 from '../../assets/images/sponser-7.png';
|
||||
import Sponser8 from '../../assets/images/sponser-8.png';
|
||||
import Sponser9 from '../../assets/images/sponser-9.png';
|
||||
import sponserShape from '../../assets/images/sponser-shape.png';
|
||||
|
||||
function SponserHomeTwo({ className }) {
|
||||
return (
|
||||
<>
|
||||
<section className={`appie-sponser-area pb-100 ${className}`}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-section-title text-center">
|
||||
<h3 className="appie-title">
|
||||
Appie works best with <br />
|
||||
your favorite platforms
|
||||
</h3>
|
||||
<p>Join over 40,000 businesses worldwide.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-sponser-box d-flex justify-content-center">
|
||||
<div className="sponser-item">
|
||||
<img src={Sponser1} alt="" />
|
||||
</div>
|
||||
<div className="sponser-item">
|
||||
<img src={Sponser2} alt="" />
|
||||
</div>
|
||||
<div className="sponser-item">
|
||||
<img src={Sponser3} alt="" />
|
||||
</div>
|
||||
<div className="sponser-item">
|
||||
<img src={Sponser4} alt="" />
|
||||
</div>
|
||||
<div className="sponser-item">
|
||||
<img src={Sponser5} alt="" />
|
||||
</div>
|
||||
<div className="sponser-item">
|
||||
<img src={Sponser6} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="appie-sponser-box item-2 d-flex justify-content-center">
|
||||
<div className="sponser-item">
|
||||
<img src={Sponser7} alt="" />
|
||||
</div>
|
||||
<div className="sponser-item">
|
||||
<img src={Sponser8} alt="" />
|
||||
</div>
|
||||
<div className="sponser-item">
|
||||
<img src={Sponser9} alt="" />
|
||||
</div>
|
||||
<div className="sponser-item">
|
||||
<img src={Sponser10} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="sponser-shape">
|
||||
<img src={sponserShape} alt="" />
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default SponserHomeTwo;
|
||||
@@ -0,0 +1,135 @@
|
||||
import React, { useRef } from 'react';
|
||||
import Slider from 'react-slick';
|
||||
import 'slick-carousel/slick/slick-theme.css';
|
||||
import 'slick-carousel/slick/slick.css';
|
||||
import testmonialUser from '../../assets/images/testimonial-user-1.png';
|
||||
|
||||
function TestimonialHomeTwo() {
|
||||
const sliderRef = useRef();
|
||||
const sliderNext = () => {
|
||||
sliderRef.current.slickNext();
|
||||
};
|
||||
const sliderPrev = () => {
|
||||
sliderRef.current.slickPrev();
|
||||
};
|
||||
const settings = {
|
||||
autoplay: true,
|
||||
arrows: false,
|
||||
dots: false,
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<section className="appie-testimonial-2-area mb-90" id="testimonial">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-testimonial-2-box">
|
||||
<div
|
||||
className="appie-testimonial-slider-2"
|
||||
style={{ position: 'relative' }}
|
||||
>
|
||||
<span
|
||||
onClick={sliderPrev}
|
||||
className="prev slick-arrow"
|
||||
style={{ display: 'block' }}
|
||||
>
|
||||
<i className="fal fa-arrow-left" />
|
||||
</span>
|
||||
<Slider ref={sliderRef} {...settings}>
|
||||
<div className="appie-testimonial-slider-2-item">
|
||||
<div className="item">
|
||||
<div className="thumb">
|
||||
<img src={testmonialUser} alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fas fa-star" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star" />
|
||||
</li>
|
||||
</ul>
|
||||
<span>(4.7) review</span>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p>
|
||||
Why I say old chap that is spiffing chip
|
||||
shop such a fibber the bee's knees, the
|
||||
wireless Richard fantastic do one cracking
|
||||
goal pukka baking cakes starkers mush don't
|
||||
get shirty with me argy bargy, I naff
|
||||
chimney pot blimey he lost his bottle cup.
|
||||
</p>
|
||||
<div className="author-info">
|
||||
<h5 className="title">Hanson Deck</h5>
|
||||
<span>Web developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="appie-testimonial-slider-2-item">
|
||||
<div className="item">
|
||||
<div className="thumb">
|
||||
<img src={testmonialUser} alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<i className="fas fa-star" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="fas fa-star" />
|
||||
</li>
|
||||
</ul>
|
||||
<span>(4.7) review</span>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p>
|
||||
Why I say old chap that is spiffing chip
|
||||
shop such a fibber the bee's knees, the
|
||||
wireless Richard fantastic do one cracking
|
||||
goal pukka baking cakes starkers mush don't
|
||||
get shirty with me argy bargy, I naff
|
||||
chimney pot blimey he lost his bottle cup.
|
||||
</p>
|
||||
<div className="author-info">
|
||||
<h5 className="title">Hanson Deck</h5>
|
||||
<span>Web developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Slider>
|
||||
<span
|
||||
onClick={sliderNext}
|
||||
className="next slick-arrow"
|
||||
style={{ display: 'block' }}
|
||||
>
|
||||
<i className="fal fa-arrow-right" />
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default TestimonialHomeTwo;
|
||||
@@ -0,0 +1,105 @@
|
||||
import React, { useRef, useState } from 'react';
|
||||
import Slider from 'react-slick';
|
||||
import 'slick-carousel/slick/slick-theme.css';
|
||||
import 'slick-carousel/slick/slick.css';
|
||||
import videoSlideOne from '../../assets/images/video-slide-1.jpg';
|
||||
import videoSlideTwo from '../../assets/images/video-slide-2.jpg';
|
||||
import videoThumb from '../../assets/images/video-thumb-1.jpg';
|
||||
import PopupVideo from '../PopupVideo';
|
||||
|
||||
function VideoPlayerHomeTwo({ className }) {
|
||||
const [showVideo, setshowVideoValue] = useState(false);
|
||||
const handleVideoShow = (e) => {
|
||||
e.preventDefault();
|
||||
setshowVideoValue(!showVideo);
|
||||
};
|
||||
const sliderRef = useRef();
|
||||
const settings = {
|
||||
autoplay: true,
|
||||
arrows: false,
|
||||
dots: false,
|
||||
};
|
||||
const sliderNext = () => {
|
||||
sliderRef.current.slickNext();
|
||||
};
|
||||
const sliderPrev = () => {
|
||||
sliderRef.current.slickPrev();
|
||||
};
|
||||
return (
|
||||
<>
|
||||
{showVideo && (
|
||||
<PopupVideo
|
||||
handler={(e) => handleVideoShow(e)}
|
||||
videoSrc="//www.youtube.com/embed/EE7NqzhMDms?autoplay=1"
|
||||
/>
|
||||
)}
|
||||
<section className={`appie-video-player-area pb-100 ${className || ''}`}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8">
|
||||
<div className="appie-video-player-item">
|
||||
<div className="thumb">
|
||||
<img src={videoThumb} alt="" />
|
||||
<div className="video-popup">
|
||||
<a
|
||||
onClick={(e) => handleVideoShow(e)}
|
||||
role="button"
|
||||
href="#"
|
||||
className="appie-video-popup"
|
||||
>
|
||||
<i className="fas fa-play" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content">
|
||||
<h3 className="title">
|
||||
Watch the two-minute video to learn how.
|
||||
</h3>
|
||||
<p>
|
||||
The wireless cheesed on your bike mate zonked a load of old
|
||||
tosh hunky dory it's all gone to pot haggle william car boot
|
||||
pear shaped geeza.
|
||||
</p>
|
||||
<a className="main-btn" href="#">
|
||||
Get Started
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4">
|
||||
<div
|
||||
className="appie-video-player-slider"
|
||||
style={{ position: 'relative' }}
|
||||
>
|
||||
<span
|
||||
onClick={sliderPrev}
|
||||
className="prev slick-arrow"
|
||||
style={{ display: 'block' }}
|
||||
>
|
||||
<i className="fal fa-arrow-left" />
|
||||
</span>
|
||||
<Slider ref={sliderRef} {...settings}>
|
||||
<div className="item">
|
||||
<img src={videoSlideOne} alt="" />
|
||||
</div>
|
||||
<div className="item">
|
||||
<img src={videoSlideTwo} alt="" />
|
||||
</div>
|
||||
</Slider>
|
||||
<span
|
||||
onClick={sliderNext}
|
||||
className="next slick-arrow"
|
||||
style={{ display: 'block' }}
|
||||
>
|
||||
<i className="fal fa-arrow-right" />
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default VideoPlayerHomeTwo;
|
||||
@@ -0,0 +1,40 @@
|
||||
import React from 'react';
|
||||
import useToggle from '../../Hooks/useToggle';
|
||||
import BackToTop from '../BackToTop';
|
||||
import Drawer from '../Mobile/Drawer';
|
||||
import AboutHomeTwo from './AboutHomeTwo';
|
||||
import CounterArea from './CounterArea';
|
||||
import DownloadHomeTwo from './DownloadHomeTwo';
|
||||
import FeaturesHomeTwo from './FeaturesHomeTwo';
|
||||
import FooterHomeTwo from './FooterHomeTwo';
|
||||
import HeaderHomeTwo from './HeaderHomeTwo';
|
||||
import HeroHomeTwo from './HeroHomeTwo';
|
||||
import PricingHomeTwo from './PricingHomeTwo';
|
||||
import ServicesHomeTwo from './ServicesHomeTwo';
|
||||
import SponserHomeTwo from './SponserHomeTwo';
|
||||
import TestimonialHomeTwo from './TestimonialHomeTwo';
|
||||
import VideoPlayerHomeTwo from './VideoPlayerHomeTwo';
|
||||
|
||||
function HomeTwo() {
|
||||
const [drawer, drawerAction] = useToggle(false);
|
||||
return (
|
||||
<>
|
||||
<Drawer drawer={drawer} action={drawerAction.toggle} />
|
||||
<HeaderHomeTwo action={drawerAction.toggle} />
|
||||
<HeroHomeTwo />
|
||||
<ServicesHomeTwo />
|
||||
<AboutHomeTwo />
|
||||
<FeaturesHomeTwo />
|
||||
<CounterArea />
|
||||
<VideoPlayerHomeTwo />
|
||||
<DownloadHomeTwo />
|
||||
<PricingHomeTwo />
|
||||
<TestimonialHomeTwo />
|
||||
<SponserHomeTwo />
|
||||
<FooterHomeTwo />
|
||||
<BackToTop className="back-to-top-2" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HomeTwo;
|
||||
Reference in New Issue
Block a user