weddingsite/components/HomeContent.js

import Image from 'next/image';
import styled from 'styled-components';
import Timeline from './Timeline';

const HomeStyles = styled.div`
  display: grid;
  justify-items: center;
`;

export default function HomeContent({ alt, imageProps }) {
  return (
    <HomeStyles>
      <Image {...imageProps} alt={alt} placeholder="blur"
        style={{
          width: '100%',
          height: 'auto',
        }}
      />
      <Timeline />
    </HomeStyles>
  );
}