import React from 'react';
import styled from 'styled-components';
import { motion } from 'framer-motion';

const ComingSoonContainer = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60vh;
`;

const ComingSoonText = styled(motion.h2)`
  font-size: 3rem;
  color: #8C1D40;
`;

const ComingSoon: React.FC = () => {
  return (
    <ComingSoonContainer>
      <ComingSoonText
        initial={{ opacity: 0, y: -50 }}
        animate={{ opacity: 1, y: 0 }}
        transition={{ duration: 1 }}
      >
        COMING SOON
      </ComingSoonText>
    </ComingSoonContainer>
  );
};

export default ComingSoon;
