| 1 | import { useEffect } from "react" |
| 2 | import BackToTop from '../elements/BackToTop' |
| 3 | import DataBg from '../elements/DataBg' |
| 4 | import Breadcrumb from './Breadcrumb' |
| 5 | import Footer from './Footer' |
| 6 | import Header from './Header' |
| 7 | import PageHead from './PageHead' |
| 8 | |
| 9 | export default function Layout({ headerCls, headerTop, headTitle, breadcrumbTitle, children }) { |
| 10 | useEffect(() => { |
| 11 | const WOW = require('wowjs') |
| 12 | window.wow = new WOW.WOW({ |
| 13 | live: false |
| 14 | }) |
| 15 | window.wow.init() |
| 16 | }, []) |
| 17 | return ( |
| 18 | <> |
| 19 | <PageHead headTitle={headTitle} /> |
| 20 | <DataBg /> |
| 21 | |
| 22 | <Header headerCls={headerCls} headerTop={headerTop} /> |
| 23 | <main> |
| 24 | {breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />} |
| 25 | {children} |
| 26 | </main> |
| 27 | < Footer /> |
| 28 | |
| 29 | <BackToTop /> |
| 30 | </> |
| 31 | ) |
| 32 | } |
huncholane