41 lines
1.0 KiB
JavaScript
41 lines
1.0 KiB
JavaScript
import React, { useEffect, useRef } from 'react';
|
|
//= Scripts
|
|
import navbarScrollEffect from "common/navbarScrollEffect";
|
|
//= Layout
|
|
import MainLayout from 'layouts/Main';
|
|
//= Components
|
|
import TopNav from 'components/Navbars/TopNav';
|
|
import Navbar from 'components/Navbars/AppNav';
|
|
import Shop from 'components/Shop';
|
|
import Footer from 'components/App/Footer';
|
|
|
|
const PageShopApp = () => {
|
|
const navbarRef = useRef(null);
|
|
|
|
useEffect(() => {
|
|
navbarScrollEffect(navbarRef.current);
|
|
}, [navbarRef]);
|
|
|
|
return (
|
|
<MainLayout>
|
|
<TopNav style="4" />
|
|
<Navbar navbarRef={navbarRef} />
|
|
<main className="shop-page style-5 style-grad">
|
|
<Shop style="4" />
|
|
</main>
|
|
<Footer noWave />
|
|
</MainLayout>
|
|
)
|
|
}
|
|
|
|
export const Head = () => {
|
|
return (
|
|
<>
|
|
<title>Rootxwire - Shop App</title>
|
|
<link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="/assets/css/style.css" />
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default PageShopApp; |