added email option

README.md

@@ -1,9 +1,11 @@
 ### JigglyStore
+
 Your favorite local pokemon store :grinning:
 
 #### Demo [Jigglystore](https://pokemon-store-nextjs.vercel.app)
 
 #### Technologies used
+
 <img
 src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png"
 width="50" 
@@ -20,11 +22,18 @@ height="50"/>
 <img src="./images/recoil.svg" width="50" height="50"/>
 
 #### Features
-* Dark mode :waxing_crescent_moon:
-* Favorite pokemon, together with a modal to view them :hearts:
-* Multiple filters :pushpin: 
-* Different sorting methods :telescope:
-* Cart dropdown :diamonds:
-* Responsive website :dancer:
+
+- Dark mode :waxing_crescent_moon:
+- Favorite pokemon, together with a modal to view them :hearts:
+- Multiple filters :pushpin:
+- Different sorting methods :telescope:
+- Cart dropdown :diamonds:
+- Responsive website :dancer:
+
+#### What's missing?
+
+- Login and authentication :key:
+- Checkout and payment processing :credit_card:
+- You cannot buy the shiny pokemon :cry:
 
 ##### Api used [pokeapi](https://pokeapi.co/)

components/Footer.jsx

@@ -6,6 +6,10 @@ const StyledFooter = styled.div`
   background-color: ${(p) => p.theme.colors.gray_100};
   height: 300px;
   width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 20px;
 
   & p,
   h3 {
@@ -16,9 +20,10 @@ const StyledFooter = styled.div`
 const Footer = () => {
   return (
     <StyledFooter>
-      <p>This is a pokemon website</p>
-      <h3>Contact me</h3>
-      <p>Email: [email protected]</p>
+      <h3>
+        This website is a demo project written in reactjs. Feels free to contact
+        me :)
+      </h3>
       <Links />
     </StyledFooter>
   );

shared/components/index.jsx

@@ -12,6 +12,8 @@ import {
   AiFillHeart,
 } from "react-icons/ai";
 
+import { GrMail, GrMailOption } from "react-icons/gr";
+
 import * as S from "./Styles";
 import { useCart, useCartModal } from "shared/hooks";
 
@@ -87,9 +89,13 @@ export const Links = ({ darkBackground = true, size = 35 }) => {
       >
         <AiFillLinkedin size={size} />
       </a>
+      <a href="mailto: [email protected]">
+        <GrMail size={size} />
+      </a>
     </S.StyledLinks>
   );
 };
+// import { GrMail, GrMailOption } from "react-icons/gr";
 
 export const FavoritesHeart = ({ pokemon, size = 25 }) => {
   const [favorites, setFavorites] = useRecoilState(favoritesAtoms);