fix input autofill code

src/app/intro/intro-client.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import Image from "next/image";
 import { useRouter } from "next/navigation";
 import { useCallback, useEffect, useState } from "react";
 import Button from "@/components/Componentes/button";
@@ -10,7 +11,6 @@ import SectionOverlayHost from "@/components/Componentes/section-overlay-host";
 import SliderPage from "@/components/Componentes/slider-page";
 import VideoPlayer from "@/components/Componentes/video-player";
 import {
-  HeavenlyMarriageIllustration,
   IntroMatchesIcon,
   IntroMarriagesIcon,
   IntroPlayButtonIcon,
@@ -139,7 +139,14 @@ export default function IntroClient() {
         />
         <main className="pb-[calc(90px+var(--safe-bottom))]">
           <div className="flex flex-col items-center mt-16">
-            <HeavenlyMarriageIllustration />
+            <Image
+              src={"/assets/images/Group 1597880466.svg"}
+              alt={t["heavenly marriage"]}
+              width={168}
+              height={155}
+              priority
+              loading="eager"
+            />
             <h2 className="group-16 text-[#475569] font-bold mt-5 text-center">
               {t["A Path to Heavenly Marriage"]}
             </h2>