31 lines
646 B
TypeScript
31 lines
646 B
TypeScript
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;
|