remove commented out and dead code

Author: thorrellt

components/containers/Card/styles.js

@@ -44,7 +44,7 @@ const Card = styled.div`
     &:last-child {
       margin: 1.5rem 0.5rem 0 0.5rem;
     }
-  `)} //check props for button variations
+  `)}
 `;
 
 const Title = styled.h2`
@@ -57,29 +57,23 @@ const Title = styled.h2`
 
   ${m.tablet(css`
     font-size: 2.25rem;
-  `)}//check props for button variations
+  `)}
 `;
 
 const ContentWrapper = styled.div`
   display: flex;
   align-items: center;
-
-  //check props for button variations
 `;
 
 const ImageWrapper = styled.div`
   width: 100%;
   height: 18rem;
   position: relative;
-
-  //check props for button variations
 `;
 
 const CardImage = styled(Image)`
   border-radius: 0.25rem;
   object-fit: cover;
-
-  //check props for button variations
 `;
 
 const TagContainer = styled.div`
@@ -123,14 +117,6 @@ const AboutUsContentWrapper = styled(ContentWrapper)`
 `;
 
 //Contact Us Cards Varients
-const ContactUsCardsCss = css`
-  height: 27rem;
-  background-color: ${$white};
-
-  ${m.desktop(css`
-    height: 25rem;
-  `)}
-`;
 
 const ContactUsCard = styled(Card)`
   height: 27rem;
@@ -141,15 +127,6 @@ const ContactUsCard = styled(Card)`
   `)}
 `;
 
-const ContactUsCardImageWrapperCss = css`
-  width: auto;
-  position: relative;
-  height: 5rem;
-  margin-right: 75%;
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-`;
-
 const ContactUsCardImageWrapper = styled(ImageWrapper)`
   width: auto;
   position: relative;
@@ -159,27 +136,12 @@ const ContactUsCardImageWrapper = styled(ImageWrapper)`
   margin-bottom: 3rem;
 `;
 
-const ContactUsCardImageCss = css`
-  margin: 0;
-  position: absolute;
-  object-fit: contain !important;
-`;
-
 const ContactUsCardImage = styled(Image)`
   margin: 0;
   position: absolute;
   object-fit: contain !important;
 `;
 
-//Blog Varients
-const BlogCss = css`
-  margin: 1rem 0.5rem 0 0.5rem;
-
-  ${m.tablet(css`
-    height: 40rem;
-  `)}
-`;
-
 const Blog = styled(Card)`
   margin: 1rem 0.5rem 0 0.5rem;
 
@@ -188,17 +150,6 @@ const Blog = styled(Card)`
   `)}
 `;
 
-const BlogTitleCss = css`
-  font-size: 1.3rem;
-  margin-bottom: 0.7rem;
-  max-height: 7rem;
-  overflow: hidden;
-
-  ${m.tablet(css`
-    font-size: 1.3rem;
-  `)}
-`;
-
 const BlogTitle = styled(Title)`
   font-size: 1.3rem;
   margin-bottom: 0.7rem;
@@ -210,10 +161,6 @@ const BlogTitle = styled(Title)`
   `)}
 `;
 
-const BlogImageWrapperCss = css`
-  height: 12rem;
-`;
-
 const BlogImageWrapper = styled(ImageWrapper)`
   height: 12rem;
 `;

components/containers/Wrapper/index.js

@@ -1,4 +1,3 @@
-// import wrapperStyles from '@/styles/Wrapper.module.scss';
 import S from './styles';
 
 export default function Wrapper({ customClass, children }) {

components/layout/Nav/styles.js

@@ -1,6 +1,3 @@
-// @use './variables' as *;
-// @use './mixins' as *;
-
 import styled, { css } from 'styled-components';
 import * as m from '@/styles/_mixins';
 import {