import styled from 'styled-components';
import Head from 'next/head';
import useUser from '../lib/useUser';
import HomeContent from '../components/HomeContent';
import Login from '../components/Login';
import Layout from '../components/Layout';
import buildBase64Data from '../utils/buildBase64Data';
const LandingStyles = styled.div`
display: grid;
`;
export default function Home({ alt, imageProps }) {
const { user, mutateUser } = useUser();
if (!user) {
return (
Loading...
);
}
return (
N & N | Wedding
{user && user.isLoggedIn === true ? (
) : (
)}
);
}
export async function getStaticProps() {
const src = 'https://picsum.photos/1307/880';
const data = await buildBase64Data(false, src, 'Picture of the couple');
return {
props: { ...data },
};
}