mirror of
https://github.com/kingomarnajjar/flex-template-web.git
synced 2026-07-26 06:47:17 +10:00
reviews fixed
This commit is contained in:
Janne Koivistoinen
parent
4fe8204887
commit
8bebb12ea6
6 changed files with 56 additions and 46 deletions
|
|
@ -50,14 +50,12 @@ const AboutPage = () => {
|
|||
<StaticPage
|
||||
className={css.root}
|
||||
title="About"
|
||||
schema={`
|
||||
{
|
||||
"@context": "http://schema.org",
|
||||
"@type": "AboutPage",
|
||||
"description": "Description of this page",
|
||||
"name": "About page",
|
||||
}
|
||||
`}
|
||||
schema={{
|
||||
"@context": "http://schema.org",
|
||||
"@type": "AboutPage",
|
||||
"description": "Description of this page",
|
||||
"name": "About page",
|
||||
}}
|
||||
>
|
||||
<LayoutSingleColumn>
|
||||
<LayoutWrapperTopbar>
|
||||
|
|
@ -136,14 +134,12 @@ In the template above we are using StaticPage component with some attributes:
|
|||
<StaticPage
|
||||
className={css.root}
|
||||
title="About"
|
||||
schema={`
|
||||
{
|
||||
"@context": "http://schema.org",
|
||||
"@type": "AboutPage",
|
||||
"description": "Description of this page",
|
||||
"name": "About page",
|
||||
}
|
||||
`}
|
||||
schema={{
|
||||
"@context": "http://schema.org",
|
||||
"@type": "AboutPage",
|
||||
"description": "Description of this page",
|
||||
"name": "About page",
|
||||
}}
|
||||
>
|
||||
```
|
||||
|
||||
|
|
|
|||
|
|
@ -94,7 +94,7 @@ const Footer = props => {
|
|||
</NamedLink>
|
||||
</li>
|
||||
<li className={css.listItem}>
|
||||
<NamedLink name="LandingPage" className={css.link}>
|
||||
<NamedLink name="AboutPage" className={css.link}>
|
||||
<FormattedMessage id="Footer.toAboutPage" />
|
||||
</NamedLink>
|
||||
</li>
|
||||
|
|
@ -109,7 +109,7 @@ const Footer = props => {
|
|||
</NamedLink>
|
||||
</li>
|
||||
<li className={css.listItem}>
|
||||
<NamedLink name="LandingPage" className={css.link}>
|
||||
<NamedLink name="AboutPage" to={{ hash: '#contact' }} className={css.link}>
|
||||
<FormattedMessage id="Footer.toContactPage" />
|
||||
</NamedLink>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -13,4 +13,5 @@
|
|||
/* Expand to the full remaining width of the viewport */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,5 @@
|
|||
@import '../../marketplace.css';
|
||||
|
||||
.root {
|
||||
}
|
||||
|
||||
.pageTitle {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -32,7 +29,6 @@
|
|||
@media (--viewportMedium) {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.contentSide {
|
||||
|
|
@ -51,4 +47,4 @@
|
|||
@media (--viewportMedium) {
|
||||
max-width: 650px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ import {
|
|||
LayoutWrapperMain,
|
||||
LayoutWrapperFooter,
|
||||
Footer,
|
||||
ExternalLink
|
||||
ExternalLink,
|
||||
} from '../../components';
|
||||
|
||||
import css from './AboutPage.css';
|
||||
|
|
@ -15,19 +15,15 @@ import image from './about-us.jpg';
|
|||
const AboutPage = () => {
|
||||
return (
|
||||
<StaticPage
|
||||
className={css.root}
|
||||
title="About Us"
|
||||
schema={`
|
||||
{
|
||||
"@context": "http://schema.org",
|
||||
"@type": "AboutPage",
|
||||
"description": "Description of this page",
|
||||
"name": "About page",
|
||||
}
|
||||
`}
|
||||
schema={{
|
||||
'@context': 'http://schema.org',
|
||||
'@type': 'AboutPage',
|
||||
description: 'About Saunatime',
|
||||
name: 'About page',
|
||||
}}
|
||||
>
|
||||
<LayoutSingleColumn>
|
||||
|
||||
<LayoutWrapperTopbar>
|
||||
<TopbarContainer />
|
||||
</LayoutWrapperTopbar>
|
||||
|
|
@ -37,35 +33,56 @@ const AboutPage = () => {
|
|||
<img className={css.coverImage} src={image} alt="My first ice cream." />
|
||||
|
||||
<div className={css.contentWrapper}>
|
||||
|
||||
<div className={css.contentSide}>
|
||||
<p>"We built Saunatime because we didn't have a sauna in our apartment building."</p>
|
||||
</div>
|
||||
|
||||
<div className={css.contentMain}>
|
||||
<h2>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</h2>
|
||||
<h2>
|
||||
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut
|
||||
fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque
|
||||
nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
|
||||
</h2>
|
||||
|
||||
<h3>Tortor mauris condimentum</h3>
|
||||
|
||||
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
|
||||
<p>
|
||||
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut
|
||||
fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque
|
||||
nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
|
||||
</p>
|
||||
|
||||
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
|
||||
<p>
|
||||
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis
|
||||
consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis
|
||||
parturient montes, nascetur ridiculus mus.
|
||||
</p>
|
||||
|
||||
<h3>Get in touch</h3>
|
||||
<p>We are happy to help you in anything you have in your mind.?Best way to reach us is by emailing us at <ExternalLink href="mailto:hello@saunatime.io?Subject=Hello%20friends">hello@saunatime.io</ExternalLink>.</p>
|
||||
<p>You can also checkout our <ExternalLink href="https://www.facebook.com/Sharetribe/">Facebook</ExternalLink> and <ExternalLink href="https://twitter.com/sharetribe">Twitter</ExternalLink>.</p>
|
||||
<h3 id="contact">Get in touch</h3>
|
||||
<p>
|
||||
We are happy to help you in anything you have in your mind.?Best way to reach us is
|
||||
by emailing us at{' '}
|
||||
<ExternalLink href="mailto:hello@saunatime.io?Subject=Hello%20friends">
|
||||
hello@saunatime.io
|
||||
</ExternalLink>.
|
||||
</p>
|
||||
<p>
|
||||
You can also checkout our{' '}
|
||||
<ExternalLink href="https://www.facebook.com/Sharetribe/">
|
||||
Facebook
|
||||
</ExternalLink>{' '}
|
||||
and <ExternalLink href="https://twitter.com/sharetribe">Twitter</ExternalLink>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</LayoutWrapperMain>
|
||||
|
||||
<LayoutWrapperFooter>
|
||||
<Footer />
|
||||
</LayoutWrapperFooter>
|
||||
|
||||
</LayoutSingleColumn>
|
||||
</StaticPage>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default AboutPage;
|
||||
export default AboutPage;
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ const routeConfiguration = () => {
|
|||
{
|
||||
path: '/',
|
||||
name: 'LandingPage',
|
||||
component: props => <LandingPage {...props} />
|
||||
component: props => <LandingPage {...props} />,
|
||||
},
|
||||
{
|
||||
path: '/about',
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue