first commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,156 @@
|
||||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import logo from '../../assets/images/logo-5.png';
|
||||
|
||||
function FooterHomeFive() {
|
||||
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-5">
|
||||
<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 footer-navigation-5">
|
||||
<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-5">
|
||||
<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 FooterHomeFive;
|
||||
@@ -0,0 +1,67 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/logo-5.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
|
||||
function HeaderHomeFive({ action, cartToggle, searchToggle }) {
|
||||
useEffect(() => {
|
||||
StickyMenu();
|
||||
});
|
||||
return (
|
||||
<>
|
||||
<header className="appie-header-area appie-sticky">
|
||||
<div className="container">
|
||||
<div className="header-nav-box header-nav-4-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">
|
||||
<ul>
|
||||
<li>
|
||||
<a
|
||||
className="search-open"
|
||||
onClick={(e) => searchToggle(e)}
|
||||
style={{ cursor: 'pointer' }}
|
||||
>
|
||||
<i className="fal fa-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
onClick={cartToggle}
|
||||
className="cart-btn amm-shopping-cart-open"
|
||||
href="#"
|
||||
>
|
||||
<i className="fal fa-shopping-cart"></i>
|
||||
<span>2</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div
|
||||
onClick={(e) => action(e)}
|
||||
className="toggle-btn ml-30 canvas_open d-lg-none d-block"
|
||||
>
|
||||
<i className="fa fa-bars"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HeaderHomeFive;
|
||||
@@ -0,0 +1,43 @@
|
||||
import React from 'react';
|
||||
import HeroDot from '../../assets/images/hero-dot.png';
|
||||
import heroThumb from '../../assets/images/hero-thumb-5.png';
|
||||
import shape from '../../assets/images/shape/shape-10.png';
|
||||
|
||||
function HeroHomeFive() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-hero-area appie-hero-4-area">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="appie-hero-content appie-hero-content-4">
|
||||
<span>30 Days Free Trial</span>
|
||||
<h1 className="appie-title">Get it done with appie.io</h1>
|
||||
<p>
|
||||
Tosser lemon squeezy chancer hanky panky arse plastered show off
|
||||
show off pick your nose and blow knackered bugger porkies.
|
||||
</p>
|
||||
<a className="main-btn" href="#">
|
||||
Let’s Talk
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-7">
|
||||
<div className="appie-hero-thumb appie-hero-thumb-4">
|
||||
<img src={heroThumb} alt="" />
|
||||
<div className="hero-dot">
|
||||
<img src={HeroDot} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="hero-shape-1">
|
||||
<img src={shape} alt="" />
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HeroHomeFive;
|
||||
@@ -0,0 +1,44 @@
|
||||
// import React, { useState } from 'react';
|
||||
import useToggle from '../../Hooks/useToggle';
|
||||
import BackToTop from '../BackToTop';
|
||||
import Cart from '../Cart';
|
||||
import TestimonialHomeOne from '../HomeOne/TestimonialHomeOne';
|
||||
import DownloadHomeThree from '../HomeThree/DownloadHomeThree';
|
||||
import ServicesHomeThree from '../HomeThree/ServicesHomeThree';
|
||||
import ShowCaseHomeThree from '../HomeThree/ShowCaseHomeThree';
|
||||
import FeaturesHomeTwo from '../HomeTwo/FeaturesHomeTwo';
|
||||
import SponserHomeTwo from '../HomeTwo/SponserHomeTwo';
|
||||
import Drawer from '../Mobile/Drawer';
|
||||
import SearchModule from '../SearchModule';
|
||||
import FooterHomeFive from './FooterHomeFive';
|
||||
import HeaderHomeFive from './HeaderHomeFive';
|
||||
import HeroHomeFive from './HeroHomeFive';
|
||||
|
||||
function HomeFive() {
|
||||
const [search, searchAction] = useToggle(false);
|
||||
const [cart, cartAction] = useToggle(false);
|
||||
const [drawer, drawerAction] = useToggle(false);
|
||||
return (
|
||||
<>
|
||||
<Drawer drawer={drawer} action={drawerAction.toggle} />
|
||||
<SearchModule value={search} searchToggle={searchAction.toggle} />
|
||||
<Cart value={cart} action={cartAction.toggle} />
|
||||
<HeaderHomeFive
|
||||
action={drawerAction.toggle}
|
||||
cartToggle={cartAction.toggle}
|
||||
searchToggle={searchAction.toggle}
|
||||
/>
|
||||
<HeroHomeFive />
|
||||
<ServicesHomeThree />
|
||||
<FeaturesHomeTwo />
|
||||
<DownloadHomeThree className="pb-90" />
|
||||
<ShowCaseHomeThree />
|
||||
<TestimonialHomeOne />
|
||||
<SponserHomeTwo className="pt-90" />
|
||||
<FooterHomeFive />
|
||||
<BackToTop className="back-to-top-5" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HomeFive;
|
||||
Reference in New Issue
Block a user