Merge pull request #9 from zhavir/implement-personal-portfolio

fix: fix escaping

Author: zhavir

src/app/components/ContactSection.jsx

@@ -39,10 +39,10 @@ const EmailSection = () => {
       <div className="bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-primary-600 to-transparent rounded-full h-2/3 w-6/12 z-0 blur-3xl absolute top-1/3 -left-4 transform -translate-x-1/2 -translate-y-1/2"></div>
       <div className="z-0">
         <h5 className="text-xl font-bold text-primaryText my-2">
-          Let's Connect
+          {`Let's Connect`}
         </h5>
         <p className="text-secondaryText mb-4 max-w-md">
-          Reach me out if you're interested!
+          {`Reach me out if you're interested!`}
         </p>
         <div className="socials flex flex-row gap-2">
           <Link href="https://github.com/zhavir" target="_blank">

src/app/components/HeroSection.jsx

@@ -11,7 +11,7 @@ const HeroSection = () => {
         <div className="col-span-8 place-self-center text-center sm:text-left justify-self-start">
           <h1 className="text-primaryText mb-4 text-4xl sm:text-5xl lg:text-6xl lg:leading-normal font-extrabold ">
             <span className="text-transparent bg-clip-text bg-gradient-to-r from-primary-600 to-secondary-400 ">
-              Hello I'm{' '}
+              {`Hello I'm`}{' '}
             </span>
             <br></br>
             <TypeAnimation
@@ -31,7 +31,7 @@ const HeroSection = () => {
             />
           </h1>
           <p className="text-secondaryText text-base sm:text-lg mb-6 lg:text-xl mr-10">
-            I'm a Softwere engineer with 10 years of experience
+            {`I'm a Softwere engineer with 10 years of experience`}
           </p>
           <div>
             <Link