Optimize initial loading speed (LazyLoad).

2025-06-28 07:45:42 +08:00
parent 06c9c633c3
commit bcd37993e6
8 changed files with 120 additions and 78 deletions
@@ -70,15 +70,9 @@ export default function HowItWorks({ messages }: PageContentProps) {
        {/* Right Side - Demo Animation */}
        <div className="w-full md:w-1/2">
          <div className="bg-white rounded-lg shadow-lg overflow-hidden">
-            {/* The default Next.js image optimizer does not support handling of GIF animations */}
-            <Image
-              src="/HowItWorks.gif"
-              alt="How PrivyDrop Works"
-              unoptimized
-              width={700}
-              height={921}
-              className="mx-auto mb-6"
-            />
+            <video autoPlay loop muted playsInline width="1920" height="75">
+              <source src="/HowItWorks.webm" type="video/webm" />
+            </video>
          </div>
        </div>
      </div>