diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 0000000..bffb357
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+ "extends": "next/core-web-vitals"
+}
diff --git a/components/EventCard.tsx b/components/EventCard.tsx
new file mode 100644
index 0000000..74e4412
--- /dev/null
+++ b/components/EventCard.tsx
@@ -0,0 +1,119 @@
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import Card from '@mui/material/Card';
+import CardHeader from '@mui/material/CardHeader';
+import CardMedia from '@mui/material/CardMedia';
+
+import CardContent from '@mui/material/CardContent';
+import CardActions from '@mui/material/CardActions';
+import Collapse from '@mui/material/Collapse';
+import Avatar from '@mui/material/Avatar';
+import IconButton, { IconButtonProps } from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import { red } from '@mui/material/colors';
+import FavoriteIcon from '@mui/icons-material/Favorite';
+import ShareIcon from '@mui/icons-material/Share';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+
+interface ExpandMoreProps extends IconButtonProps {
+ expand: boolean;
+}
+
+const ExpandMore = styled((props: ExpandMoreProps) => {
+ const { expand, ...other } = props;
+ return ;
+})(({ theme, expand }) => ({
+ transform: !expand ? 'rotate(0deg)' : 'rotate(180deg)',
+ marginLeft: 'auto',
+ transition: theme.transitions.create('transform', {
+ duration: theme.transitions.duration.shortest,
+ }),
+}));
+
+export default function EventCard() {
+ const [expanded, setExpanded] = React.useState(false);
+
+ const handleExpandClick = () => {
+ setExpanded(!expanded);
+ };
+
+ return (
+
+
+ {/*
+ R
+
+ }
+ action={
+
+
+
+ }
+ title="Shrimp and Chorizo Paella"
+ subheader="September 14, 2016"
+ /> */}
+
+
+
+
+ This impressive paella is a perfect party dish and a fun meal to cook
+ together with your guests. Add 1 cup of frozen peas along with the mussels,
+ if you like.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Method:
+
+ Heat 1/2 cup of the broth in a pot until simmering, add saffron and set
+ aside for 10 minutes.
+
+
+ Heat oil in a (14- to 16-inch) paella pan or a large, deep skillet over
+ medium-high heat. Add chicken, shrimp and chorizo, and cook, stirring
+ occasionally until lightly browned, 6 to 8 minutes. Transfer shrimp to a
+ large plate and set aside, leaving chicken and chorizo in the pan. Add
+ pimentón, bay leaves, garlic, tomatoes, onion, salt and pepper, and cook,
+ stirring often until thickened and fragrant, about 10 minutes. Add
+ saffron broth and remaining 4 1/2 cups chicken broth; bring to a boil.
+
+
+ Add rice and stir very gently to distribute. Top with artichokes and
+ peppers, and cook without stirring, until most of the liquid is absorbed,
+ 15 to 18 minutes. Reduce heat to medium-low, add reserved shrimp and
+ mussels, tucking them down into the rice, and cook again without
+ stirring, until mussels have opened and rice is just tender, 5 to 7
+ minutes more. (Discard any mussels that don't open.)
+
+
+ Set aside off of the heat to let rest for 10 minutes, and then serve.
+
+
+
+
+ );
+}
diff --git a/components/Layout.js b/components/Layout.js
index 011f896..c3d2293 100644
--- a/components/Layout.js
+++ b/components/Layout.js
@@ -100,7 +100,7 @@ const Layout = (props) => {
- {props.children}
+ {props.children}