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" />
      <Timeline />
    </HomeStyles>
  );
}