➕ ADD: freeCodeCamp article

Author: manuarora700

pages/freecodecamp.js

@@ -22,12 +22,20 @@ export default function FreeCodeCamp() {
           that I wrote are down below.
         </h2>
         <div className="flex flex-col items-center sm:flex-row sm:space-x-8 w-full">
+          <Project
+            link="https://www.freecodecamp.org/news/integrate-a-payment-gateway-in-next-js-and-react-with-razorpay-and-tailwindcss/"
+            title="How to Set Up a Payment Gateway in Next.js and React with Razorpay and TailwindCSS"
+            image="freecodecamp/payments.png"
+            date="Dec 22, 2021"
+          />
           <Project
             link="https://www.freecodecamp.org/news/how-to-build-a-portfolio-site-with-nextjs-tailwindcss/"
             title="Build a developers portfolio website with Next.js and TailwindCSS"
             image="freecodecamp/portfolio.png"
             date="September 21, 2021"
           />
+        </div>
+        <div className="flex flex-col items-center sm:flex-row sm:space-x-8 w-full">
           <Project
             link="https://www.freecodecamp.org/news/how-to-build-a-working-contact-form-with-sendgrid-and-next-js/"
             title="Send emails with your contact form with SendGrid and Next.js"
@@ -45,7 +53,7 @@ export default function FreeCodeCamp() {
 const Project = ({ link, image, title, date }) => {
   return (
     <a href={link} className=" w-3/4 sm:w-1/2 mb-10" target="__blank">
-      <div className="flex-shrink-0 rounded-lg shadow-xl shadow-green-500/20 dark:shadow-blue-500/20 overflow-hidden min-h-[400px]">
+      <div className="flex-shrink-0 rounded-lg shadow-xl shadow-gray-500/20 dark:shadow-blue-500/20 overflow-hidden min-h-[400px]">
         <div className="overflow-hidden">
           <img
             src={image}

public/freecodecamp/payments.png

@@ -24,6 +24,9 @@
     <loc>https://manuarora.in/resources</loc>
   </url>
 
+  <url>
+    <loc>https://manuarora.in/test</loc>
+  </url>
 
   <url>
     <loc>https://manuarora.in/tweets</loc>