diff --git a/src/sections/z_other/About-classic/about.style.js b/src/sections/z_other/About-classic/about.style.js deleted file mode 100644 index 1594c3b58ecad..0000000000000 --- a/src/sections/z_other/About-classic/about.style.js +++ /dev/null @@ -1,53 +0,0 @@ -import styled from "styled-components"; - -const AboutSectionWrapper = styled.section` - padding: 190px 0 60px 0; - .single-item{ - margin-bottom: 30px; - .item-head{ - display: flex; - align-items: center; - margin-bottom: 15px; - } - .item-icon { - margin-right: 20px; - position: relative; - padding-left: 20px; - - &:before { - position: absolute; - left: -2px; - top: 4px; - background: ${props => props.theme.secondaryLightColor ? props.theme.secondaryLightColor : "#FFEBEC"}; - height: 55px; - width: 55px; - content: ""; - z-index: -1; - border-radius: 5px; - opacity: .7; - } - - .item-icon img { - height: 60px; - } - } - h3{ - font-size: 23px; - font-weight: 400; - } - } - @media only screen and (max-width: 912px) { - padding: 90px 0 0 0; - } - @media only screen and (max-width: 568px) { - .single-item{ - text-align: center; - margin-bottom: 40px; - .item-head{ - justify-content: center; - } - } - } - -`; -export default AboutSectionWrapper; \ No newline at end of file diff --git a/src/sections/z_other/About-classic/index.js b/src/sections/z_other/About-classic/index.js deleted file mode 100644 index fea6ce28eeef3..0000000000000 --- a/src/sections/z_other/About-classic/index.js +++ /dev/null @@ -1,73 +0,0 @@ -import React from "react"; - -import { Container, Row, Col } from "../../../reusecore/Layout"; -import SectionTitle from "../../../reusecore/SectionTitle"; - -import aboutIcon1 from "../../../assets/images/classic/about/icon-1.svg"; -import aboutIcon2 from "../../../assets/images/classic/about/icon-2.svg"; -import aboutIcon3 from "../../../assets/images/classic/about/icon-3.svg"; - -import AboutSectionWrapper from "./about.style"; - -const AboutClassic = () => { - return ( - - - -

- Starting with Appion is easier than anything. -

- - - -
-
-
- appion app about icon -
-

Be organised

-
- -

- Lorem ipsum dolor sit amet consectetur sed do eiusmod tempor - incididunt. ut labore et dolore magna aliqua enim -

-
- - -
-
-
- appion app about icon -
-

Stay focused

-
- -

- Lorem ipsum dolor sit amet consectetur sed do eiusmod tempor - incididunt. ut labore et dolore magna aliqua enim -

-
- - -
-
-
- appion app about icon -
-

Get in sync

-
- -

- Lorem ipsum dolor sit amet consectetur sed do eiusmod tempor - incididunt. ut labore et dolore magna aliqua enim -

-
- - - - - ); -}; - -export default AboutClassic; diff --git a/src/sections/z_other/About-classic/index.test.js b/src/sections/z_other/About-classic/index.test.js deleted file mode 100644 index b9205b8087ba0..0000000000000 --- a/src/sections/z_other/About-classic/index.test.js +++ /dev/null @@ -1,7 +0,0 @@ - -import React from 'react'; -import { shallow } from 'enzyme'; -import AboutClassic from './index'; -it('About-Classic renders without crashing', () => { - shallow(); -}); \ No newline at end of file diff --git a/src/sections/z_other/About-hosting/about.style.js b/src/sections/z_other/About-hosting/about.style.js deleted file mode 100644 index a616fbf0e83f8..0000000000000 --- a/src/sections/z_other/About-hosting/about.style.js +++ /dev/null @@ -1,101 +0,0 @@ -import styled from "styled-components"; - -const AboutSectionWrapper = styled.div` - padding: 120px 0; - position: relative; - background: #fbfbfb; - .section__particle{ - position: absolute; - &.one{ - right: 9%; - top: 19%; - height: 34px; - width: 40px; - transform: rotate(-45deg); - } - &.two{ - width: 150px; - top: auto; - bottom: 80px; - left: -22px; - } - } - - .about-thumb{ - width: 100%; - transform: translateX(-80px); - display: inline-block; - } - .about-text.text-one{ - font-weight: 300; - margin-bottom: 28px; - } - - .about-text.text-two{ - color: ${props => props.theme.headingColor}; - font-weight: 400; - margin-bottom: 80px; - } - .section-title{ - h2{ - margin-bottom: 38px; - } - } - - @media only screen and (max-width: 1400px) { - .about-thumb{ - transform: translateX(0px); - } - .section__particle{ - &.one{ - top: 9%; - } - &.two{ - bottom: -92px; - left: -38px; - } - } - } - @media only screen and (max-width: 1024px) { - .section__particle{ - &.one { - top: 0%; - } - } - } - @media only screen and (max-width: 912px) { - padding: 100px 0 60px 0; - .section-title h2{ - margin-bottom: 20px; - } - .about-text.text-two{ - margin-bottom: 30px; - } - } - @media only screen and (max-width: 760px) { - padding: 60px 0 60px 0; - .about-thumb{ - margin-bottom: 70px; - } - } - @media only screen and (max-width: 568px) { - .section-title, - .about-content-wrap{ - text-align: center; - } - .section-title{ - img{ - display: none; - } - h4{ - width: 100%; - } - } - - } - @media only screen and (max-width: 480px) { - padding: 40px 0 60px 0; - } - -`; -export default AboutSectionWrapper; \ No newline at end of file diff --git a/src/sections/z_other/About-hosting/index.js b/src/sections/z_other/About-hosting/index.js deleted file mode 100644 index 97660ff92d5ca..0000000000000 --- a/src/sections/z_other/About-hosting/index.js +++ /dev/null @@ -1,61 +0,0 @@ -import React from "react"; -import { Container, Row, Col } from "../../../reusecore/Layout"; -import SectionTitle from "../../../reusecore/SectionTitle"; -import Button from "../../../reusecore/Button"; -import VintageBox from "../../../reusecore/VintageBox"; - -import imgAbout from "../../../assets/images/hosting/hosting/about.webp"; -import particle1 from "../../../assets/images/app/particle/05.webp"; -import particle2 from "../../../assets/images/app/particle/06.webp"; - -import AboutSectionWrapper from "./about.style"; - -const About = () => { - return ( - - img - img - - - - This is about UNI-Prime - - - -

About us

-

- Starting with appion is easier than anything. -

- -

- One differences leaders, management-science so, best treat. Still - problems upper and anger devoting out. With hiding their boss - phase drops. A strenuous in ticket get write it by proposal. -

-

- Thought. Road, clearly, and software the shreds sisters contract, - luxury and fully here -

- - - ); - const ArrowRight = ({ ...props }) => ( - - ); - const settings = { - dots: false, - autoplay: true, - infinite: true, - className: "center", - centerMode: true, - centerPadding: "170px", - slidesToShow: 3, - slidesToScroll: 1, - speed: 300, - responsive: [ - { - breakpoint: 1025, - settings: { - centerPadding: "50px" - } - }, - { - breakpoint: 912, - settings: { - slidesToShow: 3, - centerPadding: "80px" - } - }, - { - breakpoint: 700, - settings: { - slidesToShow: 3, - centerPadding: "60px" - } - }, - { - breakpoint: 600, - settings: { - slidesToShow: 3, - centerPadding: "40px" - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 1, - centerPadding: "00px" - } - } - ], - prevArrow: , - nextArrow: - }; - return ( - - - - - -

app screens

-

- See screenshot & engage in this app. -

- - - -
-
- - - - - - - img - - - img - - - img - - - img - - - img - - - - - - - ); -}; - -export default AppScreensClassic; diff --git a/src/sections/z_other/AppScreens/appScreenSection.style.js b/src/sections/z_other/AppScreens/appScreenSection.style.js deleted file mode 100644 index 7ab2f041b6094..0000000000000 --- a/src/sections/z_other/AppScreens/appScreenSection.style.js +++ /dev/null @@ -1,195 +0,0 @@ -import styled from "styled-components"; - -import AppSecreenBG from "../../../assets/images/app/get-app/get-app-bg.webp"; - -import AppSecreenBGTwo from "../../../assets/images/app/app-screen/05.webp"; - -const AppScreenSectionWrapper = styled.div` - .app-screen-one-block{ - padding: 130px 0 110px 0; - background: url(${AppSecreenBG}) no-repeat; - background-size: cover; - background-position: center; - position: relative; - display: none; - .section__particle{ - position: absolute; - &.one{ - width: 70px; - left: 7%; - top: -32px; - } - &.two{ - width: 60px; - bottom: 60px; - right: 40%; - } - &.four{ - width: 95px; - bottom: 15%; - right: 17%; - } - } - .app__screen__slider{ - .slick-list{ - transform: translateX(-30px); - } - .slick-track{ - display: flex; - justify-content: space-between; - .slick-slide{ - float: none; - margin: 0 10px; - transition: 450ms all; - transform: scale(0.92); - img{ - box-shadow: 0 0 40px ${props => props.theme.shadowColor}; - } - &.slick-center{ - transform: scale(1); - } - } - } - .slick-dots{ - right: -100%; - bottom: 130px; - width: auto; - z-index: 999; - li{ - width: 115px; - height: 195px; - margin: 0 8px; - transition: all 0.3s ease-in; - img{ - max-width: 100%; - } - } - li.slick-active{ - box-shadow: -1px 25px 17px ${props => props.theme.shadowColor}; - } - } - } - .section-title{ - h2{ - margin-bottom: 42px; - } - } - .app-screen-content-block{ - order: 2; - } - .app-screen-slider-block{ - order: 1; - } - } - .app-screen-two-block{ - padding: 180px 0; - background: url(${AppSecreenBGTwo}) no-repeat; - background-attachment: fixed; - background-size: cover; - background-position: 70% center; - .section-title{ - h4,h2{ - color: ${props => props.theme.white}; - } - } - .btn-group{ - display: flex; - } - .btn-outline{ - padding: 13px 17px; - border: 1px solid ${props => props.theme.white}; - border-radius: 5px; - color: ${props => props.theme.white}; - background: transparent; - transition: all 0.3s ease-in; - &:first-child{ - margin-right: 15px; - } - &:hover{ - background: ${props => props.theme.white}; - color: ${props => props.theme.primaryColor}; - } - } - } - @media only screen and (max-width: 1380px) { - .app-screen-one-block{ - .section__particle{ - &.three{ - top: 265px; - } - } - } - } - @media only screen and (max-width: 1024px) { - .app-screen-one-block{ - display: block; - .section__particle{ - &.three{ - top: 365px; - } - } - .app__screen__slider{ - - .slick-dots{ - bottom: -352px; - left: 24%; - } - } - .section-title, - .app-screen-content-block{ - text-align: center; - } - .app-screen-content-block{ - order: 1; - margin-bottom: 80px; - } - .app-screen-slider-block{ - order: 2; - } - .app-screen-content-block, - .app-screen-slider-block{ - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - .app__screen__slider .slick-dots{ - display: none !important; - } - .app__screen__slider{ - .slick-arrow{ - display: none !important; - } - .slick-list{ - transform: translateX(0px); - } - } - } - .app-screen-two-block{ - display: none; - } - } - @media only screen and (max-width: 912px) { - .app-screen-one-block{ - - .section__particle{ - &.two, - &.four{ - display: none; - } - } - } - - } - @media only screen and (max-width: 480px) { - .app-screen-one-block{ - .slick-list{ - padding: 0 !important; - } - } - } - -`; - - -export default AppScreenSectionWrapper; diff --git a/src/sections/z_other/AppScreens/index.js b/src/sections/z_other/AppScreens/index.js deleted file mode 100644 index 7f4bbe82f2060..0000000000000 --- a/src/sections/z_other/AppScreens/index.js +++ /dev/null @@ -1,136 +0,0 @@ -import React from "react"; -import { Container, Row, Col } from "../../../reusecore/Layout"; -import SectionTitle from "../../../reusecore/SectionTitle"; -import Button from "../../../reusecore/Button"; -import { SlickSlider, SliderItem } from "../../../reusecore/SlickSlider"; - -import image1 from "../../../assets/images/app/app-screen/01.webp"; -import image2 from "../../../assets/images/app/app-screen/02.webp"; -import image3 from "../../../assets/images/app/app-screen/03.webp"; -import image4 from "../../../assets/images/app/app-screen/04.webp"; -import particle1 from "../../../assets/images/app/particle/09.webp"; -import particle2 from "../../../assets/images/app/particle/10.webp"; -import particle4 from "../../../assets/images/app/particle/13.webp"; - -import AppScreenSectionWrapper from "./appScreenSection.style"; - -const AppScreens = () => { - const thumbs = [image1, image2, image3, image4]; - const settings = { - customPaging: function(i) { - return ( - - img - - ); - }, - infinite: true, - autoplay: true, - dots: true, - className: "app__screen__slider", - dotsClass: "slick-dots slick-thumb", - centerPadding: "100px", - centerMode: true, - slidesToShow: 1, - speed: 500, - - responsive: [ - { - breakpoint: 1025, - settings: { - centerPadding: "280px" - } - }, - { - breakpoint: 912, - settings: { - slidesToShow: 3, - centerPadding: "80px" - } - }, - { - breakpoint: 768, - settings: { - slidesToShow: 3, - centerPadding: "50px" - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 1, - centerPadding: "0px" - } - } - ] - }; - return ( - -
- img - img - img - - - -
- -

App Screens

-

- See screenshot & engage in this app. -

- -
- - - - - img - - - img - - - img - - - img - - - - - -
-
- - - - - {" "} -

App Screens

-

- See screenshot & engage in this app. -

- -
-
- - - -
- - ); -}; - -export default AppScreens; diff --git a/src/sections/z_other/Banner-classic/banner.style.js b/src/sections/z_other/Banner-classic/banner.style.js deleted file mode 100644 index baead62912e3b..0000000000000 --- a/src/sections/z_other/Banner-classic/banner.style.js +++ /dev/null @@ -1,200 +0,0 @@ -import styled from "styled-components"; - -import imgHero from "../../../assets/images/classic/hero-bg.webp"; - -const BannerSectionWrapper = styled.section` - /* color: #1D316C; */ - padding-top: 190px; - background: url(${imgHero}) no-repeat; - background-size: 45% 100%; - background-position: center right; - p { - margin: 0 0 75px 0; - } - .section-title { - h4 { - font-size: 85%; - display: flex; - align-items: center; - text-transform: uppercase; - span { - background: ${props => props.theme.primaryColor}; - padding: 7px 13px; - color: ${props => props.theme.white}; - border-radius: 25px; - margin-right: 7px; - line-height: 100%; - } - } - h1 { - font-weight: 300; - font-size: 60px; - line-height: 75px; - margin: 0 0 38px 0; - span{ - font-weight: 600; - } - } - } - .banner-btn.one { - background: #52de97; - color: #e0f5ea; - &:hover { - background: #e0f5ea; - color: #52de97; - } - } - .banner-btn.two { - background: #ffebec; - color: #fb7b81; - &:hover { - background: #fb7b81; - color: #ffebec; - } - } - .banner-btn + .banner-btn { - margin-left: 30px; - } - .app-screen-image-wrapper { - position: relative; - width: 75%; - margin: 0 0 0 auto; - .thumb { - position: absolute; - box-shadow: 0 0 40px ${props => props.theme.shadowColor}; - border-radius: 10px; - - img { - height: 100%; - } - - &.one { - bottom: 3%; - left: -20%; - height: 50%; - } - - &.two { - top: 3%; - right: -18%; - height: 28%; - } - } - } - @media only screen and (max-width: 1024px) { - .app-screen-image-wrapper { - margin: 0 auto; - .thumb { - &.one { - left: -15%; - } - } - } - p { - margin: 0 0 45px 0; - } - } - @media only screen and (max-width: 912px) { - margin: 30px 0 0 0; - padding-top: 120px; - background: none; - .section-title { - margin-bottom: 18px; - width: 100%; - h1 { - font-size: 33px; - line-height: 45px; - margin-bottom: 0; - } - h4 { - margin-bottom: 8px; - } - } - p { - margin: 0 20px 30px 0; - } - .banner-btn { - min-width: 150px; - font-size: 14px; - } - .banner-btn + .banner-btn { - margin-left: 12px; - } - .app-screen-image-wrapper { - width: 85%; - margin: 0 auto; - .thumb { - &.one, - &.two { - display: none; - } - } - } - .vintage-box { - &:before { - display: none; - } - } - } - @media only screen and (max-width: 760px) { - padding: 100px 0 0 0; - - .banner-btn + .banner-btn { - margin-left: 30px; - } - .app-screen-image-wrapper { - margin-top: 70px; - width: 75%; - } - } - @media only screen and (max-width: 568px) { - .app-screen-image-wrapper { - display: none; - } - } - - @media only screen and (max-width: 480px) { - padding: 120px 0 0px 0; - .section-title { - h1 { - font-size: 35px; - line-height: 50px; - } - } - .vintage-box { - &:before { - content: none; - } - } - } - @media only screen and (max-width: 380px) { - .section-title { - h1 { - font-size: 30px; - line-height: 46px; - margin: 0 0 30px 0; - } - h4 { - font-size: 12px; - } - } - .banner-btn { - font-size: 14px; - min-width: 127px; - padding: 14px 12px; - } - .banner-btn + .banner-btn { - margin-left: 15px; - } - } - @media only screen and (max-width: 330px) { - .section-title { - h1 { - font-size: 23px; - line-height: 35px; - } - } - } -`; - -export default BannerSectionWrapper; diff --git a/src/sections/z_other/Banner-classic/index.js b/src/sections/z_other/Banner-classic/index.js deleted file mode 100644 index b54b5ac38b634..0000000000000 --- a/src/sections/z_other/Banner-classic/index.js +++ /dev/null @@ -1,69 +0,0 @@ -import React from "react"; - -import { Container, Row, Col } from "../../../reusecore/Layout"; -import SectionTitle from "../../../reusecore/SectionTitle"; -import Button from "../../../reusecore/Button"; -import VintageBox from "../../../reusecore/VintageBox"; - -import { FaPlay } from "@react-icons/all-files/fa/FaPlay"; -import { FaDownload } from "@react-icons/all-files/fa/FaDownload"; - -import AppScreenImage from "../../../assets/images/classic/app-screen.webp"; -import AppScreenThumb1 from "../../../assets/images/classic/app-screen-thumb-1.webp"; -import AppScreenThumb2 from "../../../assets/images/classic/app-screen-thumb-2.webp"; - -import BannerSectionWrapper from "./banner.style"; - -const BannerClassic = () => { - return ( - - - - - -

- {" "} - 50% off for new users for 1 month -

-

- Drive Customers Passing Your Appslife With Appion -

- -

- Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad - minim veniam quis nostrud exercitation. -

- - - - - - - - -
- prime app screen -
- prime app screen -
-
- prime app screen -
-
- - - - - ); -}; - -export default BannerClassic; diff --git a/src/sections/z_other/Banner-classic/index.test.js b/src/sections/z_other/Banner-classic/index.test.js deleted file mode 100644 index 37304ab8a7a23..0000000000000 --- a/src/sections/z_other/Banner-classic/index.test.js +++ /dev/null @@ -1,7 +0,0 @@ - -import React from 'react'; -import { shallow } from 'enzyme'; -import BannerClassic from './index'; -it('Banner-classic renders without crashing', () => { - shallow(); -}); \ No newline at end of file diff --git a/src/sections/z_other/Banner-hosting/banner.style.js b/src/sections/z_other/Banner-hosting/banner.style.js deleted file mode 100644 index 36f468fb5daf7..0000000000000 --- a/src/sections/z_other/Banner-hosting/banner.style.js +++ /dev/null @@ -1,347 +0,0 @@ -import styled from "styled-components"; - -const BannerSectionWrapper = styled.div` - padding: 260px 0 120px 0; - position: relative; - .section-particle{ - position: absolute; - z-index: 1; - &.one{ - top: -4%; - right: 15%; - } - } - .section-title{ - z-index: 99; - position: relative; - text-align: left; - h4{ - color: #413C69; - font-size: 20px; - line-height: 25px; - font-weight: 400; - margin-bottom: 20px; - span{ - background: #E15650; - padding: 3px 15px; - border-radius: 20px; - color: #fff; - font-size: 15px; - } - } - h1{ - font-size: 33px; - font-weight: 600; - line-height: 42px; - color: #413C69; - margin-bottom: 25px; - } - p{ - font-size: 20px; - line-height: 25px; - font-weight: 400; - color: #413C69; - margin: 0 0 70px 0; - } - } - .domain-search-block{ - .search-box{ - position: relative; - width: 90%; - } - input{ - height: 80px; - border:none; - background: #fff; - width: 100%; - padding: 20px 30px; - font-size: 18px; - border-radius: 50px; - box-shadow: rgba(206, 206, 206, 0.78) 0px 1px 23px -8px; - } - .src-btn{ - position: absolute; - top: 0; - right: -1px; - width: 126px; - min-width: auto; - height: 80px; - line-height: 80px; - border-radius: 50px; - background: ${props => props.theme.primaryColor}; - color: #fff; - svg{ - font-size: 30px; - color: #fff; - } - } - .domain-extention-block{ - text-align: left; - margin-top: 40px; - span{ - cursor: pointer; - height: 60px; - width: 60px; - display: inline-block; - border-radius: 8px; - box-shadow: rgba(206, 206, 206, 0.78) 0px 1px 23px -8px; - font-size: 15px; - text-align: center; - line-height: 60px; - } - span+span{ - margin-left: 20px; - } - .com{ - color: #E7A8CA; - box-shadow: rgba(231, 168, 202, 0.78) 0px 1px 23px -8px; - } - .org{ - color: #A29BFE; - box-shadow: rgba(162, 155, 254, 0.78) 0px 1px 23px -8px; - } - .net{ - color: #0984E3; - box-shadow: rgba(9, 132, 227, 0.78) 0px 1px 23px -8px; - } - .dev{ - color: #AD62AA; - box-shadow: rgba(173, 98, 170, 0.78) 0px 1px 23px -8px; - } - .xyz{ - color: #413C69; - box-shadow: rgba(65, 60, 105, 0.78) 0px 1px 23px -8px; - } - } - } - .hero-img-block{ - margin-left: 50px; - animation: smooth-up-down 3s linear infinite; - } - - - /** - * ---------------------------------------- - * animation smooth-up-down - * ---------------------------------------- - **/ - - @keyframes smooth-up-down{ - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 20% { - -webkit-transform: translateY(-10px); - transform: ttranslateY(-10px); - } - 50% { - -webkit-transform: translateY(-20px); - transform: ttranslateY(-20px); - } - 70% { - -webkit-transform: translateY(-10px); - transform: ttranslateY(-10px); - } - 100% { - -webkit-transform: translateY(0px); - transform: ttranslateY(0px); - } - } - - @-moz-keyframes smooth-up-down{ - 0% { - -moz-transform: rotate(-80deg); - transform: rotate(-80deg); - } - 20% { - -moz-transform: rotate(0deg); - transform: rotate(0deg); - } - 50% { - -moz-transform: rotate(80deg); - transform: rotate(80deg); - } - 70% { - -moz-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - - -moz-transform: rotate(-80deg); - transform: rotate(-80deg); - } - - } - - @-webkit-keyframes smooth-up-down{ - 0% { - -webkit-transform: rotate(-80deg); - transform: rotate(-80deg); - } - 20% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 50% { - -webkit-transform: rotate(80deg); - transform: rotate(80deg); - } - 70% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - - -webkit-transform: rotate(-80deg); - transform: rotate(-80deg); - } - } - - @-o-keyframes smooth-up-down{ - - 0% { - -o-transform: rotate(-80deg); - transform: rotate(-80deg); - } - 20% { - -o-transform: rotate(0deg); - transform: rotate(0deg); - } - 50% { - -o-transform: rotate(80deg); - transform: rotate(80deg); - } - 70% { - -o-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -o-transform: rotate(-80deg); - transform: rotate(-80deg); - } - - } - - @-ms-keyframes smooth-up-down{ - - 0% { - -ms-transform: rotate(-80deg); - transform: rotate(-80deg); - } - 20% { - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - 50% { - -ms-transform: rotate(80deg); - transform: rotate(80deg); - } - 70% { - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -ms-transform: rotate(-80deg); - transform: rotate(-80deg); - } - } - - - @media only screen and (max-width: 1600px) { - .section-particle{ - &.one{ - right: 0%; - } - } - } - @media only screen and (max-width: 912px) { - margin: 30px 0 0 0; - padding: 120px 0 60px 0; - .section-title{ - text-align: center; - br{ - display: none; - } - h1{ - font-size: 32px; - line-height: 42px; - margin: 0 0 25px 0; - } - } - p{ - margin: 0 0 30px 0; - } - .domain-search-block{ - margin-bottom: 30px; - .search-box{ - width: 100%; - } - .domain-extention-block{ - text-align: center; - } - } - .hero-img-block{ - margin-left: 0; - } - } - @media only screen and (max-width: 760px) { - padding: 130px 0 60px 0; - } - @media only screen and (max-width: 568px) { - background: none; - .hero-img-block{ - display: none; - } - } - @media only screen and (max-width: 480px) { - padding: 120px 0 100px 0; - .section-title{ - h1{ - font-size: 35px; - line-height: 50px; - } - } - .domain-search-block{ - .domain-extention-block{ - span{ - height: 40px; - width: 40px; - line-height: 40px; - font-size: 12px; - } - } - .src-btn{ - width: 80px; - height: 70px; - } - input{ - height: 70px; - } - } - } - @media only screen and (max-width: 380px) { - - .section-title{ - h1{ - font-size: 30px; - line-height: 46px; - margin: 0 0 30px 0; - } - h4{ - font-size: 15px; - } - } - } - @media only screen and (max-width: 330px) { - .section-title{ - h1{ - font-size: 23px; - line-height: 35px; - } - } - } - -`; - -export default BannerSectionWrapper; \ No newline at end of file diff --git a/src/sections/z_other/Banner-hosting/index.js b/src/sections/z_other/Banner-hosting/index.js deleted file mode 100644 index b4cc2c092cc56..0000000000000 --- a/src/sections/z_other/Banner-hosting/index.js +++ /dev/null @@ -1,72 +0,0 @@ -import React from "react"; -// import {FaSearch } from "react-icons/fa"; - -import { Container, Row, Col } from "../../../reusecore/Layout"; -import SectionTitle from "../../../reusecore/SectionTitle"; -import Button from "../../../reusecore/Button"; -import ParticleComponent from "../../../reusecore/Particle"; - -import BannerSectionWrapper from "./banner.style"; -import imgHero1 from "../../../assets/images/hosting/hosting/banner/01.webp"; -import imgHero2 from "../../../assets/images/hosting/hosting/banner/02.webp"; - -const BannerHosting = () => { - return ( - - img - - - - - -

Save up to 99% with our holiday Deals

-

- We provide the best web hosting - solution around the world -

-

- join with us by one click and build beautifull apps
- for your startsup, company -

- -
-
- - -
-
- - .com - - - .org - - - .net - - - .dev - - - .xyz - -
-
- - -
- img -
- - - - - ); -}; - -export default BannerHosting; diff --git a/src/sections/z_other/Banner-hosting/index.test.js b/src/sections/z_other/Banner-hosting/index.test.js deleted file mode 100644 index 7362f7bc9fc2c..0000000000000 --- a/src/sections/z_other/Banner-hosting/index.test.js +++ /dev/null @@ -1,7 +0,0 @@ - -import React from 'react'; -import { shallow } from 'enzyme'; -import BannerModern from './index'; -it('Banner-modern renders without crashing', () => { - shallow(); -}); \ No newline at end of file diff --git a/src/sections/z_other/Banner-modern/banner.style.js b/src/sections/z_other/Banner-modern/banner.style.js deleted file mode 100644 index 3cd47604d2b03..0000000000000 --- a/src/sections/z_other/Banner-modern/banner.style.js +++ /dev/null @@ -1,154 +0,0 @@ -import styled from "styled-components"; - -import imgHero from "../../../assets/images/app/hero/hero-two.webp"; - -const BannerSectionWrapper = styled.section` - padding: 120px 0 0 0; - background: url(${imgHero}) no-repeat; - background-size: 56% 82%; - background-position: top right; - - @keyframes bounce { - from { - transform: translateY(0px); - } - to { - transform: translateY(-20px); - } - } - @-webkit-keyframes bounce { - from { - transform: translateY(0px); - } - to { - transform: translateY(-20px); - } - } - .hero-img{ - animation: bounce 1s infinite alternate; - -webkit-animation: bounce 1s infinite alternate; - } - - p{ - font-size: 16px; - font-weight: 300; - color: #000000; - margin: 0 0 70px 0; - } - h4{ - margin-bottom: 8px; - font-size: 18px; - color: #FEBFB3; - text-transform: uppercase; - } - .section-title{ - h1{ - font-weight: 300; - font-size: 60px; - line-height: 75px; - margin: 0 0 38px 0; - color: #2C0075; - span{ - font-weight: 600; - } - } - - } - .banner-btn.one{ - background: #8A57DE; - color: #fff; - &:hover{ - background: #EEE6FA; - color: #8A57DE; - } - } - .banner-btn.two{ - background: #FFEBEC; - color: #FB7B81; - &:hover{ - background: #FB7B81; - color: #fff; - } - } - .banner-btn+.banner-btn{ - margin-left: 30px; - } - - @media only screen and (max-width: 912px) { - margin: 30px 0 0 0; - background-size: 57%; - padding: 120px 0 60px 0; - .section-title{ - h1{ - font-size: 32px; - line-height: 42px; - margin: 0 0 25px 0; - } - } - p{ - margin: 0 0 30px 0; - } - .banner-btn{ - min-width: 150px; - font-size: 14px; - } - .banner-btn+.banner-btn{ - margin-left: 15px; - } - } - @media only screen and (max-width: 760px) { - padding: 130px 0 60px 0; - } - @media only screen and (max-width: 568px) { - background: none; - .hero-img{ - display: none; - } - } - @media only screen and (max-width: 480px) { - padding: 120px 0 100px 0; - .section-title{ - h1{ - font-size: 35px; - line-height: 50px; - } - } - .vintage-box{ - &:before{ - content: none; - } - } - } - @media only screen and (max-width: 380px) { - - .section-title{ - h1{ - font-size: 30px; - line-height: 46px; - margin: 0 0 30px 0; - } - h4{ - font-size: 15px; - } - } - .banner-btn{ - font-size: 14px; - min-width: 127px; - padding: 14px 12px; - } - .banner-btn+.banner-btn{ - margin-left: 15px; - } - } - @media only screen and (max-width: 330px) { - .section-title{ - h1{ - font-size: 23px; - line-height: 35px; - } - } - } - -`; - -export default BannerSectionWrapper; diff --git a/src/sections/z_other/Banner-modern/index.js b/src/sections/z_other/Banner-modern/index.js deleted file mode 100644 index f7ca49841c456..0000000000000 --- a/src/sections/z_other/Banner-modern/index.js +++ /dev/null @@ -1,57 +0,0 @@ -import React from "react"; - -import { Container, Row, Col } from "../../../reusecore/Layout"; -import SectionTitle from "../../../reusecore/SectionTitle"; -import Button from "../../../reusecore/Button"; -import VintageBox from "../../../reusecore/VintageBox"; -import ParticleComponent from "../../../reusecore/Particle"; - -// import { FaPlay, FaDownload } from "react-icons/fa"; - -import BannerSectionWrapper from "./banner.style"; -import imgHero from "../../../assets/images/app/hero/mobile-screen.webp"; -const BannerModern = () => { - return ( - - - - - - -

30% off for new users for 1 month

-

- Drive Customers Passing Your Appslife With Appion -

- -

- Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad - minim veniam quis nostrud exercitation. -

- - - - - - - prime-app hero image - - - - - ); -}; - -export default BannerModern; diff --git a/src/sections/z_other/Banner-modern/index.test.js b/src/sections/z_other/Banner-modern/index.test.js deleted file mode 100644 index 7362f7bc9fc2c..0000000000000 --- a/src/sections/z_other/Banner-modern/index.test.js +++ /dev/null @@ -1,7 +0,0 @@ - -import React from 'react'; -import { shallow } from 'enzyme'; -import BannerModern from './index'; -it('Banner-modern renders without crashing', () => { - shallow(); -}); \ No newline at end of file diff --git a/src/sections/z_other/Faq-Classic/faqSection.style.js b/src/sections/z_other/Faq-Classic/faqSection.style.js deleted file mode 100644 index 55cbf95ddbb64..0000000000000 --- a/src/sections/z_other/Faq-Classic/faqSection.style.js +++ /dev/null @@ -1,132 +0,0 @@ -import styled from "styled-components"; - -const FaqSectionWrapper = styled.section` - padding: 95px 0 140px 0; - position: relative; - overflow: hidden; - .section__particle{ - position: absolute; - &.one{ - width: 70px; - left: 8%; - top: 14%; - } - &.two{ - width: 180px; - top: 43%; - right: -55px; - } - } - .accordion__item + .accordion__item{ - border-color: transparent; - } - .reusecore__accordion{ - margin-bottom: 80px; - } - .accordion__item{ - .accordion__header{ - padding: 20px; - background: ${props => props.theme.primaryLightColorTwo}; - h5{ - font-weight: 300; - font-size: 16px; - color: ${props => props.theme.black}; - } - > div { - &:focus{ - outline: none - } - } - - } - - .accordion__body{ - padding: 20px; - p{ - font-size: 16px; - font-weight: 300; - text-align: initial; - margin: 0; - } - } - } - .accordion__item+.accordion__item{ - margin-top: 20px; - } - .faq-thumb{ - transform: translateX(80px); - } - .section-title{ - h2{ - margin-bottom: 42px; - } - } - .faq-thumb-block{ - order: 2; - } - .faq-content-block{ - order: 1; - } - @media only screen and (max-width: 1400px) { - .faq-thumb{ - transform: translateX(0px); - } - .section__particle{ - &.one{ - left: 2%; - } - } - } - @media only screen and (max-width: 1024px) { - .section__particle{ - &.one{ - left: 3%; - top: 0%; - } - &.two{ - top: auto; - bottom: 0; - } - } - } - - @media only screen and (max-width: 912px) { - .section__particle{ - &.one{ - display: none; - } - } - .reusecore__accordion{ - margin-bottom: 50px; - } - } - - @media only screen and (max-width: 568px) { - text-align: center; - .faq-thumb-block{ - order: 1; - text-align: center; - margin-bottom: 60px; - } - .faq-content-block{ - order: 2; - } - .reusecore__accordion{ - margin-bottom: 50px; - text-align: left; - } - } - @media only screen and (max-width: 480px) { - .accordion__item { - .accordion__header{ - h5{ - font-size: 13px; - line-height: 21px; - } - } - } - } - - -`; -export default FaqSectionWrapper; \ No newline at end of file diff --git a/src/sections/z_other/Faq-Classic/index.js b/src/sections/z_other/Faq-Classic/index.js deleted file mode 100644 index 95045923c2648..0000000000000 --- a/src/sections/z_other/Faq-Classic/index.js +++ /dev/null @@ -1,64 +0,0 @@ -import React from "react"; - -import { Container, Row, Col } from "../../../reusecore/Layout"; -import SectionTitle from "../../../reusecore/SectionTitle"; -import { - Accordion, - AccordionItem, - AccordionTitle, - AccordionBody, - IconWrapper, - OpenIcon, - CloseIcon -} from "../../../reusecore/Accordion"; - -// import { IoIosArrowForward, IoIosArrowDown } from "react-icons/io"; - -import particle1 from "../../../assets/images/app/particle/07.webp"; -import particle2 from "../../../assets/images/app/particle/08.webp"; - -import data from "../../../assets/data/faq"; - -import FaqSectionWrapper from "./faqSection.style"; - -const FaqClassic = () => { - return ( - - img - img - - -

- Easy and perfect solution for this app -

- - - - - {data.faqs.map((faq, index) => ( - - -
{faq.title}
- - - {/* */} - - - {/* */} - - - - -

{faq.content}

- - - ))} - - - - - - ); -}; - -export default FaqClassic; diff --git a/src/sections/z_other/Faq-Classic/index.test.js b/src/sections/z_other/Faq-Classic/index.test.js deleted file mode 100644 index aa4a99456b95f..0000000000000 --- a/src/sections/z_other/Faq-Classic/index.test.js +++ /dev/null @@ -1,7 +0,0 @@ - -import React from 'react'; -import { shallow } from 'enzyme'; -import FaqClassic from './index'; -it('Faq-classic renders without crashing', () => { - shallow(); -}); \ No newline at end of file diff --git a/src/sections/z_other/Faq-hosting/faqSection.style.js b/src/sections/z_other/Faq-hosting/faqSection.style.js deleted file mode 100644 index d700b2eeee060..0000000000000 --- a/src/sections/z_other/Faq-hosting/faqSection.style.js +++ /dev/null @@ -1,127 +0,0 @@ -import styled from "styled-components"; - -const FaqSectionWrapper = styled.div` - padding: 95px 0 140px 0; - position: relative; - overflow: hidden; - .section__particle { - position: absolute; - &.one { - width: 50px; - left: 8%; - top: 14%; - } - &.two { - width: 180px; - top: 43%; - right: -55px; - } - } - .accordion__item + .accordion__item { - border-color: transparent; - } - .reusecore__accordion { - margin-bottom: 80px; - } - .accordion__item { - .accordion__header { - padding: 20px; - background: ${props => props.theme.primaryLightColorTwo}; - h5 { - font-weight: 300; - font-size: 16px; - color: ${props => props.theme.black}; - } - > div { - &:focus { - outline: none; - } - } - } - - .accordion__body { - padding: 20px; - p { - font-size: 16px; - font-weight: 300; - text-align: initial; - margin: 0; - } - } - } - .accordion__item + .accordion__item { - margin-top: 20px; - } - .faq-thumb { - transform: translateX(80px); - } - .section-title { - h2 { - margin-bottom: 42px; - } - } - .faq-thumb-block { - order: 2; - } - .faq-content-block { - order: 1; - } - @media only screen and (max-width: 1400px) { - .faq-thumb { - transform: translateX(0px); - } - .section__particle { - &.one { - left: 2%; - } - } - } - @media only screen and (max-width: 1024px) { - .section__particle { - &.one { - left: 3%; - top: 5%; - } - &.two { - top: auto; - bottom: 0; - } - } - } - - @media only screen and (max-width: 912px) { - .reusecore__accordion { - margin-bottom: 50px; - } - } - - @media only screen and (max-width: 568px) { - .section-title { - text-align: center; - } - .faq-thumb-block { - order: 1; - text-align: center; - margin-bottom: 60px; - } - .faq-content-block { - order: 2; - } - .reusecore__accordion { - margin-bottom: 50px; - text-align: left; - } - } - @media only screen and (max-width: 480px) { - .accordion__item { - .accordion__header { - h5 { - font-size: 13px; - line-height: 21px; - } - } - } - } -`; - -export default FaqSectionWrapper; diff --git a/src/sections/z_other/Faq-hosting/index.js b/src/sections/z_other/Faq-hosting/index.js deleted file mode 100644 index 6ed695664058f..0000000000000 --- a/src/sections/z_other/Faq-hosting/index.js +++ /dev/null @@ -1,84 +0,0 @@ -import React from "react"; - -import { Container, Row, Col } from "../../../reusecore/Layout"; -import SectionTitle from "../../../reusecore/SectionTitle"; -import Button from "../../../reusecore/Button"; -import VintageBox from "../../../reusecore/VintageBox"; -import { - Accordion, - AccordionItem, - AccordionTitle, - AccordionBody, - IconWrapper, - OpenIcon, - CloseIcon -} from "../../../reusecore/Accordion"; - -// import { IoIosArrowForward, IoIosArrowDown } from "react-icons/io"; - -import FaqImage from "../../../assets/images/hosting/hosting/faq.webp"; -import particle1 from "../../../assets/images/app/particle/07.webp"; -import particle2 from "../../../assets/images/app/particle/08.webp"; - -import data from "../../../assets/data/faq"; - -import FaqSectionWrapper from "./faqSection.style"; - -const Faq = () => { - return ( - - img - img - - - -
- appion faq -
- - - -

Solution

-

- Easy and perfect solution for this app -

- - - {data.faqs.map((faq, index) => ( - - -
{faq.title}
- - - {/* */} - - - {/* */} - - - - -

{faq.content}

- - - ))} - - - - - - - -
-

Download

-
    -
  • - Company -
    • -
  • - Android App -
    • -
  • - iOS App -
    • -
  • - Desktop -
    • -
-
- - -
-

Help

-
    -
  • - FAQ -
    • -
  • - Privacy -
    • -
  • - Reporting -
    • -
  • - Terms & Conditions -
    • -
-
- - -
-

Follow US

-
    -
  • - - {/* */} - -
    • -
  • - - {/* */} - -
    • -
  • - - {/* */} - -
    • -
  • - - {/* */} - -
    • -
  • - - {/* */} - -
    • -
-

- Copyright © 2020 Design By - Devscorn -

-
- - - - - ); -}; - -export default FooterClassic; diff --git a/src/sections/z_other/Footer-classic/index.test.js b/src/sections/z_other/Footer-classic/index.test.js deleted file mode 100644 index dc0ed6dcb2e23..0000000000000 --- a/src/sections/z_other/Footer-classic/index.test.js +++ /dev/null @@ -1,7 +0,0 @@ - -import React from 'react'; -import { shallow } from 'enzyme'; -import FooterClassic from './index'; -it('Footer-classic renders without crashing', () => { - shallow(); -}); \ No newline at end of file diff --git a/src/sections/z_other/Getapp/getAppSection.style.js b/src/sections/z_other/Getapp/getAppSection.style.js deleted file mode 100644 index 72ef336c61445..0000000000000 --- a/src/sections/z_other/Getapp/getAppSection.style.js +++ /dev/null @@ -1,225 +0,0 @@ -import styled from "styled-components"; - -import AppSecreenBG from "../../../assets/images/app/get-app/get-app-bg.webp"; - -const GetAppSectionWrap = styled.section` - padding: 100px 0 90px 0; - background: url(${AppSecreenBG}); - background-repeat: no-repeat; - background-size: contain; - background-position: center center; - position: relative; - .section__particle{ - position: absolute; - &.one{ - width: 70px; - left: 7%; - top: 28px; - } - - &.two{ - width: 60px; - bottom: 60px; - right: 45%; - } - &.three{ - width: 114px; - top: 200px; - right: 17%; - } - &.four{ - width: 95px; - bottom: 80px; - right: 25%; - } - } - .getapp-block{ - h3{ - font-size: 40px; - font-weight: 500; - line-height: 50px; - margin-bottom: 40px; - } - p{ - font-weight: 300; - margin: 0 auto 60px auto; - } - } - .btn-block{ - display: flex; - justify-content: space-between; - } - .getapp-btn{ - display: flex; - align-items: center; - height: 90px; - min-width: 260px; - border-radius: 5px; - padding: 0 12px; - - border: 1px solid rgba(122,132,142,.5); - -webkit-transition: 450ms all; - transition: 450ms all; - p{ - margin-bottom: 0; - color: ${props => props.theme.primaryColor}; - } - span{ - display: block; - font-size: 20px; - font-weight: 500; - color: ${props => props.theme.textColor}; - } - svg{ - font-size: 35px; - color: ${props => props.theme.textColor}; - } - &:hover{ - color: ${props => props.theme.primaryColor}; - background: ${props => props.theme.white}; - border-color: transparent; - span,svg{ - color: ${props => props.theme.primaryColor}; - } - } - } - .apl-btn{ - p{ - color: ${props => props.theme.secondaryColor}; - } - svg{ - font-size: 45px; - color: ${props => props.theme.textColor} - } - &:hover{ - color: ${props => props.theme.secondaryColor}; - span,svg{ - color: ${props => props.theme.secondaryColor}; - } - } - } - .getapp-thumb{ - margin: 0 auto; - text-align: center; - img{ - margin-top: -80px; - box-shadow: 0 0 40px ${props => props.theme.shadowColor}; - } - } - @media only screen and (max-width: 1280px) { - background-size: cover; - .getapp-btn{ - min-width: auto; - width: 48%; - p{ - font-size: 12px; - } - span{ - font-size: 17px; - } - } - .section__particle{ - &.four{ - display: none; - } - } - } - @media only screen and (max-width: 912px) { - background-size: cover; - .getapp-block{ - h3{ - font-size: 30px; - margin-bottom: 8px; - } - } - .btn-block{ - display: block - } - .getapp-btn{ - min-width: auto; - width: 100%; - p{ - font-size: 16px; - } - span{ - font-size: 19px; - } - } - .getapp-btn+.getapp-btn{ - margin-top: 30px; - } - } - @media only screen and (max-width: 760px) { - padding: 100px 0 50px 0; - .section__particle{ - &.two{ - bottom: auto; - top: 0; - right: auto; - left: 10%; - } - &.one, - &.three{ - display: none; - } - } - .getapp-btn{ - justify-content: center; - } - .getapp-btn{ - p{ - margin: 0 26px 0px 26px; - } - } - } - - @media only screen and (max-width: 568px) { - text-align: center; - .getapp-block { - .btn-block{ - display: flex; - } - .getapp-btn{ - width: 260px; - span{ - font-size: 17px; - } - p{ - font-size: 13px; - margin: 0 15px 0px 15px; - } - } - .getapp-btn+.getapp-btn{ - margin-top: 0; - } - - } - .getapp-thumb{ - display: none; - } - } - @media only screen and (max-width: 480px) { - .getapp-block { - .btn-block{ - display: block; - } - .getapp-btn{ - width: 100%; - span{ - font-size: 23px; - } - p{ - font-size: 16px; - margin: 0 15px 0px 15px; - } - } - .getapp-btn+.getapp-btn{ - margin-top: 30px; - } - - } - } -`; - -export default GetAppSectionWrap; - diff --git a/src/sections/z_other/Getapp/index.js b/src/sections/z_other/Getapp/index.js deleted file mode 100644 index f85647173159a..0000000000000 --- a/src/sections/z_other/Getapp/index.js +++ /dev/null @@ -1,63 +0,0 @@ -import React from "react"; -import { Link } from "gatsby"; - -import { Container, Row, Col } from "../../../reusecore/Layout"; -// import { DiAppstore } from "react-icons/di"; -// import { FaGooglePlay } from "react-icons/fa"; - -import AppSecreenImage from "../../../assets/images/app/get-app/get-app-screen.webp"; -import particle1 from "../../../assets/images/app/particle/09.webp"; -import particle2 from "../../../assets/images/app/particle/10.webp"; -import particle3 from "../../../assets/images/app/particle/11.webp"; -import particle4 from "../../../assets/images/app/particle/13.webp"; - -import GetAppSectionWrap from "./getAppSection.style"; - -const GetApp = () => { - return ( - - img - img - img - img - - - -
-

Get the app now!

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua enim - ad minim veniam quis nostrud exercitation. -

-
- - {/* */} -

- Download iphone App - App Store -

- - - - {/* */} -

- Get it On - Google Play Store -

- -
-
- - -
- get the app -
- - - - - ); -}; - -export default GetApp; diff --git a/src/sections/z_other/Getapp/index.test.js b/src/sections/z_other/Getapp/index.test.js deleted file mode 100644 index 3ac531159dcf4..0000000000000 --- a/src/sections/z_other/Getapp/index.test.js +++ /dev/null @@ -1,7 +0,0 @@ - -import React from 'react'; -import { shallow } from 'enzyme'; -import GetApp from './index'; -it('GetApp renders without crashing', () => { - shallow(); -}); \ No newline at end of file diff --git a/src/sections/z_other/Integrations/index.js b/src/sections/z_other/Integrations/index.js deleted file mode 100644 index 286887a3fa870..0000000000000 --- a/src/sections/z_other/Integrations/index.js +++ /dev/null @@ -1,93 +0,0 @@ -import React from "react"; -import { Link } from "gatsby"; - -import { Container, Row, Col } from "../../../reusecore/Layout"; -import SectionTitle from "../../../reusecore/SectionTitle"; -import Button from "../../../reusecore/Button"; -import VintageBox from "../../../reusecore/VintageBox"; - -import integrationImage1 from "../../../assets/images/app/integrations/integration-1.webp"; -import integrationImage2 from "../../../assets/images/app/integrations/integration-2.webp"; -import integrationImage3 from "../../../assets/images/app/integrations/integration-3.webp"; -import integrationImage4 from "../../../assets/images/app/integrations/integration-4.webp"; -import Icon from "../../../assets/images/app/integrations/arrow.webp"; - -import IntegrationItemWrapper from "./integrationSection.style"; - -const Integrations = () => { - return ( - - - - -
-
-
- appion integration -

Mail Chimp

-

Send Emails

- - appion app - -
-
- appion integration -

Instagram

-

News Feed

- - appion app - -
-
-
-
- appion integration -

Slack

-

Messaging

- - appion app - -
-
- appion integration -

twitter

-

News Feed

- - appion app - -
-
-
- - - -

Integration

- -

- Uses for this app In the perfect integration. -

- -

- One differences leaders, management-science so, best treat. Still - problems upper and anger devoting out. With hiding their boss - phase drops. A strenuous in ticket get write it by proposal. -

- -