Merge pull request #20 from muchisx/next

Merge Next into Main
muchisx · Jan 20, 2024 · e037cae · e037cae · vercel · Jan 20, 2024
2 parents 81da62d + 4495185
commit e037cae
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 9 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -30,6 +30,14 @@ module.exports = {
         endOfLine: 'auto',
       },
     ],
-    'max-len': ['error', { code: 100, ignoreUrls: true }],
+    'max-len': [
+      'error',
+      {
+        code: 100,
+        ignoreUrls: true,
+        ignoreComments: true,
+        ignorePattern: '^import\\s.+\\sfrom\\s.+;$',
+      },
+    ],
   },
 };
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -7,7 +7,14 @@ import Text from '@components/shared/Text/Text';
 import Button from '@components/shared/Button/Button';
 import Section from '@components/shared/Section/Section';
 // Styled Components
-import { FooterStyled, FooterBlock, FooterMenuItem, footerBodyCSS, FooterMenu, footerBottomCSS } from './Footer.styles';
+import {
+  FooterStyled,
+  FooterBlock,
+  FooterMenuItem,
+  footerBodyCSS,
+  FooterMenu,
+  footerBottomCSS,
+} from './Footer.styles';
 
 function Footer() {
   return (
@@ -48,12 +55,20 @@ function Footer() {
           </FooterMenu>
           <FooterMenu>
             <FooterMenuItem>
-              <Link target="_blank" rel="noopener noreferrer" to="https://www.linkedin.com/in/miguelangelpro/">
+              <Link
+                target="_blank"
+                rel="noopener noreferrer"
+                to="https://www.linkedin.com/in/miguelangelpro/"
+              >
                 LinkedIn
               </Link>
             </FooterMenuItem>
             <FooterMenuItem>
-              <Link target="_blank" rel="noopener noreferrer" to="https://instagram.com/imiguel.angel">
+              <Link
+                target="_blank"
+                rel="noopener noreferrer"
+                to="https://instagram.com/imiguel.angel"
+              >
                 Instagram
               </Link>
             </FooterMenuItem>
@@ -75,10 +90,10 @@ function Footer() {
             />
             <Button
               Icon={Chat}
-              text="Telegram"
+              text="WhatsApp"
               variant="quaternary"
               buttonRole="link"
-              to="https://t.me/migxang"
+              to="https://wa.me/+573052665559"
               newTab
             />
           </FooterMenu>

diff --git a/src/components/shared/Heading/Heading.tsx b/src/components/shared/Heading/Heading.tsx
@@ -34,6 +34,7 @@ function Heading(props: Props) {
         { delay: stagger(staggerDuration), type: 'tween' }
         // TODO - Find a better performance tweak that doesn't generate a warning
         // TODO - or find a way to supress the warning
+        // Removes transform and filter css properties once the animation finishes to improve performance
       ).then(() => animate('span.letter', { y: 'none', filter: 'none' }, { duration: 0 }));
     }
   }, [isInView, animate]);

diff --git a/src/pages/Contact.tsx b/src/pages/Contact.tsx
@@ -34,18 +34,19 @@ function Contact() {
             </Heading>
 
             <Text>
-              Reach out to me, and together, we&rsquo;ll craft a website that outshines the competition,
+              Reach out to me, and together, we&rsquo;ll craft a website that outshines the
+              competition,
               <br />
               leaving us proud of the exceptional results we achieve.
             </Text>
 
             <div className="contact-methods">
               <Button
                 Icon={Chat}
-                text="Telegram"
+                text="WhatsApp"
                 variant="primary"
                 buttonRole="link"
-                to="https://t.me/migxang"
+                to="https://wa.me/+573052665559"
                 newTab
               />
               <Button