2021-06-04 20:43:37 +00:00
|
|
|
import Head from 'next/head';
|
2022-01-28 22:54:47 +00:00
|
|
|
import Image from 'next/image';
|
2021-06-04 20:43:37 +00:00
|
|
|
import Layout from '../components/Layout';
|
|
|
|
|
import useUser from '../lib/useUser';
|
2022-01-28 22:54:47 +00:00
|
|
|
import buildBase64Data from '../utils/buildBase64Data';
|
2021-06-04 20:43:37 +00:00
|
|
|
import { PhotoPageStyles } from './photos';
|
|
|
|
|
|
2022-01-28 22:54:47 +00:00
|
|
|
export default function StoryPage({ alt, imageProps }) {
|
2021-06-04 20:43:37 +00:00
|
|
|
const { user } = useUser({ redirectTo: '/login' });
|
|
|
|
|
|
|
|
|
|
if (!user || user.isLoggedIn === false) {
|
|
|
|
|
return <Layout>Loading...</Layout>;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<Head>
|
|
|
|
|
<title key="title">N & N | Our Story</title>
|
|
|
|
|
</Head>
|
|
|
|
|
<PhotoPageStyles className="center">
|
|
|
|
|
<h1>Our Story</h1>
|
2022-01-28 22:54:47 +00:00
|
|
|
<Image {...imageProps} alt={alt} placeholder="blur" />
|
2021-06-04 20:43:37 +00:00
|
|
|
<p>
|
|
|
|
|
Our story Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
|
|
|
|
Natus, illo. Vitae rerum officia, commodi atque reprehenderit tempore
|
|
|
|
|
amet accusantium dicta corrupti sint vero laboriosam quae explicabo,
|
|
|
|
|
repellat quisquam. Vitae, cumque.
|
|
|
|
|
</p>
|
|
|
|
|
</PhotoPageStyles>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
2022-01-28 22:54:47 +00:00
|
|
|
|
|
|
|
|
export async function getStaticProps() {
|
|
|
|
|
const src = 'https://picsum.photos/800/450';
|
|
|
|
|
const data = await buildBase64Data(false, src, 'Picture of us');
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
props: { ...data },
|
|
|
|
|
};
|
|
|
|
|
}
|
