added hero image placeholders

Author: rickkdev

components/Sales/drm/devrel-hero.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import UpperAnim from '../../animations/UpperAnim';
 import LeftAnim from '../../animations/LeftAnim';
+import RightAnim from '../../animations/rightAnim';
 
 const DevRelHero = () => {
   return (
@@ -25,7 +26,7 @@ const DevRelHero = () => {
           </div>
         </div>
         <div className='mt-48 mr-44'>
-          <LeftAnim />
+          <RightAnim />
         </div>
       </div>
     </div>

components/animations/LeftAnim.js

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 export default function UpperAnim() {
   return (
     <object
-      data='/left-anim-3.svg'
+      data='/left-anim-6.svg'
       style={{
         width: '528px', // set the width
         height: '209px', // set the height

components/animations/RightAnim.js

@@ -0,0 +1,13 @@
+/* eslint-disable */
+import { useEffect } from 'react';
+export default function RightAnim() {
+  return (
+    <object
+      data='/right-anim-4.svg'
+      style={{
+        width: '528px', // set the width
+        height: '209px', // set the height
+      }}
+    />
+  );
+}

components/animations/UpperAnim.js

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 export default function UpperAnim() {
   return (
     <object
-      data='/original-infite-2.svg'
+      data='/upper-anim-2.svg'
       style={{
         width: '528px', // set the width
         height: '209px', // set the height