diff --git a/src/assets/images/bread_crumb_bg.png b/src/assets/images/bread_crumb_bg.png index 9a59ecd..299e698 100644 Binary files a/src/assets/images/bread_crumb_bg.png and b/src/assets/images/bread_crumb_bg.png differ diff --git a/src/component/HomeDark/Main.js b/src/component/HomeDark/Main.js deleted file mode 100644 index df5a234..0000000 --- a/src/component/HomeDark/Main.js +++ /dev/null @@ -1,331 +0,0 @@ -import React , {useState, useEffect} from 'react' -import { HashLink as Link } from 'react-router-hash-link'; -import Design from '../HomeMain/Design/Main' -import Work from '../HomeMain/Work/Main' -import Testimonial from '../HomeMain/Testimonial/Main' -import AboutApp from '../HomeMain/AboutApp/Main' -import Trusted from '../HomeMain/Trusted/Main' -import Pricing from '../HomeMain/Pricing/Main' -import Faq from '../HomeMain/Faq/Main' -import Interface from '../HomeMain/Interface/Main' -import Download from '../HomeMain/Download/Main' -import Story from '../HomeMain/Story/Main' - - -const Main = ({setnavbar,setfooter,setbrdcum}) => { - - const [ytShow , setytShow] = useState (false) - useEffect(() => { - setfooter({f2 : true}) - setnavbar({n3 : true}) - setbrdcum({b2 : true}) - localStorage.setItem("navbar","darkhome") - - }, []) - - - return ( - <> - - - {/*
-
-
- -
-
-
*/} -
-
-
- image - image - image - -
-
-

Best way to manage your customers easily.

-

Lorem Ipsum is simply dummy text of the printing and setting indus orem Ipsum has been the industrys standard dummy text ever. -

-
-
- -
-
-
-
-
-
-
-
-
- image -
-
- -
-
- image -
-
- -
-
- image -
-
- -
-
- image -
-
-
-
- image -
-
-
- -
-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
-

Features that makes app different!

-

Lorem Ipsum is simply dummy text of the printing and typese tting
indus orem Ipsum has beenthe standard dummy

-
-
-
-
-
-
- image -
-
-

Secure data

-

Lorem Ipsum is simply dummy text of the printing and typese tting
indus orem Ipsum has beenthe standard dummy.

-
-
-
- -
-
-
- image -
-
-

Automate everything

-

Lorem Ipsum is simply dummy text of the printing and typese tting
indus orem Ipsum has beenthe standard dummy.

-
-
-
- -
-
-
- image -
-
-

Secure data

-

Lorem Ipsum is simply dummy text of the printing and typese tting
indus orem Ipsum has beenthe standard dummy.

-
-
-
-
- -
- -
- -
-
- < AboutApp dark = {true}/> - - - - - - - - - - {ytShow && - <> - -
- } - - ) -} - -export default Main \ No newline at end of file diff --git a/src/component/HomeVideo/Main.js b/src/component/HomeVideo/Main.js deleted file mode 100644 index ab9ccc9..0000000 --- a/src/component/HomeVideo/Main.js +++ /dev/null @@ -1,197 +0,0 @@ -import { HashLink as Link } from 'react-router-hash-link'; -import React , {useState,useEffect} from 'react' -import Trusted from '../HomeMain/Trusted/Main' -import Features from '../HomeMain/Features/Main' -import AboutApp from '../HomeMain/AboutApp/Main' -import Design from '../HomeMain/Design/Main' -import Testimonial from '../HomeMain/Testimonial/Main' -import Pricing from '../HomeMain/Pricing/Main' -import Faq from '../HomeMain/Faq/Main' -import Interface from '../HomeMain/Interface/Main' -import Download from '../HomeMain/Download/Main' -import Story from '../HomeMain/Story/Main' - -const Main = ({setnavbar,setfooter,setbrdcum}) => { - const [ytShow , setytShow] = useState (false) - - useEffect(() => { - setfooter({f1 : true}) - setnavbar({n6 : true}) - setbrdcum({b3 : true}) - localStorage.setItem("navbar","homevideo") - - }, []) - - return ( - <> -
-
-
-
-
-

apper

-

Best way to manage your customers.

-

Lorem Ipsum is simply dummy text of the printing and setting indus orem Ipsum has been the industrys. -

-
-
    -
  • - - image - image - -
    • -
  • - - image - image - -
    • -
- -
-
    -
  • image
    • -
  • image
    • -
  • image
    • -
  • image
    • -
-

12M +
used this app

-
-
- -
-
-
- - - - -
-
-
-
-

How it works - 3 easy steps

-

Lorem Ipsum is simply dummy text of the printing and typese tting
indus orem Ipsum has beenthe - standard dummy.

-
-
- -
- -
-
- -
- image -
-

01

-
-
- -
-

Download app

-
- - - -
-

Download App either for Windows, Mac or Android

-
-
-
- - -
-
- -
- image -
-

02

-
-
- -
-

Create account

- 14 days free trial -

Sign up free for App account. One account for all devices.

-
-
-
- - -
-
- -
- image -
-

03

-
-
- -
-

It’s done, enjoy the app

- Have any questions check our FAQs -

Get most amazing app experience, Explore and share the app

-
-
-
- -
- -
-
- -
-
- - - - - - - {ytShow && - <> - -
- } - - ) -} - -export default Main \ No newline at end of file diff --git a/src/component/HomeVideoTwo/Main.js b/src/component/HomeVideoTwo/Main.js deleted file mode 100644 index fde04a0..0000000 --- a/src/component/HomeVideoTwo/Main.js +++ /dev/null @@ -1,240 +0,0 @@ -import React , { useState , useEffect} from 'react' -import { HashLink as Link } from 'react-router-hash-link'; -import Trusted from '../HomeMain/Trusted/Main' -import AboutApp from '../HomeMain/AboutApp/Main' -import Design from '../HomeMain/Design/Main' -import Testimonial from '../HomeMain/Testimonial/Main' -import Pricing from '../HomeMain/Pricing/Main' -import Faq from '../HomeMain/Faq/Main' -import Interface from '../HomeMain/Interface/Main' -import Download from '../HomeMain/Download/Main' -import Story from '../HomeMain/Story/Main' - -const Main = ({setfooter,setnavbar,setbrdcum}) => { - - const [ytShow , setytShow] = useState (false) - useEffect(() => { - setfooter({f4 : true}) - setnavbar({n4 : true}) - setbrdcum({b4 : true}) - localStorage.setItem("navbar","homevideotwo") - - }, []) - - return ( - <> -
-
-
-
-
-

Best way to manage your customers.

-

Lorem Ipsum is simply dummy text of the printing and setting indus orem Ipsum has been the industrys. -

-
-
    -
  • - - image - image - -
    • -
  • - - image - image - -
    • -
- -
-
    -
  • image
    • -
  • image
    • -
  • image
    • -
  • image
    • -
-

12M +
used this app

-
-
- - -
-
-
-
-
-
-

Features that makes app different!

-

Lorem Ipsum is simply dummy text of the printing and typese tting
indus orem Ipsum has beenthe - standard dummy.

-
-
-
-
-
- image -
-
-

Secure data

-

Lorem Ipsum is simply dummy text of the printing and type setting indus ideas.

-
-
- -
-
- image -
-
-

Fully functional

-

Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.

-
-
-
- -
-
-
- image -
-
-

Live chat

-

Lorem Ipsum is simply dummy text of the printing and type setting indus ideas.

-
-
- -
-
- image -
-
-

24-7 Support

-

Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.

-
-
- -
-
- image -
-
-
-
- - -
-
-
-
-

How it works - 3 easy steps

-

Lorem Ipsum is simply dummy text of the printing and typese tting
indus orem Ipsum has beenthe - standard dummy.

-
-
-
-
-
-
- image -
-

01

-
-
-
-

Download app

-
- - - -
-

Download App either for Windows, Mac or Android

-
-
-
-
-
-
- image -
-

02

-
-
-
-

Create account

- 14 days free trial -

Sign up free for App account. One account for all devices.

-
-
-
- -
-
-
- image -
-

03

-
-
-
-

It’s done, enjoy the app

- Have any questions check our FAQs -

Get most amazing app experience, Explore and share the app

-
-
-
-
-
-
-
-
- - - - - - - - - - {ytShow && - <> - -
- } - - ) -} - -export default Main \ No newline at end of file diff --git a/src/component/HomeWave/Main.js b/src/component/HomeWave/Main.js deleted file mode 100644 index c3e14c7..0000000 --- a/src/component/HomeWave/Main.js +++ /dev/null @@ -1,236 +0,0 @@ - -import { HashLink as Link } from 'react-router-hash-link'; -import React , { useState ,useEffect } from 'react' -import Trusted from '../HomeMain/Trusted/Main' -import Features from '../HomeMain/Features/Main' -import AboutApp from '../HomeMain/AboutApp/Main' -import Design from '../HomeMain/Design/Main' -import Work from '../HomeMain/Work/Main' -import Testimonial from '../HomeMain/Testimonial/Main' -import Pricing from '../HomeMain/Pricing/Main' -import Faq from '../HomeMain/Faq/Main' -import Interface from '../HomeMain/Interface/Main' -import Download from '../HomeMain/Download/Main' -import Story from '../HomeMain/Story/Main' - -const Main = ({setnavbar , setfooter , setbrdcum }) => { - - useEffect(() => { - setfooter({f5 : true}) - setbrdcum({b1 : true}) - setnavbar({n4 : true}) - localStorage.setItem("navbar","homewave") - - }, []) - - return ( - <> - {/*
-
- -
-
*/} -
-
-
-
-
-

Best way to manage your customers.

-

Lorem Ipsum is simply dummy text of the printing and setting indus orem Ipsum has been the industrys. -

-
-
    -
  • - - image - image - -
    • -
  • - - image - image - -
    • -
-
-
    -
  • image
    • -
  • image
    • -
  • image
    • -
  • image
    • -
-

12M +
used this app

-
-
-
-
- image -
-
- - image - image - image -
- -
-
- - - - - - - - - - - -
-
- - - - - - - - - - - - - ) -} - -export default Main \ No newline at end of file diff --git a/src/routes/index.js b/src/routes/index.js index 6165ea5..faae420 100644 --- a/src/routes/index.js +++ b/src/routes/index.js @@ -1,114 +1,96 @@ -import React , { useEffect, useState } from 'react' -import { Route, Routes , useLocation} from 'react-router-dom' -import Navbar from '../component/Navbar/Main' -import Footer from '../component/Footer/Main' -import Home from '../component/Home/Main' -import AboutUs from '../component/AboutUs/Main' -import Review from '../component/Pages/Review/Main' -import Contact from '../component/Contact/Main' -import Faq from '../component/Pages/Faq/Main' -import SignIn from '../component/Pages/SignIn/Main' -import SignUp from '../component/Pages/SignUp/Main' -import Pricing from '../component/Pricing/Main' -import Blog from '../component/Blog/Blog/Main' -import BlogSingle from '../component/Blog/BlogSingle/Main' -import HomeDark from '../component/HomeDark/Main' -import HomeWave from '../component/HomeWave/Main' -//import HomeGredient from '../component/HomeGredient/Main' -import HomeVideo from '../component/HomeVideo/Main' -import HomeVideoTwo from '../component/HomeVideoTwo/Main' - - -import Terms from '../component/Terms/Main' -import Privacy from '../component/Privacy/Main' +import React, { useEffect, useState } from "react"; +import { Route, Routes, useLocation } from "react-router-dom"; +import Navbar from "../component/Navbar/Main"; +import Footer from "../component/Footer/Main"; +import Home from "../component/Home/Main"; +import AboutUs from "../component/AboutUs/Main"; +import Review from "../component/Pages/Review/Main"; +import Contact from "../component/Contact/Main"; +import Faq from "../component/Pages/Faq/Main"; +import SignIn from "../component/Pages/SignIn/Main"; +import SignUp from "../component/Pages/SignUp/Main"; +import Pricing from "../component/Pricing/Main"; +import Blog from "../component/Blog/Blog/Main"; +import BlogSingle from "../component/Blog/BlogSingle/Main"; +import Terms from "../component/Terms/Main"; +import Privacy from "../component/Privacy/Main"; const Routing = () => { + const [homepage, sethomepage] = useState(false); + const location = useLocation(); - const [homepage, sethomepage] = useState(false) - const location = useLocation(); + useEffect(() => { + if (location.pathname === "/sign-in" || location.pathname === "/sign-up") { + sethomepage(false); + } else { + sethomepage(true); + } + }, [location]); - useEffect(() => { - if (location.pathname === "/sign-in" || location.pathname === "/sign-up" ){ - sethomepage(false) - }else{ - sethomepage(true) - } - }, [location]) + const [footerpage, setfooterpage] = useState(false); + useEffect(() => { + if (location.pathname === "/sign-in" || location.pathname === "/sign-up") { + setfooterpage(false); + } else { + setfooterpage(true); + } + }, [location]); - const [footerpage, setfooterpage] = useState(false) - useEffect(() => { - if (location.pathname === "/sign-in" || location.pathname === "/sign-up" ){ - setfooterpage(false) - }else{ - setfooterpage(true) - } - }, [location]) + useEffect(() => { + if (localStorage.getItem("navbar") === "darkhome") { + setfooter({ f2: true }); + setnavbar({ n3: true }); + setbrdcum({ b2: true }); + } else if (localStorage.getItem("navbar") === "home") { + setfooter({ f1: true }); + setnavbar({ n2: true }); + setbrdcum({ b1: true }); + } else { + setfooter({ f1: true }); + setnavbar({ n2: true }); + } + }, []); - useEffect(() => { - - if (localStorage.getItem("navbar") === "darkhome") { - setfooter({f2 : true}) - setnavbar({n3 : true}) - setbrdcum({b2 : true}) - } - else if (localStorage.getItem("navbar") === "home"){ - setfooter({f1 : true}) - setnavbar({n2 : true}) - setbrdcum({b1 : true}) - } - else if (localStorage.getItem("navbar") === "homewave"){ - setfooter({f5 : true}) - setbrdcum({b1 : true}) - setnavbar({n4 : true}) - } - else if (localStorage.getItem("navbar") === "homevideo"){ - setfooter({f1 : true}) - setnavbar({n6 : true}) - setbrdcum({b3 : true}) - } - else if (localStorage.getItem("navbar") === "homevideotwo"){ - setfooter({f4 : true}) - setnavbar({n4 : true}) - setbrdcum({b4 : true}) - } else { - setfooter({f1 : true}) - setnavbar({n2 : true}) - } - }, []) - + const [footer, setfooter] = useState({ f1: true }); + const [navbar, setnavbar] = useState({ n1: true }); + const [brdcum, setbrdcum] = useState({ n1: true }); - const [footer , setfooter] = useState({f1 : true}) - const [navbar , setnavbar] = useState({n1 : true}) - const [brdcum , setbrdcum] = useState({n1 : true}) - - return ( - <> - {homepage && } - - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - - } /> - } /> - } /> - } /> + return ( + <> + {homepage && } + + + } + /> + } + /> + } + /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + + {footerpage &&