You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.4 KiB
40 lines
1.4 KiB
import React, { useEffect } from 'react';
|
|
|
|
import sal from 'sal.js';
|
|
|
|
import Banner from '../components/Banner';
|
|
import Content from '../components/Content';
|
|
import Listing from '../components/Listing';
|
|
import ContactForm from '../components/functionality/ContactForm';
|
|
import Map from '../components/functionality/Map';
|
|
import config from '../config/config.json';
|
|
|
|
export default ({ page }) => {
|
|
|
|
useEffect(() => {
|
|
sal();
|
|
document.getElementsByTagName('meta')["keywords"].content = page.keywords;
|
|
document.getElementsByTagName('meta')["description"].content = page.description;
|
|
document.title = page.title + ' | ' + config.website.name;
|
|
}, []);
|
|
|
|
const components = [];
|
|
for (const item of page.structure) {
|
|
if (item.section === 'banner') {
|
|
components.push(<Banner {...item} />);
|
|
} else if (item.section === 'content') {
|
|
components.push(<Content {...item} />);
|
|
} else if (item.section === 'listing') {
|
|
components.push(<Listing {...item} />);
|
|
} else if (item.section === 'functionality') {
|
|
if (item.type === 'map') {
|
|
components.push(<Map {...item} />);
|
|
} else if (item.type === 'contact-form') {
|
|
components.push(<ContactForm {...item} />);
|
|
}
|
|
}
|
|
}
|
|
return <main>
|
|
{components}
|
|
</main>;
|
|
}
|