added aacesstalk demo video loop.

Author: yghokim

.parcelrc

@@ -1,6 +1,7 @@
 {
   "extends": "@parcel/config-default",
   "transformers": {
-    "*.pdf": ["@parcel/transformer-raw"]
+    "*.pdf": ["@parcel/transformer-raw"],
+    "*.mp4": ["@parcel/transformer-raw"]
   }
 }

app/sections/Demo.tsx

@@ -1,15 +1,9 @@
-import Lottie from 'react-lottie';
-
 const animData = require('../../public/settings-anim.json')
 
-const lottieOptions = {
-    loop: true,
-    autoplay: true,
-    animationData: animData
-}
-
 export const Demo = () => {
-    return <div className="mt-10 rounded-xl overflow-hidden">
-        <Lottie options={lottieOptions}/>
-    </div>
+    return <div className="mt-10 rounded-xl overflow-hidden border border-4 border-orange-600/10 aspect-video">
+    <video className="teaser-loop" autoPlay loop muted playsInline>
+                    <source src={require('../../public/aacesstalk_demo_loop.mp4')} type="video/mp4" />
+                </video>
+</div> 
 }

package-lock.json

@@ -19,7 +19,6 @@
     "prismjs-bibtex": "^2.1.0",
     "react": "^18",
     "react-dom": "^18",
-    "react-lottie": "^1.2.10",
     "tailwindcss": "^3.4.1"
   },
   "devDependencies": {